:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f0f0f;--color-bg-video:#000;--color-nav-bg:#161617;--color-surface:#1c1c1e;--color-surface-muted:#161617;--color-surface-raised:#2c2c2e;--color-surface-high:#3a3a3d;--color-control:#48484a;--color-border:#2c2c2e;--color-text:#fff;--color-text-soft:#d1d1d6;--color-text-meta:#c7c7cc;--color-text-secondary:#a1a1a6;--color-text-out-of-range:#8e8e93;--color-text-on-accent:#0b0b0c;--color-accent:#4da3ff;--color-warning:#ffb340;--color-warning-bg:#3a2a0c;--color-success:#5ee08a;--color-success-bg:#12301c;--color-neutral-dot:#8e8e93;--color-overlay-panel:#0000008c;--color-overlay-control:#ffffff29;--font-family:-apple-system, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--font-numeric:tabular-nums;--font-size-large-title:34px;--font-line-large-title:40px;--font-weight-large-title:700;--font-tracking-large-title:-.4px;--font-size-title:26px;--font-line-title:32px;--font-weight-title:700;--font-tracking-title:-.3px;--font-size-timecode:20px;--font-line-timecode:24px;--font-weight-timecode:700;--font-size-headline:17px;--font-line-headline:22px;--font-weight-headline:600;--font-size-body:15px;--font-line-body:20px;--font-weight-body:400;--font-size-body-strong:16px;--font-line-body-strong:21px;--font-weight-body-strong:600;--font-size-caption:13px;--font-line-caption:18px;--font-weight-caption:400;--font-size-label:13px;--font-line-label:18px;--font-weight-label:600;--font-size-micro:12px;--font-line-micro:16px;--font-weight-micro:400;--font-size-tab:11px;--font-line-tab:14px;--font-weight-tab:600;--space-1:4px;--space-2:8px;--space-3:10px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-screen-x:16px;--space-card-x:14px;--space-card-y:12px;--space-list-gap:10px;--radius-thumb:4px;--radius-chip:10px;--radius-button:12px;--radius-card:14px;--radius-sheet-top:16px;--radius-panel:22px;--radius-full:999px;--size-touch-min:44px;--size-button-primary:54px;--size-button-secondary:48px;--size-button-compact:44px;--size-header:56px;--size-tab-bar:72px;--size-icon-circle:40px;--size-badge:24px;--size-badge-small:18px;--size-icon:20px;--size-icon-tab:24px;--size-icon-stroke:2;--size-grid-gap:3px;--size-sidebar:220px;--motion-fast:.12s;--motion-sheet:.24s;--motion-easing:cubic-bezier(.2, 0, 0, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{min-block-size:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--font-line-body);-webkit-text-size-adjust:100%;font-variant-numeric:var(--font-numeric);margin:0}h1,h2,p,ul{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:calc(var(--size-icon-stroke) * 1px) solid var(--color-accent);outline-offset:calc(var(--size-icon-stroke) * 1px)}.icon{inline-size:var(--size-icon);block-size:var(--size-icon);stroke-width:var(--size-icon-stroke);flex:none}.icon-tab{inline-size:var(--size-icon-tab);block-size:var(--size-icon-tab)}[dir=rtl] .mirror{transform:scaleX(-1)}.shell{flex-direction:column;min-block-size:100dvh;display:flex}.topbar{z-index:5;min-block-size:var(--size-header);padding-inline:var(--space-screen-x);background:var(--color-bg);border-block-end:1px solid var(--color-border);align-items:center;padding-block-start:env(safe-area-inset-top);display:flex;position:sticky;inset-block-start:0}.tabs{z-index:10;min-block-size:var(--size-tab-bar);background:var(--color-nav-bg);border-block-start:1px solid var(--color-border);padding-block-end:env(safe-area-inset-bottom);display:flex;position:fixed;inset-block-end:0;inset-inline:0}.tab{min-inline-size:var(--size-touch-min);min-block-size:var(--size-touch-min);justify-content:center;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-tab);line-height:var(--font-line-tab);font-weight:var(--font-weight-tab);flex-direction:column;flex:1;display:flex}.tab-active{color:var(--color-accent)}.content{padding:var(--space-screen-x);inline-size:100%;max-inline-size:calc(var(--size-sidebar) * 3.5);flex:1;margin-inline:auto;padding-block-end:calc(var(--size-tab-bar) + var(--space-7) + env(safe-area-inset-bottom))}@media (width>=1024px){.shell{grid-template-columns:var(--size-sidebar) 1fr;grid-template-rows:auto 1fr;align-items:start;display:grid}.topbar{background:var(--color-nav-bg);padding-block:var(--space-5);border-block-end:0;border-inline-end:1px solid var(--color-border);grid-area:1/1;min-block-size:0;position:static}.tabs{min-block-size:calc(100dvh - var(--size-header));padding:var(--space-2) var(--space-4);border-block-start:0;border-inline-end:1px solid var(--color-border);align-self:stretch;gap:var(--space-1);flex-direction:column;grid-area:2/1;position:static;inset:auto}.tab{justify-content:flex-start;gap:var(--space-4);padding-inline:var(--space-4);border-radius:var(--radius-button);font-size:var(--font-size-body);line-height:var(--font-line-body);flex-direction:row;flex:none}.tab-active{background:var(--color-surface-raised)}.content{grid-area:1/2/span 2;margin-inline:0;padding-block-end:var(--space-7)}}.switcher{inline-size:100%;min-block-size:var(--size-touch-min);justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;text-align:start;background:0 0;border:0;padding:0;display:flex}.switcher-text{flex-direction:column;min-inline-size:0;display:flex}.switcher-name{font-size:var(--font-size-headline);line-height:var(--font-line-headline);font-weight:var(--font-weight-headline);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.switcher-role{font-size:var(--font-size-caption);line-height:var(--font-line-caption);color:var(--color-text-secondary)}.page{gap:var(--space-5);flex-direction:column;display:flex}.page-head{align-items:center;gap:var(--space-2);min-block-size:var(--size-touch-min);display:flex}.page-title{min-inline-size:0;font-size:var(--font-size-title);line-height:var(--font-line-title);font-weight:var(--font-weight-title);letter-spacing:var(--font-tracking-title);overflow-wrap:anywhere;flex:1}.section-title{font-size:var(--font-size-label);line-height:var(--font-line-label);font-weight:var(--font-weight-label);color:var(--color-text-secondary);text-transform:uppercase;margin-block-start:var(--space-2)}.lead{font-size:var(--font-size-headline);line-height:var(--font-line-headline);font-weight:var(--font-weight-headline)}.muted,.hint{color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--font-line-caption)}.pad{padding-block:var(--space-5)}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.empty{color:var(--color-text-secondary);text-align:center;padding-block:var(--space-7)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.link{color:var(--color-accent);min-block-size:var(--size-touch-min);align-items:center;display:inline-flex}.auth{max-inline-size:calc(var(--size-sidebar) * 2);padding:var(--space-7) var(--space-screen-x);gap:var(--space-6);flex-direction:column;justify-content:flex-start;min-block-size:100dvh;margin-inline:auto;display:flex}.auth>*{flex:none}.brand{color:var(--color-accent);font-weight:var(--font-weight-headline);font-size:var(--font-size-headline)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-inline-size:var(--size-touch-min);min-block-size:var(--size-button-secondary);padding-inline:var(--space-6);border-radius:var(--radius-button);cursor:pointer;text-align:center;font-size:var(--font-size-body-strong);line-height:var(--font-line-body-strong);font-weight:var(--font-weight-body-strong);border:0;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{min-block-size:var(--size-button-primary);background:var(--color-accent);color:var(--color-text-on-accent)}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text)}.btn-danger{background:var(--color-warning-bg);color:var(--color-warning)}.btn-compact{min-block-size:var(--size-button-compact);padding-inline:var(--space-5)}.icon-btn{inline-size:var(--size-touch-min);block-size:var(--size-touch-min);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field label{font-size:var(--font-size-label);line-height:var(--font-line-label);font-weight:var(--font-weight-label);color:var(--color-text-secondary)}.input{inline-size:100%;min-block-size:var(--size-touch-min);padding-inline:var(--space-card-x);padding-block:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-button);font-size:var(--font-size-body-strong);line-height:var(--font-line-body-strong)}.textarea{min-block-size:calc(var(--size-touch-min) * 2);resize:vertical}.check{align-items:center;gap:var(--space-4);min-block-size:var(--size-touch-min);cursor:pointer;display:flex}.check input{inline-size:var(--size-icon-tab);block-size:var(--size-icon-tab);accent-color:var(--color-accent);flex:none}.fieldset{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-card-y) var(--space-card-x);margin:0}.fieldset legend{padding-inline:var(--space-1);font-size:var(--font-size-label);line-height:var(--font-line-label);font-weight:var(--font-weight-label);color:var(--color-text-secondary)}.list{gap:var(--space-list-gap);flex-direction:column;display:flex}.card{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-card-y) var(--space-card-x)}.row{inline-size:100%;min-block-size:var(--size-touch-min);justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-card-y) var(--space-card-x);text-align:start;cursor:pointer;border:0;display:flex}.row-static{cursor:default}.row-selected{background:var(--color-surface-raised)}.row-main{gap:calc(var(--space-1) / 2);flex-direction:column;flex:1;min-inline-size:0;display:flex}.row-title{font-size:var(--font-size-body-strong);line-height:var(--font-line-body-strong);font-weight:var(--font-weight-body-strong);overflow-wrap:anywhere;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row-sub{font-size:var(--font-size-caption);line-height:var(--font-line-caption);color:var(--color-text-secondary);overflow-wrap:anywhere}.pill{padding-inline:var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-raised);color:var(--color-text-soft);font-size:var(--font-size-micro);line-height:var(--font-line-micro);font-weight:var(--font-weight-label);align-items:center;display:inline-flex}.note{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-card-y) var(--space-card-x);color:var(--color-text-soft)}.note-warning{background:var(--color-warning-bg);color:var(--color-warning)}.link-box{background:var(--color-surface-raised);border-radius:var(--radius-button);padding:var(--space-4);overflow-wrap:anywhere;text-align:start}.sheet-root{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:var(--color-overlay-panel);cursor:default;border:0;position:absolute;inset:0}.sheet{inline-size:100%;max-inline-size:calc(var(--size-sidebar) * 2.5);background:var(--color-surface);max-block-size:90dvh;padding:var(--space-4) var(--space-screen-x);animation:sheet-in var(--motion-sheet) var(--motion-easing);border-start-start-radius:var(--radius-sheet-top);border-start-end-radius:var(--radius-sheet-top);padding-block-end:calc(var(--space-7) + env(safe-area-inset-bottom));position:relative;overflow-y:auto}.sheet-handle{inline-size:calc(var(--size-icon-tab) * 1.5);block-size:calc(var(--space-1) + 1px);border-radius:var(--radius-full);background:var(--color-control);margin-block-end:var(--space-2);margin-inline:auto}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sheet-title{font-size:var(--font-size-headline);line-height:var(--font-line-headline);font-weight:var(--font-weight-headline)}.sheet-body{gap:var(--space-5);flex-direction:column;padding-block-start:var(--space-2);display:flex}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}
