:root{--bg: #0f1b33;--bg2: #13233f;--ink: #eaf1ff;--sub: #9cc2ff;--empty: #2b3a57;--low: #15a34a;--mid: #bb6a08;--high: #dc2626;font-family:Zen Kaku Gothic New,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,var(--bg2),var(--bg));color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}.wrap{max-width:1100px;margin:0 auto;padding:36px 20px 60px}header{text-align:center;margin-bottom:30px}header .k{font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--sub)}header h1{font-size:40px;font-weight:900;margin:8px 0 6px}header p{margin:0;color:var(--sub);font-weight:700;font-size:14px}.mock{display:inline-block;margin-left:10px;font-size:11px;font-weight:900;background:#ffd866;color:#0f1b33;border-radius:6px;padding:2px 8px;letter-spacing:.08em}.err{max-width:560px;margin:0 auto 20px;background:#dc262626;border:1px solid rgba(220,38,38,.5);border-radius:12px;padding:12px 16px;font-weight:700;font-size:13px;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px 18px;text-align:center;position:relative;transition:background .4s,border-color .4s}.card .name{font-size:18px;font-weight:900;margin-bottom:8px}.card .count{font-size:56px;font-weight:900;line-height:1}.card .count span{font-size:18px;font-weight:700;color:var(--sub);margin-left:4px}.card .badge{display:inline-block;margin-top:14px;font-size:13px;font-weight:900;border-radius:999px;padding:5px 14px}.card.empty{border-color:#ffffff1f}.card.empty .badge{background:var(--empty);color:var(--sub)}.card.low{border-color:#15a34a80}.card.low .badge{background:#15a34a33;color:#7ef0b6}.card.mid{border-color:#bb6a088c}.card.mid .badge{background:#bb6a0838;color:#ffce8a}.card.high{border-color:#dc262699}.card.high .badge{background:#dc262638;color:#ff9a9a}.loading{grid-column:1 / -1;text-align:center;color:var(--sub);font-weight:700;padding:40px}footer{margin-top:34px;text-align:center;color:var(--sub);font-size:12px;font-weight:700;opacity:.8}