/* Shared semantic themes. No fixed blue surfaces or white hover backgrounds. */
:root{--bg:#efeee9;--panel:#faf9f5;--line:#d5d3ca;--ink:#252521;--muted:#65655d;--mint:#915706;--amber:#915706;--red:#b22e43;--hover:#e7e4da;--accent:#b97818;color-scheme:light}
:root[data-theme=dark]{--bg:#161715;--panel:#20211e;--line:#383a34;--ink:#eeeFe8;--muted:#b4b7ab;--mint:#e8ac53;--amber:#e8ac53;--red:#fa8999;--hover:#303229;--accent:#e8ac53;color-scheme:dark}
body,html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
body .shell,body .shell>aside,body .auth-panel{background:var(--panel);color:var(--ink)}body .shell{background:var(--bg)}
body .shell>aside{border-radius:8px;box-shadow:none;border-color:var(--line)}
body .brand,body .brand strong{font-weight:650;letter-spacing:-.8px;color:var(--ink)}
body .primary,body nav button.active,body nav button.active:hover{background:var(--ink);color:var(--panel);border-color:var(--ink)}
body .primary:hover{background:var(--accent);color:var(--bg);box-shadow:none;filter:none}
body .secondary,body .quiet{background:transparent;color:var(--ink);border-color:var(--line)}
body .secondary:hover,body .quiet:hover,body nav button:hover,body .trader-card:hover{background:var(--hover);color:var(--ink);border-color:var(--accent);box-shadow:none}
body table,body .table-scroll,body table th,body table td,html[data-theme=dark] body table th,html[data-theme=dark] body table td{background:var(--panel);color:var(--ink);border-color:var(--line)}
body table tbody tr:hover,body table tbody tr:hover td{background:var(--hover);color:var(--ink)}
body table th{color:var(--muted);background:var(--bg)}
body input,body select,body textarea{background:var(--panel);color:var(--ink);border-color:var(--line)}
body .notice{background:color-mix(in srgb,var(--amber) 10%,var(--panel));color:var(--ink);border-color:var(--line)}
body button:focus-visible,body a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#terminalView{padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}
#terminalView .terminal-card,#terminalView .terminal-metrics{background:var(--panel)}
#terminalView .active,#terminalView .primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}
#terminalView button:hover{background:var(--hover);color:var(--ink);border-color:var(--accent);transform:none}
#terminalView .desk-grid tr:has(.intervene) td:nth-child(-n+6){background:color-mix(in srgb,var(--red) 12%,var(--panel))}
#terminalView .terminal-status.intervene{background:color-mix(in srgb,var(--red) 16%,var(--panel));color:var(--red);border-color:var(--red)}
#terminalView .terminal-chart{color:var(--accent);border-color:var(--line)}
#terminalView .focus-card{background:var(--panel)}
.desk-demo-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid var(--line);border-left:3px solid var(--accent);padding:12px 16px;margin-bottom:12px;border-radius:4px}
.desk-demo-bar strong{font:700 11px Consolas,monospace;letter-spacing:.7px;color:var(--mint)}.desk-demo-bar span{flex:1;font-size:11px;color:var(--muted);min-width:180px}.desk-demo-bar button{font-size:11px}
body .auth-story{background:#171713;isolation:isolate;min-height:100vh;justify-content:space-between;padding:48px 8% 40px}
.auth-story .auth-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% center;z-index:-2;animation:scene-pan 26s ease-in-out infinite alternate}
body .auth-story:after{inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;animation:none;background:linear-gradient(180deg,#10110e77,transparent 60%,#10110e99);z-index:-1}
body .auth-story>div{align-self:flex-start;margin-top:50px;margin-bottom:auto;max-width:560px}
body .auth-story h1{font-size:clamp(34px,3.6vw,62px);font-weight:500;line-height:1.08;letter-spacing:-2px;color:#f5f4ed;text-shadow:0 2px 30px #0005}
body .auth-story p{max-width:410px;color:#d7d6ca;font-size:13px;line-height:1.7}
body .auth-story .brand,body .auth-story .brand strong{color:#f5f4ed}
body .auth-story .feature-row{display:none}
body .auth-panel{border-radius:8px;border:1px solid var(--line)}
body .auth-story .eyebrow{font-size:10px;color:#e8ac53}
body .coverage-card{animation:none}
body .view-enter{animation:panel-arrive .42s cubic-bezier(.2,.8,.2,1) both}
body .terminal-pane{animation:none}
body button{transition:background .2s,color .2s,border-color .2s,transform .2s}
body .command-hero:before{background:linear-gradient(120deg,#292b25,#4b4636)}
body .orbital{animation:pulse-orbit 22s ease-in-out infinite alternate}
@keyframes scene-pan{from{transform:scale(1.03) translateX(-.6%)}to{transform:scale(1.10) translateX(.6%)}}
@keyframes panel-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pulse-orbit{to{transform:translateY(-7px) rotate(5deg)}}
@media(max-width:850px){body .auth-story{min-height:430px;padding:30px}body .auth-story>div{margin-top:28px}.auth-story .auth-scene{object-position:center 65%}}
@media(prefers-reduced-motion:reduce){body *,body *:before,body *:after{animation:none!important;transition:none!important}}
body .auth-story:before{display:none}