:root{--of-bg:#10111f;--of-panel:#1c1d30;--of-input:#131522;--of-text:#f4f2fc;--of-muted:#b7b2c9;--of-line:#47415d;--of-accent:#b69aef;--of-button:#6840a9;--of-soft:#302746;color-scheme:dark}
:root[data-theme=ocean]{--of-bg:#071c2b;--of-panel:#102d40;--of-input:#0a2234;--of-text:#ecf8ff;--of-muted:#b0cadb;--of-line:#34596d;--of-accent:#7ed5f2;--of-button:#126780;--of-soft:#17445c}
:root[data-theme=emerald]{--of-bg:#0a201c;--of-panel:#15352d;--of-input:#0e2822;--of-text:#edfff7;--of-muted:#b3d4c5;--of-line:#3e6253;--of-accent:#8ce0b4;--of-button:#24704b;--of-soft:#234d3d}
:root[data-theme=rose]{--of-bg:#24141d;--of-panel:#382331;--of-input:#2b1926;--of-text:#fff1f7;--of-muted:#dbc0cf;--of-line:#735365;--of-accent:#f7acd0;--of-button:#923765;--of-soft:#592d45}
:root[data-theme=light]{--of-bg:#f1f4f8;--of-panel:#ffffff;--of-input:#f8fafc;--of-text:#19283b;--of-muted:#526276;--of-line:#bcc8d7;--of-accent:#5d38a2;--of-button:#6541a4;--of-soft:#ece5f7;color-scheme:light}
html body{background:var(--of-bg);color:var(--of-text)}
html .panel,html .cardx,html .auth-panel,html .setup-card,html dialog,html aside,html .bar,html .developer-credit,html .toastx{background:var(--of-panel);color:var(--of-text);border-color:var(--of-line)}
html input,html select,html textarea{background:var(--of-input);color:var(--of-text);border-color:var(--of-line)}
html button,html .btn{background:var(--of-soft);color:var(--of-text);border-color:var(--of-line)}
html .primary,html .btn.primary{background:var(--of-button);color:#fff;border-color:var(--of-button)}
html p,html .muted,html .unit,html label,html .small,html .note,html .feature{color:var(--of-muted)}
html h1,html h2,html h3,html .value,html td{color:var(--of-text)}
html .info,html .note,html .formula,html th{background:var(--of-soft);color:var(--of-text);border-color:var(--of-line)}
html .brand span,html .eyebrow,html a,html .developer-credit strong{color:var(--of-accent)}
html aside nav button.active{background:var(--of-soft);color:var(--of-accent)}
html td,html th,html .panelhead{border-color:var(--of-line)}
html .theme-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
html .theme-choice{padding:18px;text-align:left;border:2px solid var(--of-line);border-radius:14px}
html .theme-choice[aria-pressed=true]{border-color:var(--of-accent);box-shadow:0 0 0 2px var(--of-soft)}
.theme-swatch{display:block;height:24px;border-radius:7px;margin-bottom:10px}
.team-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--of-line)}.team-row select{width:auto}
@keyframes of-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.auth-panel,.setup-card,main>section:not([hidden]){animation:of-enter .28s ease-out}button,.btn{transition:transform .15s ease,background-color .15s ease}button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}