:root{color-scheme:dark;--bg:#0b111b;--card:#121c2a;--line:#223246;--muted:#a5b4c8;--ink:#f2f6fc;--green:#66e5b7;--red:#ff9ba7;--blue:#9abfff;--amber:#ffd184;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}
body{margin:0;background:#080d15;color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.shell{max-width:680px;min-height:100dvh;margin:auto;background:var(--bg);border-inline:1px solid #162333;padding:var(--safe-top) 0 0}
.top{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:16px}.brand strong span{font-weight:550;color:#c3d1e5}.brand small,.eyebrow{display:block;font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:750}
.mark{display:grid;place-items:center;background:#183c39;color:var(--green);width:36px;height:36px;border-radius:11px;font-size:24px;font-weight:750}
.badge,.pill{font-size:11px;font-weight:750;border-radius:30px;padding:5px 9px;background:#1d3050;color:#bbd3ff;white-space:nowrap}
main{padding:17px 19px calc(90px + var(--safe-bottom))}
h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.045em;line-height:1.16;margin:7px 0 4px}h2{font-size:17px;letter-spacing:-.02em}h3{font-size:15px}.muted,small{color:var(--muted)}.small{font-size:12px}.green{color:var(--green)}.red{color:var(--red)}.amber{color:var(--amber)}
.section{margin-top:19px}.between{display:flex;justify-content:space-between;align-items:center;gap:9px}.stack{display:grid;gap:10px}.card{border:1px solid var(--line);border-radius:17px;background:var(--card);padding:14px}
.hero{padding:15px;background:radial-gradient(ellipse at 95% 0%,#1a3940 0%,transparent 59%),linear-gradient(145deg,#152639,#111a28)}.hero strong{font-size:32px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.hero p{margin-top:3px}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}.metrics span,.kv span{display:block;color:var(--muted);font-size:12px}.metrics b{font-size:17px;font-variant-numeric:tabular-nums}.metric{padding:10px 12px}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:9px}.kv b{font-variant-numeric:tabular-nums}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:currentColor;vertical-align:1px}
.cardlink{width:100%;text-align:left}.cardlink:hover{border-color:#58708c}.chevron{color:var(--blue);font-size:18px}.titleline{display:flex;align-items:center;gap:8px}.side{font-size:11px;font-weight:800}
.track{display:flex;gap:4px;margin:10px 0 5px}.track i{height:4px;border-radius:6px;background:#36465b;flex:1}.track i.hit{background:var(--green)}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.pills button,.actions button,.control,.back{min-height:44px;border:1px solid var(--line);border-radius:11px;background:#152236;padding:8px 11px}.pills button[aria-pressed=true]{background:#25456b;color:#e0edff;border-color:#466991}.back{margin-bottom:10px}.control{width:100%;font-weight:700}.control:disabled{opacity:.45;cursor:default}.primary{background:#a9caff!important;color:#0c1b2d;border-color:transparent!important}
.notice{margin-top:11px;border-left:2px solid #728cb0;padding:5px 9px;color:var(--muted);font-size:12px}
.rows>div{padding:8px 0;border-bottom:1px solid var(--line)}.rows>div:last-child{border:0}.leg{padding:11px}.leg .kv{grid-template-columns:repeat(3,minmax(0,1fr));font-size:13px}
nav{position:fixed;z-index:1;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,680px);background:#101a28;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px 6px calc(5px + var(--safe-bottom))}
nav a{text-decoration:none;color:var(--muted);font-size:10px;font-weight:700;display:grid;place-items:center;gap:3px;min-height:48px;border-radius:11px}nav a[aria-current=page]{background:#1e3250;color:#d1e3ff}nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
dialog{width:min(390px,calc(100% - 34px));padding:19px;border:1px solid var(--line);border-radius:17px;background:#152236;color:var(--ink)}dialog::backdrop{background:#000a}dialog p{margin:9px 0 14px;color:var(--muted)}.actions{display:flex;justify-content:flex-end;gap:8px}
@media(min-width:550px){main{padding-inline:26px}.top{padding-inline:26px}nav a{font-size:12px}}