:root{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}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}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{background:var(--surface);border:1px solid #334155;border-radius:.65rem;width:100%;min-height:2.75rem;padding:.6rem .8rem}.page-search{margin-top:var(--space-6)}.focus-ring:focus-visible{outline:2px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 2px color-mix(in oklab, var(--focus), transparent 72%)}.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;border:1px solid var(--accent);background:var(--surface-elevated);border-radius:.625rem;padding:.55rem .85rem;font-size:.875rem;font-weight:650;text-decoration:none;transition:transform .18s;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{color:var(--accent-success);font-weight:700;display:inline-flex}.back-link:hover{color:#fff}.tool-button{color:#cbd5e1;background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.5rem;min-height:2.5rem;padding:.45rem .75rem;font-size:.875rem;font-weight:650;text-decoration:none;transition:all .18s;display:inline-flex}.tool-button svg{width:1.15rem;height:1.15rem;color:var(--accent-success)}.tool-button:hover{color:#fff;background:#017fa41a;border-color:#0000}.button,.icon-label-button{border:1px solid var(--border);min-height:2.75rem;color:var(--text-primary);background:#0f172aeb;border-radius:.65rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:650;text-decoration:none;transition:all .18s;display:inline-flex}.button:hover,.icon-label-button:hover{background:var(--surface-elevated);border-color:#017fa499}.button-small{min-height:2.5rem;padding-inline:.75rem;font-size:.78rem}.icon-button{width:2.5rem;height:2.5rem;color:color-mix(in oklab, var(--accent-success), white 8%);background:0 0;border:1px solid #0000;border-radius:50%;flex:0 0 2.5rem;justify-content:center;align-items:center;transition:all .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]{color:#71ddca;background:#017fa41f;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:all .18s}.interactive:hover,.interactive:focus-within{background:var(--surface-elevated);border-color:#017fa47a}@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}}:root{--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-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);--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}body{background:var(--color-bg)}
