@charset "UTF-8";:root{--bg: #0f1117;--surface: #161b27;--border: #222840;--text: #e2e8f0;--muted: #64748b;--good: #4ade80;--warn: #f59e0b;--bad: #f43f5e;--accent: #3b82f6;--www: #3b82f6;--api: #f97316;--resizer: #a855f7;--profile: #10b981;--cdn: #22c55e;--apiv6: #f97316;--apiv7: #3b82f6;--apiv8: #22c55e;--ngapi: #a855f7;--cfapi: #ec4899;--addressapi: #06b6d4;--c1: #f97316;--c2: #3b82f6;--c3: #22c55e;--c4: #a855f7}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Roboto,sans-serif;font-size:13px;min-height:100vh;padding:14px 20px 0}header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}header h1{font-size:20px;font-weight:700;color:#fff}header h1 span{color:var(--accent);font-weight:400;margin-left:8px}header h1 small{font-weight:400;font-size:.65em;color:#888;margin-left:10px}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}a.pill{text-decoration:none}.pill{border:1px solid var(--border);border-radius:4px;padding:3px 10px;font-size:11px;font-weight:500;color:var(--text);background:var(--surface);cursor:pointer}.pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.auto-pill{margin-left:4px;display:inline-flex;align-items:center;justify-content:center;padding:3px 7px}.auto-pill{background:var(--accent);border-color:var(--accent);color:#fff}.auto-pill.paused{background:transparent;border-color:var(--muted);color:#fff}.page{display:grid;gap:12px}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:16px 20px}.chart-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.chart-title{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.chart-current{font-family:Roboto Mono,monospace;font-size:20px;font-weight:500;line-height:1}.chart-current .unit{font-size:12px;font-weight:400;color:var(--muted);margin-left:2px}.chart-delta{font-size:11px;margin-right:6px}.delta-up{color:var(--bad)}.delta-down{color:var(--good)}.delta-flat{color:var(--muted)}.services-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.services-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.svc-chart-wrap{height:90px}.overflow-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.overflow-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.overflow-row .svc-chart-wrap,.overflow-row-3 .svc-chart-wrap{height:70px}.overflow-row .chart-current,.overflow-row-3 .chart-current{font-size:16px}.hit-rate-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hit-rate-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hit-rate-overflow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hit-bar-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.hit-bar-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.hit-bar-value{font-family:Roboto Mono,monospace;font-size:20px;font-weight:500;line-height:1}.hit-bar-value .unit{font-size:12px;font-weight:400;color:var(--muted);margin-left:2px}.hit-bar-track{height:6px;border-radius:3px;background:var(--border);overflow:hidden}.hit-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.legend{display:flex;gap:18px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.legend-line{width:20px;height:2px;border-radius:1px}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.trend-wrap{height:220px}.insight-card-inner{display:flex;align-items:center;gap:12px}.insight-icon{flex-shrink:0;color:var(--accent);opacity:.85}.insight-text{font-size:13px;color:var(--text);line-height:1.4}.section-header{display:flex;align-items:center;gap:12px;padding-bottom:10px;padding-top:6px;border-bottom:1px solid var(--border)}.section-header h2{font-size:16px;font-weight:700;color:#fff}.section-header h2 span{color:var(--accent);font-weight:400;margin-left:8px}.errors-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.err-chart-wrap{height:120px}.sc-500 .chart-current{color:var(--bad)}.sc-404 .chart-current{color:var(--warn)}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-col-header{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:0 0 10px;border-bottom:1px solid var(--border);margin-bottom:4px;text-align:center}.site-entry{display:flex;align-items:center;padding:8px 4px;border-bottom:1px solid var(--border);gap:10px}.site-entry:last-child{border-bottom:none}.rank{font-size:11px;font-weight:500;min-width:24px;color:var(--muted)}.site-name{flex:1;font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-score{font-family:Roboto Mono,monospace;font-size:16px;font-weight:500;min-width:48px;text-align:right;line-height:1}.site-score .unit{font-size:11px;font-weight:400;color:var(--muted);margin-left:1px}.charts-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.chart-wrap{position:relative;height:180px}.chart-card{display:flex;flex-direction:column}.dist-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dist-card-title{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:8px}.dist-bar-wrap{display:flex;height:6px;border-radius:3px;overflow:hidden;gap:2px;background:var(--border)}.dist-segment{height:100%;border-radius:3px;transition:width .6s ease;min-width:0}.dist-values{display:flex;justify-content:space-between;margin-top:8px}.dist-val-group{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.dist-val-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.dist-val-num{font-family:Roboto Mono,monospace;font-size:12px;font-weight:500;color:var(--text)}.loading-overlay{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .4s}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-text{font-size:12px;color:var(--muted);letter-spacing:2px;text-transform:uppercase}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.loading-text span{color:var(--accent);animation:blink 1s infinite}@media(max-width:1200px){.metrics-row,.charts-row,.dist-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.services-row,.overflow-row,.hit-rate-row,.hit-rate-overflow{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.services-row-3,.hit-rate-row-3,.overflow-row-3{grid-template-columns:repeat(2,1fr)}.errors-row{grid-template-columns:1fr}}@media(max-width:768px){.metrics-row,.charts-row,.dist-row{grid-template-columns:1fr}header{flex-wrap:wrap}.header-right{flex-wrap:wrap}}@media(max-width:560px){.services-row,.overflow-row,.hit-rate-row,.hit-rate-overflow,.services-row-3,.hit-rate-row-3,.overflow-row-3{grid-template-columns:1fr}header{flex-wrap:wrap}.header-right{margin-left:0}}