/* macOS warm white: ivory surfaces, graphite type, and blue accents. */
:root{
color-scheme:light;
/* A warm canvas separates raised cards from inset controls. */
--bg:#f3f0ea;--surface:#fffefa;--subtle:#f8f6f1;--sunken:#eeeae2;
--ink:#292723;--secondary:#625e57;--muted:#6e6860;
--line:#e3ded5;--line-soft:#eeebe4;--line-strong:#c8c1b6;--line-hover:#a69c8e;
--on-accent:#fffefa;--row-hover:#f4f1ea;
--accent:#2467c9;--accent-hover:#1d56ab;--accent-top:#2e70ce;--accent-soft:#edf3fc;--accent-border:#c9d9ed;
--green:#31704f;--green-soft:#edf5ee;--green-border:#cddfce;--green-fill:#78a486;
--amber:#885a18;--amber-soft:#fbf2df;--amber-border:#ead6ad;--amber-fill:#b38c49;
--red:#b0453e;--red-soft:#fcf0ed;--red-border:#ebcec8;--red-soft-hover:#f8e5e0;--red-border-hover:#d6a69d;
--purple:#725795;--purple-soft:#f3eff8;
--radius:14px;--shadow:0 1px 2px #382f2308,0 6px 20px #382f2305;--hover-shadow:0 2px 4px #382f2309,0 10px 26px #382f2310;
--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","PingFang SC","Microsoft YaHei UI",sans-serif;
--mono:"SFMono-Regular",Menlo,Consolas,"Cascadia Code",monospace;
--display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
--glass-border:#ffffffb8;--glass-highlight:#ffffffd9;
--sidebar-material:#fffdf8eb;--sidebar-solid:#faf7f1;--toolbar-material:#fffdf7c7;--toolbar-solid:#fcfaf5;
--material-filter:blur(24px) saturate(125%);--overlay-blur:blur(6px);--overlay:#30291f38;
--control-bg:linear-gradient(180deg,#fffefa,#f5f1ea);--control-hover:linear-gradient(180deg,#fffefa,#eee9df);
--control-shadow:0 1px 2px #382f230d,inset 0 1px 0 var(--glass-highlight);
--focus-ring:#4b7bbd;--focus-shadow:0 0 0 3px #2467c926;--accent-glow:#2467c91c;--selection:#d6e5fa;
--switch-on:var(--accent);--switch-off:#c5bfb5;
--login-wash:linear-gradient(145deg,#eee7dc 0%,#f5f1e9 55%,#eceee9 100%);
/* Graphite code surfaces complement the warm white workspace. */
--terminal-bg:#282724;--terminal-head:#302e2a;--terminal-border:#46423c;--terminal-ink:#eeeae2;
--terminal-muted:#b7b0a3;--terminal-accent:#b5cee9;--terminal-green:#b8ceb3;--terminal-amber:#e0c18b;--terminal-red:#e0aaa2;
}
/* Solid alternatives keep text clear when transparency is unavailable or reduced. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
:root{--sidebar-material:var(--sidebar-solid);--toolbar-material:var(--toolbar-solid);--material-filter:none;--overlay-blur:none}
}
@media(prefers-reduced-transparency:reduce){
:root{--sidebar-material:var(--sidebar-solid);--toolbar-material:var(--toolbar-solid);--material-filter:none;--overlay-blur:none}
}
@media(prefers-contrast:more){
:root{--line:#aaa194;--line-strong:#82796d;--muted:#514b43;--sidebar-material:var(--sidebar-solid);--toolbar-material:var(--toolbar-solid);--material-filter:none;--overlay-blur:none}
}
*{box-sizing:border-box;scrollbar-width:none}
*::-webkit-scrollbar{display:none;width:0;height:0}
*::-webkit-scrollbar-corner{background:transparent}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.46}
a{color:inherit;text-decoration:none}
button{color:inherit}
h1,h2,h3,h4,p{margin:0}
h1{font-size:27px;font-weight:650;letter-spacing:-.65px;line-height:1.35}
h2{font-size:17px;letter-spacing:-.2px;font-weight:600}
h3{font-size:15px;font-weight:650}
h4{font-size:13px}
svg{display:block}
button svg,a svg{flex-shrink:0}
small{font-size:12px}
::selection{background:var(--selection);color:var(--ink)}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:6px}
[hidden]{display:none!important}
.skip-link{position:fixed;left:16px;top:12px;z-index:200;transform:translateY(-180%);background:var(--accent);color:var(--on-accent);padding:9px 15px;border-radius:6px}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.icon{width:18px;height:18px;flex-shrink:0;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mono,code,pre{font-family:var(--mono)}
.muted{color:var(--secondary)}
.tiny{font-size:12px}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.stack{display:grid;gap:20px}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.spread{display:flex;align-items:center;justify-content:space-between;gap:16px}
.divider{height:1px;background:var(--line);margin:24px 0}
.nowrap{white-space:nowrap}
.grow{flex:1;min-width:0}