:root,:root[data-bs-theme=dark]{--ocean-bg: #0B1F33;--ocean-surface: #12304D;--ocean-surface-2: #1A4066;--ocean-border: #2B557F;--ocean-text: #EAF2F8;--ocean-text-muted: #9FB3C8;--ocean-primary: #56B4E9;--ocean-accent: #E69F00;--bs-body-bg: var(--ocean-bg);--bs-body-bg-rgb: 11, 31, 51;--bs-body-color: var(--ocean-text);--bs-body-color-rgb: 234, 242, 248;--bs-body-font-family: "Atkinson Hyperlegible", system-ui, sans-serif;--bs-secondary-color: var(--ocean-text-muted);--bs-border-color: var(--ocean-border);--bs-primary: var(--ocean-primary);--bs-primary-rgb: 86, 180, 233;--bs-link-color: var(--ocean-primary);--bs-link-color-rgb: 86, 180, 233;--bs-link-hover-color: #8FCDF2;--bs-link-hover-color-rgb: 143, 205, 242;--bs-card-bg: var(--ocean-surface);--bs-card-border-color: var(--ocean-border)}:focus-visible{outline:3px solid var(--ocean-accent);outline-offset:2px}html,body{min-height:100%}body,main{background:var(--ocean-bg);color:var(--ocean-text)}.app-header,.sidebar-panel{background:var(--ocean-surface)!important}.app-header{border-bottom:1px solid var(--ocean-border)}.sidebar-panel{border-right:1px solid var(--ocean-border)}.nav-button{color:var(--ocean-text-muted);border-color:var(--ocean-border)}.source-btn{display:flex;align-items:center;gap:.6rem;width:100%;padding:.75rem 1rem;background:transparent;color:var(--ocean-text-muted);border:1px solid var(--ocean-border);border-radius:.5rem;text-align:left;transition:background-color .15s,border-color .15s,color .15s}.source-btn:hover{background:var(--ocean-surface-2);color:var(--ocean-text)}.source-btn[data-source=SN]{color:var(--ocean-primary);border-color:var(--ocean-primary)}.source-btn[data-source=TWA]{color:var(--ocean-accent);border-color:var(--ocean-accent)}.source-btn[data-source=MISCELLANEOUS]{color:var(--ocean-text-muted);border:1px dashed var(--ocean-text-muted)}.source-btn:focus{box-shadow:none}.source-btn:focus-visible{outline:3px solid var(--ocean-accent);outline-offset:2px}.source-btn[aria-pressed=true]{font-weight:600;border-width:2px}.source-btn[data-source=SN][aria-pressed=true]{background:color-mix(in srgb,var(--ocean-primary) 18%,transparent);color:var(--ocean-primary);border-color:var(--ocean-primary);box-shadow:inset 4px 0 0 var(--ocean-primary)}.source-btn[data-source=TWA][aria-pressed=true]{background:color-mix(in srgb,var(--ocean-accent) 18%,transparent);color:var(--ocean-accent);border-color:var(--ocean-accent);box-shadow:inset 4px 0 0 var(--ocean-accent)}.source-btn[data-source=MISCELLANEOUS][aria-pressed=true]{background:color-mix(in srgb,var(--ocean-text-muted) 15%,transparent);color:var(--ocean-text);border:2px dashed var(--ocean-text-muted);box-shadow:inset 4px 0 0 var(--ocean-text-muted)}.source-btn-glyph{flex:none}.nav-button:hover,.nav-button:focus-visible{color:var(--ocean-text);background:var(--ocean-surface-2);border-color:var(--ocean-text-muted)}.nav-button.btn-primary,.nav-button.btn-dark{color:var(--ocean-text)!important;background:var(--ocean-surface-2)!important;border-color:var(--ocean-primary)!important}.nav-button.btn-outline-primary,.nav-button.btn-outline-dark{--bs-btn-color: var(--ocean-text-muted);--bs-btn-border-color: var(--ocean-border);--bs-btn-hover-color: var(--ocean-text);--bs-btn-hover-bg: var(--ocean-surface-2);--bs-btn-hover-border-color: var(--ocean-text-muted)}.unit-panel .section-label,.content-subtitle,.text-muted{color:var(--ocean-text-muted)!important}.gallery-search,.form-control,.form-select{color:var(--ocean-text);background-color:var(--ocean-bg);border-color:var(--ocean-border)}.gallery-search::placeholder,.form-control::placeholder{color:var(--ocean-text-muted)}.gallery-search:focus,.form-control:focus,.form-select:focus{color:var(--ocean-text);background-color:var(--ocean-bg);border-color:var(--ocean-accent);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--ocean-accent) 20%,transparent)}.selected-sign-panel,.gif-card{background:var(--ocean-surface)!important;border-color:var(--ocean-border)!important}.gif-card:hover,.gif-card:focus-visible{border-color:var(--ocean-text-muted)!important}.gif-card:focus-visible{outline:2px solid var(--ocean-accent)}.selected-card{background:var(--ocean-surface-2)!important;border:3px solid var(--ocean-text)!important;outline:2px solid var(--ocean-accent);outline-offset:2px;box-shadow:inset 0 0 0 1px var(--ocean-accent)}.gif-thumb-wrapper,.gif-placeholder,.gif-placeholder-large{background:var(--ocean-bg)}.gif-placeholder{border-color:var(--ocean-border)}.btn-outline-dark,.btn-outline-secondary{--bs-btn-color: var(--ocean-text);--bs-btn-border-color: var(--ocean-border);--bs-btn-hover-color: var(--ocean-bg);--bs-btn-hover-bg: var(--ocean-accent);--bs-btn-hover-border-color: var(--ocean-accent)}footer{border-color:var(--ocean-border)!important}@media(max-width:767.98px){.sidebar-panel{border-right:0;border-bottom:1px solid var(--ocean-border)}}@media(prefers-reduced-motion:reduce){.source-btn{transition:none}*,*:before,*:after{transition:none!important}}.app-title.svelte-12qhfyh{font-size:clamp(1.35rem,1.1rem + .9vw,2rem)}