:root{--bg:#f7f7f8;--surface:#fff;--border:#e4e4e7;--text:#18181b;--text-muted:#6b7280;--blue-solid:#2563eb;--blue-solid-hover:#1d4ed8;--blue-tint:#eff4ff;--accent-contrast:#fff;--success:#15803d;--danger:#dc2626;--toast-text:#fff;--highlight-bg:rgba(37,99,235,.1);--gold:#ca8a04;--silver:#64748b;--bronze:#b45309}[data-theme=dark]{--bg:#121317;--surface:#1b1d23;--border:#2c2f37;--text:#f2f2f3;--text-muted:#9aa0ab;--blue-solid:#4f8ff7;--blue-solid-hover:#6ea1f9;--blue-tint:#1c2a44;--accent-contrast:#0b1220;--success:#34d399;--danger:#f87171;--toast-text:#0b1220;--highlight-bg:rgba(79,143,247,.16);--gold:#eab308;--silver:#94a3b8;--bronze:#d97706}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background .15s ease,color .15s ease}a{color:var(--blue-solid);text-decoration:none}a:hover{text-decoration:underline}.ad-gate-trigger{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;border-radius:0;width:auto}.nav{display:flex;gap:4px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;flex-wrap:wrap}.nav a{color:var(--text-muted);font-size:14px;font-weight:600;padding:7px 12px;border-radius:6px;text-decoration:none;transition:background .15s,color .15s}.nav a:hover{background:var(--bg);color:var(--text)}.nav .brand{font-weight:800;font-size:15px;margin-right:12px;color:var(--text);display:flex;align-items:center;gap:8px}.nav .brand:before{content:"";width:9px;height:9px;background:var(--blue-solid);border-radius:3px}.brand.has-logo:before{content:none}.brand-logo{height:22px;width:auto;border-radius:4px;display:block}.nav.admin{background:var(--surface);border-bottom:1px solid var(--border)}.nav.admin .brand:before{background:var(--blue-solid)}.nav.admin form{margin-left:auto;max-width:none}.theme-toggle{background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;width:auto}.theme-toggle:hover{background:var(--bg);color:var(--text)}.container{max-width:980px;margin:0 auto;padding:28px 24px 60px}.hero{padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--border)}.hero h1{margin:0 0 4px;font-size:21px;font-weight:800;letter-spacing:-.01em;color:var(--text)}.hero p{margin:0;color:var(--text-muted);font-size:13px}.hero-action{color:var(--blue-solid);font-size:13px;font-weight:700;background:var(--blue-tint);padding:8px 14px;border-radius:6px;white-space:nowrap;text-decoration:none}.hero-action:hover{background:var(--border);text-decoration:none}.badge-live{display:inline-flex;align-items:center;gap:6px;background:var(--blue-tint);color:var(--blue-solid);font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue-solid)}.badge-soft{display:inline-flex;align-items:center;gap:5px;background:var(--blue-tint);color:var(--blue-solid);font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;transition:border-color .15s ease}.card:hover{border-color:var(--blue-solid)}.grid{display:grid;grid-gap:14px;gap:14px}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.two-col{display:grid;grid-template-columns:1fr 280px;grid-gap:24px;gap:24px;align-items:start}table{width:100%;border-collapse:collapse;font-size:14px;background:transparent}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);color:var(--text)}th{color:var(--text-muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--border)}tbody tr:hover{background:var(--bg)}.badge{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:800;font-size:12px;color:var(--text-muted);background:var(--surface);border:1.5px solid var(--border)}.rank-badge.gold{border-color:var(--gold);color:var(--gold)}.rank-badge.silver{border-color:var(--silver);color:var(--silver)}.rank-badge.bronze{border-color:var(--bronze);color:var(--bronze)}.muted{color:var(--text-muted);font-size:12px}.up{color:var(--success)}.down,.up{font-weight:600}.down{color:var(--danger)}form{display:flex;flex-direction:column;gap:10px;max-width:420px}button,input,select,textarea{padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue-solid);box-shadow:0 0 0 3px var(--blue-tint)}button{background:var(--blue-solid);color:var(--accent-contrast);border:none;cursor:pointer;width:-moz-fit-content;width:fit-content;font-weight:700;padding:9px 16px;border-radius:8px;transition:background .15s ease}button:hover{background:var(--blue-solid-hover)}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:var(--bg)}.tabs{display:flex;gap:18px;margin-bottom:18px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.tabs a{padding:8px 2px;color:var(--text-muted);font-size:13px;font-weight:700;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:0;text-decoration:none}.tabs a.active,.tabs a:hover{color:var(--text)}.tabs a.active{border-bottom-color:var(--blue-solid)}.section-title{font-size:15px;font-weight:800;margin:24px 0 12px;display:flex;align-items:center;gap:8px;color:var(--text)}.section-title:before{content:"";width:3px;height:15px;background:var(--blue-solid);border-radius:2px;display:inline-block}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip-group input[type=radio]{position:absolute;opacity:0;width:0;height:0}.chip-group label{padding:8px 14px;border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;width:auto;transition:all .15s ease}.chip-group input[type=radio]:checked+label{background:var(--blue-solid);color:var(--accent-contrast);border-color:var(--blue-solid)}.chip-group label:hover{border-color:var(--blue-solid)}.site-footer{border-top:1px solid var(--border);margin-top:12px}.site-footer-inner{padding-top:20px;padding-bottom:24px}.site-footer-row{justify-content:space-between;flex-wrap:wrap;gap:10px}.brand-mini,.site-footer-row{display:flex;align-items:center}.brand-mini{font-weight:800;font-size:13px;color:var(--text);gap:8px}.brand-mini .brand-logo{height:18px}.site-footer-links{display:flex;gap:4px;flex-wrap:wrap}.site-footer-links a{color:var(--text-muted);font-size:13px;font-weight:600;padding:5px 10px;border-radius:6px;text-decoration:none;transition:background .15s,color .15s}.site-footer-links a:hover{background:var(--bg);color:var(--text)}@media (max-width:640px){.container{padding:16px 14px 40px}.nav{padding:10px 14px;gap:4px}.nav a{padding:6px 9px;font-size:13px}.nav .brand{font-size:14px;margin-right:4px}.hero h1{font-size:18px}.hero p{font-size:12px}.card{padding:14px}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.two-col{grid-template-columns:1fr}.section-title{font-size:14px;margin:18px 0 10px}table{font-size:13px}td,th{padding:8px 6px}}