:root{--bg:#0b0f1a;--surface:#141b2b;--surface-2:#1c2539;--surface-3:#232e45;--border:#26304a;--text:#e8edf7;--muted:#94a1bb;--faint:#6b7794;--accent:#8b9cf7;--accent-soft:#8b9cf724;--accent-border:#8b9cf759;--shadow:0 1px 2px #00000080, 0 1px 3px #00000059;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}.page{flex-direction:column;gap:28px;max-width:1600px;margin:0 auto;padding:28px 24px 56px;display:flex}.header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.header__title{letter-spacing:-.02em;margin:0;font-size:24px}.header__subtitle{color:var(--muted);margin:4px 0 0;font-size:14px}.badge{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.badge--live{color:#34d399;background:#34d3991f;border-color:#34d39959}.note{color:#fbbf24;margin:-14px 0 0;font-size:12px}.loading{color:var(--muted);text-align:center;padding:60px 0;font-size:14px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:6px;padding:16px 16px 14px;display:flex}.kpi--accent{border-top:3px solid var(--accent)}.kpi__label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.kpi__value{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.1}.kpi__hint{color:var(--faint);font-size:11px}.section{flex-direction:column;gap:14px;display:flex}.section__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section__head-text{flex-direction:column;gap:2px;min-width:0;display:flex}.section__controls{flex:none;gap:6px;display:flex}.section__controls button{border:1px solid var(--border);background:var(--surface-2);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:14px;line-height:1;display:inline-flex}.section__controls button:hover:not(:disabled){color:var(--text);border-color:var(--accent-border)}.section__controls button:disabled{opacity:.35;cursor:default}.section__title{margin:0;font-size:17px}.section__subtitle{color:var(--muted);margin:0;font-size:13px}.grid{gap:14px;display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--trends{grid-template-columns:repeat(auto-fit,minmax(228px,1fr))}.trend-card__value{letter-spacing:-.02em;font-size:22px;font-weight:700}.trend-card__cap{color:var(--faint);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px 14px}.card__title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px;font-size:13px;font-weight:600}.donut__chart{position:relative}.donut__center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut__center-value{font-size:22px;font-weight:700}.donut__center-label{color:var(--muted);font-size:11px}.donut__legend{grid-template-columns:1fr 1fr;gap:6px 18px;margin:12px 0 0;padding:0;list-style:none;display:grid}.legend-row{align-items:center;gap:8px;font-size:13px;display:flex}.legend-row__swatch{border-radius:3px;flex:none;width:10px;height:10px}.legend-row__name{flex:1}.legend-row__count{font-variant-numeric:tabular-nums}.legend-row__pct{color:var(--muted);text-align:right;width:40px}.leaderboard{flex-direction:column;gap:8px;display:flex}.leaderboard__row{align-items:center;gap:10px;display:flex}.leaderboard__rank{width:20px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.leaderboard__name{white-space:nowrap;text-overflow:ellipsis;flex:none;width:120px;font-size:13px;overflow:hidden}.leaderboard__track{background:var(--surface-3);border-radius:999px;flex:1;height:8px;overflow:hidden}.leaderboard__fill{background:linear-gradient(90deg,#8b9cf7,#a78bfa);border-radius:999px;height:100%}.leaderboard__usage{text-align:right;font-variant-numeric:tabular-nums;flex:none;width:46px;font-size:13px}.note-small{color:var(--faint);margin:10px 0 0;font-size:11px;line-height:1.5}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:right;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 8px;font-size:11px;font-weight:600}.data-table th:first-child{text-align:left}.data-table td{text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff0a;padding:7px 8px}.data-table td:first-child{text-align:left;color:var(--muted)}.data-table tbody tr:last-child td{border-bottom:0}.heatmap__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.heatmap__head .card__title{margin:0}.heatmap-toggle{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.heatmap-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:5px 12px;font-family:inherit;font-size:12px}.heatmap-toggle button.is-active{background:var(--accent-soft);color:var(--accent)}.heatmap-wrap{overflow-x:auto}.heatmap{border-collapse:separate;border-spacing:2px;width:100%;font-size:12px}.heatmap th{color:var(--faint);text-align:center;white-space:nowrap;padding:2px 4px;font-size:11px;font-weight:600}.heatmap th:first-child,.heatmap td:first-child{text-align:left}.heatmap td{text-align:center;font-variant-numeric:tabular-nums;background:var(--surface-2);border-radius:4px;padding:5px 6px}.heatmap__cohort{color:var(--muted);white-space:nowrap}.heatmap__size{color:var(--faint)}.heatmap__cell{min-width:30px;color:var(--text)}.peaknote{color:var(--muted);margin:0 0 10px;font-size:13px}.peaknote strong{color:var(--text);font-weight:600}.empty{color:var(--muted);margin:0;padding:18px 0;font-size:13px}.footer{color:var(--muted);text-align:center;font-size:12px}.footer code{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 5px;font-size:11px}.page--locked{filter:blur(7px);pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton{background:var(--surface-2);border-radius:10px;height:150px}.login-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b0f1a8c;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out login-fade;display:flex;position:fixed;inset:0}.login-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:400px;padding:28px 26px 26px;display:flex;box-shadow:0 24px 64px #000000a6}.login-modal__badge{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.login-modal__title{letter-spacing:-.02em;margin:2px 0 0;font-size:20px}.login-modal__text{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.login-modal__button{justify-content:center;min-height:40px;margin-top:10px;display:flex}.login-modal__error{color:#fbbf24;margin:6px 0 0;font-size:12px;line-height:1.5}@keyframes login-fade{0%{opacity:0}to{opacity:1}}
