:root{--bg:#0b0e12;--surface:#10141a;--surface-alt:#171c24;--border:#242b36;--grid:#1a2029;--text:#d7dce3;--text-muted:#8a95a5;--text-faint:#8a95a5;--accent:#7fb2e5;--up:#34c073;--down:#f2574f;--warn:#d9a62e;--info:#5cb8d6;--chart-1:#e8b04b;--chart-2:#6ea8ff;--chart-3:#3fb950;--chart-4:#f97066;--chart-5:#a78bfa;--font-sans:Inter, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, Menlo, monospace;--text-min:12px;--touch:44px;--bar:56px;--radius:0;--card-h:124px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}:root[data-theme=light]{--bg:#f7f7f5;--surface:#fff;--surface-alt:#f2f3f5;--border:#e4e7ec;--grid:#eceef1;--text:#1a1a1a;--text-muted:#5a6472;--text-faint:#5a6472;--accent:#ec7000;--up:#1a8754;--down:#d92d20;--warn:#b45309;--info:#0e7490;--chart-1:#b7791f;--chart-2:#2f6fde;--chart-3:#188554;--chart-4:#c0392b;--chart-5:#7c5cd6}body{background:var(--bg);color:var(--text);font:16px/1.4 var(--font-sans);margin:0}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-muted);font-size:var(--text-min)}.main{padding:12px 16px calc(var(--bar) + var(--safe-b) + 16px);padding-top:calc(12px + var(--safe-t));max-width:1100px;margin:0 auto}.topbar{display:none}.bottombar{background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--safe-b);display:flex;position:fixed;bottom:0;left:0;right:0}.bottombar button{min-height:var(--touch);height:var(--bar);color:var(--text-muted);font-size:var(--text-min);background:0 0;border:0;flex:1}.bottombar button[aria-current=page]{color:var(--accent)}.grid{grid-template-columns:1fr;gap:8px;display:grid}.card{background:var(--surface);border:1px solid var(--border);min-height:var(--card-h);box-sizing:border-box;padding:12px}.btn{min-height:var(--touch);min-width:var(--touch);background:var(--surface-alt);color:var(--text);border:1px solid var(--border);font-size:var(--text-min)}.up{color:var(--up)}.down{color:var(--down)}.big{min-height:32px;font-size:24px}.row{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.drag{touch-action:none;cursor:grab}.toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.skeleton{opacity:.5}.tabs{gap:4px;display:flex;overflow-x:auto}.chartbox{background:var(--surface);border:1px solid var(--border);justify-content:center;align-items:center;height:220px;display:flex}.chartbox svg{width:100%;height:220px}table.tbl{border-collapse:collapse;width:100%}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--border);font-size:var(--text-min);padding:8px}.tbl td.r,.tbl th.r{text-align:right}select.btn{padding:0 8px}h1,h2{margin:8px 0;font-size:18px}@media (width>=768px){.bottombar{display:none}.topbar{border-bottom:1px solid var(--border);background:var(--surface);gap:4px;padding:0 16px;display:flex}.topbar button{min-height:var(--touch);color:var(--text-muted);background:0 0;border:0;padding:0 12px;font-size:14px}.topbar button[aria-current=page]{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.main{padding-bottom:24px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}}
