@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/montserrat-latin.woff2) format("woff2")}
:root{--accent:#3FB8AF;--accent-deep:#1f6e69;--bg:#0f1117;--panel:#1a1d27;--panel2:#20242f;--border:#2d3139;--text:#e1e4e8;--muted:#8b949e;--owner:#f0883e;--ok:#5bc27a;--warn:#f2c94c;--bad:#e5534b}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,system-ui,sans-serif;font-size:15px;line-height:1.35;-webkit-font-smoothing:antialiased}body{min-height:100vh;overflow-x:hidden}
[hidden]{display:none !important}
.strip{margin-top:env(safe-area-inset-top);height:6px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) 35%,var(--accent-deep) 100%)}
.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;gap:8px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}
.help{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:#12151d;color:var(--muted);display:grid;place-items:center;font-weight:700;font-size:13px;cursor:pointer}
.brand{justify-self:center;display:flex;align-items:center;gap:8px;background:#0b0d13;border:1px solid var(--border);border-radius:999px;padding:6px 16px;cursor:pointer}.brand span{font-weight:700;letter-spacing:.02em;white-space:nowrap}
.role{justify-self:end;display:flex;align-items:center;gap:8px;background:var(--owner);color:#1a1200;font-weight:700;font-size:12px;padding:5px 10px;border-radius:999px}.role a{cursor:pointer;font-size:13px;line-height:1}
.names{display:flex;gap:22px;padding:12px 16px 0;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.names::-webkit-scrollbar{display:none}
.names a{color:var(--muted);font-weight:600;padding-bottom:9px;border-bottom:3px solid transparent;white-space:nowrap;cursor:pointer}.names a b{color:var(--accent);font-weight:700;margin-left:4px}.names a.on{color:var(--text);border-color:var(--accent)}
.wrap{max-width:1040px;margin:0 auto;padding:14px 16px 90px}.lane{display:none}.lane.on{display:block}
.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:10px}.card h3{margin:0 0 4px;font-size:15px;font-weight:700}
.sub{color:var(--muted);font-size:13px;margin:4px 0 10px}
.gate{display:grid;place-items:center;min-height:60vh}.gatecard{width:100%;max-width:360px;text-align:center;padding:28px 22px}.gatecard h1{margin:0 0 4px;font-size:22px;font-weight:800}
.btn{font:inherit;font-weight:700;font-size:15px;color:#06211f;background:var(--accent);border:0;border-radius:10px;padding:12px 18px;width:100%;cursor:pointer;margin-top:10px}.btn:disabled{opacity:.5;cursor:default}.btn.alt{background:#12151d;color:var(--text);border:1px solid var(--border)}.lnk{color:var(--muted);cursor:pointer;text-decoration:underline}
.fine{color:var(--muted);font-size:12px;margin:14px 0 0;min-height:1.4em}.fine.bad{color:var(--bad)}
.bar{position:fixed;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--border);display:none;grid-template-columns:repeat(6,1fr);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:6}.bar a{text-align:center;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer}.bar a.on{color:var(--accent)}.bar a span{display:block;font-size:18px}
.toast{position:fixed;left:50%;bottom:calc(70px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--panel2);border:1px solid var(--accent);border-radius:999px;padding:9px 16px;font-size:13px;display:flex;gap:14px;align-items:center;z-index:9;white-space:nowrap}.toast a{color:var(--accent);font-weight:700;cursor:pointer}
@media (max-width:760px){.bar:not([hidden]){display:grid}.names{display:none !important}.bar a{font-size:10px}}
/* never a sideways scroll (AJ): grid children may shrink, long values wrap, tab rows scroll inside themselves */
#app .tile,#app .pcard,#app .card,#app .answers>*,#app .glance>*{min-width:0;overflow-wrap:anywhere}
#app .tabs{overflow-x:auto;scrollbar-width:none}#app .tabs::-webkit-scrollbar{display:none}
#app table{table-layout:auto;max-width:100%}