:root{--bg: #f4f5f7;--card: #ffffff;--text: #15171c;--muted: #6b7280;--line: #e5e7eb;--accent: #2563eb;--warn: #b45309;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--card: #181b22;--text: #eef0f4;--muted: #9aa1ad;--line: #262a33;--accent: #60a5fa;--warn: #fbbf24}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}.shell{min-height:100dvh;display:flex}.main{flex:1;padding:max(16px,env(safe-area-inset-top)) 16px calc(88px + env(safe-area-inset-bottom));max-width:1100px;margin:0 auto;width:100%}h1{font-size:28px;margin:8px 0 16px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}h1 small{font-size:15px;color:var(--muted);font-weight:500}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.tile,.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px}.tile{display:flex;flex-direction:column;gap:4px}.tile span,.tile small,.muted{color:var(--muted);font-size:13px}.tile b{font-size:24px;font-variant-numeric:tabular-nums}.card{margin-bottom:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chips span{font-size:12px;background:var(--bg);border-radius:999px;padding:4px 10px}button{font:inherit;border:0;border-radius:12px;padding:9px 14px;margin-left:6px;background:var(--accent);color:#fff;font-weight:600;min-height:40px}button.big{padding:12px 22px}.banner{background:var(--warn);color:#000;border-radius:12px;padding:10px 14px;margin-bottom:12px}.loading{color:var(--muted);padding:40px 0;text-align:center}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--card);border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:10}.nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);text-decoration:none;font-size:11px;padding:4px 16px}.nav a.on{color:var(--accent)}.nav .ic{font-size:22px}@media(min-width:768px){.nav{position:sticky;top:0;height:100dvh;flex-direction:column;justify-content:flex-start;gap:6px;width:96px;border-top:0;border-right:1px solid var(--line);padding-top:24px}.main{padding-bottom:32px}.grid{grid-template-columns:repeat(4,1fr)}}