@font-face{font-family:Inter Fallback;size-adjust:107%;ascent-override:90%;src:local(Arial)}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#191c1c;--bg-input:#242e2e;--bg-hover:#2f3c3c;--bg-active:#3a4848;--text:#f0f0f0;--text-muted:#e0e0e0;--text-subtle:#9ab4b4;--link:#46cbc6;--link-hover:#62dfda;--border:#364a4a;--accent:#21b7b2;--accent-hover:#189b97;--accent-text:#fff;--color-error:#e05555;--color-warn:#c8902a;--gb:linear-gradient(var(--bg-input), var(--bg-input)) padding-box, linear-gradient(var(--border), var(--border)) border-box;--gb-focus:linear-gradient(var(--bg-input), var(--bg-input)) padding-box, linear-gradient(var(--accent), var(--accent)) border-box;--gb-hover:linear-gradient(var(--bg-hover), var(--bg-hover)) padding-box, linear-gradient(var(--accent), var(--accent)) border-box;--gb-active:linear-gradient(var(--bg-active), var(--bg-active)) padding-box, linear-gradient(var(--accent), var(--accent)) border-box;font-family:Inter,Inter Fallback,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}[data-theme=light]{--bg:#f4f9f8;--bg-input:#e6efee;--bg-hover:#d5e6e5;--bg-active:#c2d8d7;--text:#111;--text-muted:#2a3333;--text-subtle:#4a6262;--link:#0a8783;--link-hover:#056e6b;--border:#b8cecd;--accent:#087c78;--accent-hover:#046662;--accent-text:#fff;--color-error:#c83c3c;--color-warn:#aa6e14}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background-color:var(--bg);height:100%;color:var(--text);font-size:16px;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}button{font:inherit;cursor:pointer;background:0 0;border:none;position:relative}input,textarea{font:inherit;color:var(--text)}code{background:var(--bg-input);border-radius:3px;padding:1px 5px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.875em}@keyframes page-enter{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@keyframes page-exit{0%{opacity:1;translate:0}to{opacity:0;translate:0 -10px}}@keyframes results-open{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0}}::selection{background-color:color-mix(in srgb, var(--accent-hover) 45%, transparent)}.page-center{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-bottom:3rem;display:flex}.content-container{text-align:center;flex-direction:column;gap:1.1rem;width:100%;max-width:42rem;padding:2rem 1rem;animation:.22s cubic-bezier(.2,0,.3,1) page-enter;display:flex}.content-container.is-exiting{animation:.18s forwards page-exit}.separator-bar{background:linear-gradient(to right, transparent, var(--accent) 30%, var(--accent) 70%, transparent);opacity:.35;width:100%;height:3px;margin:.15rem 0}.url-container{align-items:center;gap:8px;display:flex}.url-input{background:var(--gb);color:var(--text);border:2px solid #0000;border-radius:6px;outline:none;flex:1;min-width:0;padding:8px 12px;transition:background .15s}.copy-button{color:var(--text-subtle);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex}.copy-button:hover{background:var(--bg-hover)}.copy-button:active{background:var(--bg-active)}.copy-button.accent-icon{color:var(--accent)}.copy-button.accent-icon:hover{color:var(--accent-hover)}.copy-button.danger-icon{color:var(--color-error)}.theme-toggle{width:2.5rem;height:2.5rem;color:var(--text);z-index:100;background:var(--gb);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:background .25s;display:flex;position:fixed;top:1rem;right:1rem}.theme-toggle:hover,.theme-toggle:focus-visible{background:var(--gb-hover);outline:none}.theme-toggle:active{background:var(--gb-active)}.search-container{text-align:left;width:100%;position:relative}.search-icon{color:var(--text-subtle);pointer-events:none;z-index:1;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:50%;left:10px;translate:0 -50%}.search-icon svg{width:1em;height:1em;display:block}.search-input{background:var(--gb);width:100%;color:var(--text);border:2px solid #0000;border-radius:6px;outline:none;padding:10px 12px 10px 36px;font-size:16px;transition:background .15s}.search-input:focus,.url-input:focus,.bang-label:focus{background:var(--gb-focus)}.search-results{z-index:10;background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:6px;flex-direction:column;gap:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search-results.is-open{animation:.18s cubic-bezier(.2,0,.3,1) both results-open}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:0 0}.search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.search-result{align-items:center;gap:6px;display:flex}.bang-label{background:var(--gb);color:var(--text);text-overflow:ellipsis;white-space:nowrap;text-align:left;-webkit-user-select:text;user-select:text;cursor:default;border:2px solid #0000;border-radius:6px;outline:none;flex:1;min-width:0;padding:6px 10px;transition:background .15s;overflow:hidden}.bang-sep{color:var(--accent)}.set-default-button{text-align:center;background:var(--bg-input);min-width:6.25rem;color:var(--text-muted);white-space:nowrap;border:1px solid var(--border);border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:.8rem;transition:background .15s,color .15s}.set-default-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.set-default-button:active:not(:disabled){background:var(--bg-active)}.set-default-button:disabled{opacity:.55;cursor:default}.search-empty{color:var(--text-muted);text-align:center;padding:12px}.scroll-sentinel{flex-shrink:0;height:1px}.footer{text-align:center;color:var(--text-subtle);background:linear-gradient(to top, var(--bg) 60%, transparent);padding:10px;font-size:13px;position:fixed;bottom:0;left:0;right:0}.footer a{color:var(--text-subtle);font-weight:500;text-decoration:none}.footer a:hover{color:var(--text)}.title-star,.footer a .title-star,.footer-dot{color:var(--accent)}.page-subtitle{color:var(--text-muted);font-size:1.2rem;font-weight:500}.page-hint{color:var(--text-subtle);text-align:left;font-size:.8rem}.page-hint code,.page-desc code{color:var(--accent)}.page-desc{color:var(--text-muted);font-size:.9rem}.section-header{text-align:left;justify-content:space-between;align-items:center;display:flex}.bangs-btn,.back-link{color:var(--text-muted);white-space:nowrap;background:var(--gb);border:2px solid #0000;border-radius:6px;padding:4px 10px;font-size:.8rem;transition:background .25s,color .15s}.bangs-btn:hover,.bangs-btn:focus-visible,.back-link:hover,.back-link:focus-visible{color:var(--text);background:var(--gb-hover);outline:none;text-decoration:none}.back-link{flex-shrink:0}.custom-page-header{align-items:center;width:100%;display:flex}.custom-page-header h1{text-align:center;flex:1}.custom-field{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);background:0 0;border-radius:0;outline:none;padding:6px 0;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:14px;transition:border-color .2s}.custom-field:focus{border-bottom-color:var(--accent)}.custom-field--error{border-bottom:2px solid var(--color-error)!important}.custom-field--warn{border-bottom:2px solid var(--color-warn)!important}.form-error{color:var(--color-error);font-size:.875rem}.custom-btn-primary,.custom-btn-secondary{color:var(--text-muted);background:var(--gb);border:2px solid #0000;border-radius:6px;padding:7px 14px;font-size:.875rem;font-weight:500;transition:background .25s,color .15s}.custom-btn-primary:hover,.custom-btn-secondary:hover,.custom-btn-primary:focus-visible,.custom-btn-secondary:focus-visible{color:var(--text);background:var(--gb-hover);outline:none}.custom-desc-row{align-items:center;gap:.75rem;display:flex}.custom-desc-row .page-hint{text-align:left;flex:1}.custom-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;gap:4px;max-height:20rem;display:flex;overflow-y:auto}.custom-list::-webkit-scrollbar{width:6px}.custom-list::-webkit-scrollbar-track{background:0 0}.custom-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.custom-list::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.custom-io-row{text-align:left;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.import-controls{flex-wrap:nowrap;flex-shrink:1;align-items:center;gap:.5rem;min-width:0;display:flex}.import-mode-toggle{background:var(--gb);border:2px solid #0000;border-radius:6px;padding:2px;transition:background .15s;display:flex;position:relative}.import-mode-toggle:hover,.import-mode-toggle:focus-within{background:var(--gb-focus)}.import-mode-toggle:before{content:"";background:var(--bg-hover);border-radius:4px;width:calc(50% - 2px);transition:translate .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;bottom:2px;left:2px}.import-mode-toggle:has(input[value=replace]:checked):before{translate:100%}.toggle-opt{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1;border-radius:4px;flex:1;justify-content:center;align-items:center;padding:4px 10px;font-size:.8rem;transition:color .2s;display:flex;position:relative}.toggle-opt input[type=radio]{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}:is(.toggle-opt:has(input:checked),.toggle-opt:has(input:focus-visible)){color:var(--text)}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;transition:background .2s;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}@starting-style{.modal-overlay:not([hidden]){background:0 0}}.modal-overlay:not([hidden]) .modal-box{transition:opacity .2s,transform .22s cubic-bezier(.2,0,.3,1)}@starting-style{.modal-overlay:not([hidden]) .modal-box{opacity:0;transform:scale(.95)translateY(-10px)}}.modal-overlay.is-closing{animation:.18s forwards overlay-out}.modal-overlay.is-closing .modal-box{animation:.18s forwards modal-out}@keyframes overlay-out{to{background:0 0}}@keyframes modal-out{to{opacity:0;transform:scale(.95)translateY(-10px)}}.modal-box{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1.1rem;width:min(30rem,92vw);padding:1.5rem;display:flex;box-shadow:0 8px 32px #00000059}.modal-header-row{justify-content:space-between;align-items:center;display:flex}.modal-close{width:1.6rem;height:1.6rem;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:background .15s,color .15s;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text)}.dialog-fields{flex-direction:column;gap:.75rem;display:flex}.field-group{text-align:left;flex-direction:column;gap:.3rem;display:flex}.field-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}.field-hint{padding-left:2px;font-size:.8rem}.field-hint--error{color:var(--color-error)}.field-hint--warn{color:var(--color-warn)}.field-hint--subtle{color:var(--text-subtle)}.dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.custom-btn-save{background:var(--accent);color:var(--accent-text);border:none;border-radius:6px;padding:7px 18px;font-size:.875rem;font-weight:600;transition:background .15s}.custom-btn-save:hover{background:var(--accent-hover)}.custom-btn-save:active{opacity:.85}@media (width<=640px){.page-center{justify-content:flex-start;padding-top:3.5rem;padding-bottom:4.5rem}.content-container{padding:1.25rem .75rem}.custom-list{max-height:min(20rem,100dvh - 16rem)}.set-default-button{min-width:0}.custom-io-row{gap:.35rem}.custom-io-row .custom-btn-secondary{white-space:nowrap;padding:5px 8px;font-size:.75rem}.import-controls{gap:.35rem}.import-mode-toggle .toggle-opt{padding:4px 6px;font-size:.7rem}}
