:root{--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--accent: #0f766e;--accent-soft: #ccfbf1;--danger: #b91c1c;--bar: #14b8a6;--bar-muted: #cbd5e1;--shadow: 0 1px 2px rgba(15, 23, 42, .06)}@media(prefers-color-scheme:dark){:root{--bg: #0b1220;--card: #111a2e;--text: #e2e8f0;--muted: #94a3b8;--border: #1e293b;--accent: #2dd4bf;--accent-soft: #134e4a;--bar: #2dd4bf;--bar-muted: #334155}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit}.app{max-width:960px;margin:0 auto;padding:16px 16px 90px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.brand{font-weight:700;font-size:20px;color:var(--accent)}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--card);border-top:1px solid var(--border);padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.nav a{color:var(--muted);font-size:12px;text-align:center;min-width:56px}.nav a.active{color:var(--accent);font-weight:600}.nav a span{display:block;font-size:20px}@media(min-width:720px){.nav{position:static;justify-content:flex-start;gap:8px;border:0;background:transparent;padding:0 0 16px}.nav a{display:flex;gap:6px;align-items:center;padding:6px 12px;border-radius:999px}.nav a.active{background:var(--accent-soft)}.nav a span{font-size:16px}}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px;font-size:14px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat{font-size:26px;font-weight:700}.stat small{font-size:13px;color:var(--muted);font-weight:500;margin-left:4px}.section{margin-top:20px}.section h2{font-size:18px;margin:0 0 10px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer}.btn.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn:disabled{opacity:.5;cursor:default}input,select{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;width:100%}label.field{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}label.field input,label.field select{margin-top:4px}.list{display:flex;flex-direction:column;gap:8px}.item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:12px}.item .title{font-weight:600}.item .sub{color:var(--muted);font-size:13px}.muted{color:var(--muted)}.error{color:var(--danger);font-size:14px}.chart{width:100%;height:140px;display:block}.chart text{fill:var(--muted);font-size:10px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.toggle{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.toggle:last-child{border-bottom:0}.toggle input{width:auto;transform:scale(1.3)}.rank{width:28px;font-weight:700;color:var(--muted)}.login{max-width:420px;margin:40px auto;text-align:center}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--accent-soft);padding:4px 8px;border-radius:6px}table.cmp{width:100%;border-collapse:collapse;font-size:14px}table.cmp th,table.cmp td{text-align:right;padding:6px 8px;border-bottom:1px solid var(--border)}table.cmp th:first-child,table.cmp td:first-child{text-align:left}