:root{--bg:#f6f7f9;--card:#fff;--fg:#14171c;--muted:#6b7380;--line:#e3e6eb;--up:#0a8f5b;--down:#c8382e;--acc:#2f6fed;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--num:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media (prefers-color-scheme:dark){:root{--bg:#0e1116;--card:#171b22;--fg:#e8ebf0;--muted:#8a93a1;--line:#262c36;--up:#2fc48a;--down:#f0675c;--acc:#6b9bff}}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font:15px/1.45 var(--font);-webkit-text-size-adjust:100%}
.wrap{max-width:1080px;margin:0 auto;padding:16px 16px 48px}
h1{font-size:22px;margin:8px 0 4px}h2{font-size:16px;margin:24px 0 8px}.muted{color:var(--muted)}.s{font-size:13px}.num{font-family:var(--num);font-variant-numeric:tabular-nums}
.up{color:var(--up)}.down{color:var(--down)}a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
.top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.chip{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;min-height:36px}
.chip.active{border-color:var(--acc);color:var(--acc)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:768px){.grid{grid-template-columns:repeat(4,1fr)}}
.stat,.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}.stat .k{font-size:12px;color:var(--muted)}.stat .v{font-size:20px;font-weight:600;margin-top:2px}.stat .n{font-size:11px;color:var(--muted)}
.note{border-left:3px solid var(--acc);padding:8px 12px;background:var(--card);border-radius:6px;margin:12px 0;font-size:13px}
.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;color:var(--muted);font-weight:500;padding:8px 6px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:8px 6px;border-bottom:1px solid var(--line);white-space:nowrap}.scroll{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:12px}
.chart{width:100%;height:160px;display:block}.chart .line{fill:none;stroke:var(--acc);stroke-width:2}.chart .zero{stroke:var(--line);stroke-width:1}.chart .area{fill:var(--acc);opacity:.08}
.sim{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sim input{font:inherit;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg);min-height:36px}
.cta{display:inline-block;background:var(--acc);color:#fff;border-radius:10px;padding:10px 16px;font-weight:600;margin-top:8px}.cta:hover{text-decoration:none;opacity:.92}
.sk{height:240px;border-radius:12px;background:linear-gradient(90deg,var(--card),var(--line),var(--card));background-size:200% 100%;animation:sk 1.2s infinite}@keyframes sk{to{background-position:-200% 0}}
.empty{padding:24px;text-align:center;color:var(--muted)}