:root{--bg:#f6f2ef;--fg:#1f1a17;--muted:#6b625c;--line:#e3d9d1;--surface:#fff;--accent:#df5124;--accent2:#b53c24;--soft:#fbe9e2;
--g:#1f9d55;--g-soft:#dcf3e5;--y:#e3a008;--y-soft:#fdf2d0;--r:#d63b2f;--r-soft:#fbe1de;--n:#9a918a;--n-soft:#efe9e4;--ink:#141110}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#141110;--fg:#f4ece6;--muted:#b1a59c;--line:#3a322d;--surface:#1e1a18;--soft:#3a2219;--g-soft:#12351f;--y-soft:#3a2e0c;--r-soft:#3d1a16;--n-soft:#2a2420}}
:root[data-theme="dark"]{--bg:#141110;--fg:#f4ece6;--muted:#b1a59c;--line:#3a322d;--surface:#1e1a18;--soft:#3a2219;--g-soft:#12351f;--y-soft:#3a2e0c;--r-soft:#3d1a16;--n-soft:#2a2420}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--fg);font:15px/1.45 "avenir-lt-pro",Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:"loos-wide",Archivo,Figtree,sans-serif;font-weight:400;letter-spacing:0;margin:0}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:10px 18px;background:#05060B;color:#FDF6EE}
.topbar .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#F7F0E8;font:400 15px "loos-wide",Archivo,sans-serif}
.topbar .brand img{height:24px;display:block}
.topbar .brand .g{width:30px;height:30px;border-radius:9px;background:var(--accent);display:grid;place-items:center;font:800 17px Archivo;color:#fff}
.topbar .brand small{font:400 12px "avenir-lt-pro",Figtree;opacity:.65;display:block;margin-top:-2px}
.topbar .sp{flex:1}
.user-chip,.user-out{border:0;cursor:pointer;font:600 13px Figtree;border-radius:999px;transition:background .15s,transform .1s}
.user-chip{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);color:#fff;padding:4px 12px 4px 4px}
.user-chip:hover{background:var(--accent)}
.user-av{width:26px;height:26px;border-radius:50%;background:var(--accent);display:grid;place-items:center;overflow:hidden;font-weight:800}
.user-av img{width:100%;height:100%;object-fit:cover}
.user-out{background:transparent;color:rgba(255,255,255,.7);padding:6px 10px;margin-left:4px}
.user-out:hover{background:#fff;color:var(--ink)}
[data-user]{display:flex;align-items:center}