:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-cyan:#00e5e5;--brand-red:#ff3030;--brand-yellow:#ffd166;--brand-black:#090b0d;--color-bg:var(--brand-black);--color-surface:#11161a;--color-surface-elevated:#182126;--color-fg:#f5f7f7;--color-muted:color-mix(in oklab, var(--color-fg), var(--color-bg) 42%);--color-border:color-mix(in oklab, var(--brand-cyan), var(--brand-red) 34%);--surface:var(--color-surface);--surface-muted:color-mix(in oklab, var(--color-surface), transparent 18%);--surface-elevated:var(--color-surface-elevated);--surface-interactive:color-mix(in oklab, var(--color-surface-elevated), transparent 4%);--border:#94a3b82e;--border-strong:color-mix(in oklab, var(--color-border), white 8%);--border-chrome:color-mix(in oklab, var(--border), white 14%);--text-primary:var(--color-fg);--text-secondary:color-mix(in oklab, var(--text-primary), var(--color-bg) 18%);--text-muted:var(--color-muted);--text-subtle:color-mix(in oklab, var(--color-muted), var(--color-bg) 24%);--accent:var(--brand-cyan);--accent-soft:color-mix(in oklab, var(--accent), transparent 82%);--accent-success:var(--brand-cyan);--warning:var(--brand-yellow);--critical:var(--brand-red);--critical-soft:color-mix(in oklab, var(--critical), white 36%);--focus:var(--brand-red);--layout-max:76rem;--layout-wide:88rem;--layout-gutter:clamp(.875rem, 3vw, 1.5rem);--page-padding:var(--layout-gutter);--section-space:clamp(1.5rem, 4vw, 3rem);--radius-1:.375rem;--radius-2:.625rem;--radius-3:.875rem;--radius-4:1.125rem;--radius-pill:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--shadow-sm:0 8px 20px #0003;--shadow-md:0 14px 32px #00000047;--shadow-lg:0 20px 48px #0000005c;--control-min:44px;font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%}html{background:var(--color-bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--text-primary);margin:0;line-height:1.55}:where(h1,h2,h3,h4,p,ul,ol,blockquote,pre){margin:0}:where(ul,ol){padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.55}::placeholder{color:var(--text-subtle);opacity:1}img,svg{max-width:100%;display:block}::selection{background:color-mix(in oklab, var(--accent), transparent 68%)}.page-shell{flex-direction:column;min-height:100dvh;display:flex}.main-grow{flex:1}.container{width:min(var(--layout-max), calc(100% - var(--page-padding) * 2));min-width:0;margin-inline:auto}.container.wide{width:min(var(--layout-wide), calc(100% - var(--page-padding) * 2))}.page-content,.detail-page{padding-block:var(--section-space)}.input{border:1px solid var(--border-chrome);background:var(--surface);border-radius:.65rem;width:100%;min-height:2.75rem;padding:.6rem .8rem}.page-search{margin-top:var(--space-6)}.focus-ring:focus-visible,:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 2px color-mix(in oklab, var(--focus), transparent 72%)}main[tabindex="-1"]:focus{outline:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.empty-state{padding:var(--space-6);color:var(--text-muted);text-align:center}.count{color:var(--text-muted);font-size:.75rem;font-weight:650}.skip-link{z-index:1000;min-height:var(--control-min);border:1px solid var(--accent);background:var(--surface-elevated);border-radius:.625rem;align-items:center;padding:.55rem .85rem;font-size:.875rem;font-weight:650;text-decoration:none;transition:transform .18s;display:inline-flex;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}.state-actions{align-items:center;gap:.5rem;display:flex}.back-link{min-height:var(--control-min);color:var(--accent-success);align-items:center;font-weight:700;display:inline-flex}.back-link:hover{color:var(--text-primary)}.tool-button{min-height:var(--control-min);color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.875rem;font-weight:650;text-decoration:none;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.tool-button svg{width:1.15rem;height:1.15rem;color:var(--accent-success)}.tool-button:hover{background:var(--accent-soft);color:var(--text-primary);border-color:#0000}.button,.icon-label-button{border:1px solid var(--border);background:var(--surface);min-height:2.75rem;color:var(--text-primary);border-radius:.65rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:650;text-decoration:none;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.button:hover,.icon-label-button:hover{border-color:color-mix(in oklab, var(--accent), transparent 40%);background:var(--surface-elevated)}.button-small{min-height:var(--control-min);padding-inline:.75rem;font-size:.78rem}.icon-button{width:var(--control-min);height:var(--control-min);flex:0 0 var(--control-min);color:color-mix(in oklab, var(--accent-success), white 8%);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.icon-button svg,.icon-label-button svg{width:1.2rem;height:1.2rem}.icon-button:hover,.icon-button[aria-pressed=true]{background:var(--accent-soft);color:color-mix(in oklab, var(--accent), white 18%);border-color:#0000}.card{overflow-wrap:anywhere;border:1px solid var(--border);border-radius:var(--radius-2);background:color-mix(in oklab, var(--surface), transparent 35%)}.interactive{transition:border-color .18s,background-color .18s}.interactive:hover,.interactive:focus-within{border-color:color-mix(in oklab, var(--accent), transparent 52%);background:var(--surface-elevated)}@media (width<40rem){.icon-label-button span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.tool-button span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--border:#cbd5e17a;--border-chrome:#cbd5e19e;--text-secondary:#e2e8f0;--text-muted:#d5dadd;--text-subtle:#bac3c8}}
