:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-hover: #242736;--border: #2a2d3a;--text: #e4e4e7;--text-muted: #71717a;--accent: #6366f1;--accent-light: #818cf8;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--orange: #f97316}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent-light);text-decoration:none}a:hover{text-decoration:underline}.layout{min-height:100vh}nav{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 2rem;display:flex;align-items:center;gap:2rem;height:56px}nav .logo{font-weight:700;font-size:1.1rem;color:var(--text)}nav a{color:var(--text-muted);font-size:.9rem;padding:.5rem 0;border-bottom:2px solid transparent;transition:color .2s}nav a:hover,nav a.active{color:var(--text);text-decoration:none;border-bottom-color:var(--accent)}main{max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:1.5rem;margin-bottom:1.5rem}h2{font-size:1.2rem;margin-bottom:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.card h3{font-size:1rem;margin-bottom:.75rem;color:var(--accent-light)}.card .subtitle{color:var(--text-muted);font-size:.85rem;margin-bottom:1rem}.card .winner{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}main{padding:1rem}nav{padding:0 1rem;gap:1rem;overflow-x:auto}}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}tr:hover td{background:var(--bg-hover)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-green{background:#22c55e26;color:var(--green)}.badge-red{background:#ef444426;color:var(--red)}.badge-yellow{background:#eab30826;color:var(--yellow)}.period-selector{display:flex;gap:.5rem;margin-bottom:1.5rem}.period-selector button{padding:.4rem 1rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.period-selector button:hover{border-color:var(--accent);color:var(--text)}.period-selector button.active{background:var(--accent);border-color:var(--accent);color:#fff}.stat-number{font-size:2rem;font-weight:700;color:var(--accent-light)}.stat-label{font-size:.85rem;color:var(--text-muted)}.loading{text-align:center;padding:3rem;color:var(--text-muted)}.error{color:var(--red);padding:1rem}.tag-list{display:flex;flex-wrap:wrap;gap:.25rem}.tag{background:var(--bg-hover);padding:.1rem .5rem;border-radius:4px;font-size:.75rem;color:var(--text-muted)}.heatmap-grid{display:grid;grid-template-columns:auto repeat(24,1fr);gap:2px;font-size:.7rem}.heatmap-cell{aspect-ratio:1;border-radius:2px;min-width:16px}.heatmap-cell-clickable{cursor:pointer;transition:transform .1s,box-shadow .1s}.heatmap-cell-clickable:hover{transform:scale(1.3);box-shadow:0 0 6px #6366f180;z-index:1;position:relative}.heatmap-label{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.7rem}.section-title{font-size:1.1rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.rank{color:var(--text-muted);font-weight:600;min-width:2rem}.show-more{display:block;width:100%;padding:.5rem;margin-top:.5rem;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s}.show-more:hover{border-color:var(--accent);color:var(--text)}.cache-age{margin-left:auto;color:var(--text-muted);font-size:.8rem}.mini-heatmap-grid{display:grid;grid-template-columns:auto repeat(12,1fr);gap:2px;font-size:.7rem}.back-link{display:inline-block;margin-bottom:1rem;color:var(--text-muted);font-size:.9rem}.back-link:hover{color:var(--accent-light);text-decoration:none}.behavior-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.behavior-bar-label{min-width:100px;font-size:.85rem;color:var(--text-muted)}.behavior-bar-track{flex:1;height:20px;background:var(--bg-hover);border-radius:4px;overflow:hidden}.behavior-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.behavior-bar-value{min-width:50px;text-align:right;font-size:.85rem;font-weight:600}.badge-away{background:#eab30826;color:var(--yellow)}.badge-muted{background:#ef444426;color:var(--red)}.badge-deaf{background:#f9731626;color:var(--orange)}