:root{--page: #0d0d0d;--surface: #1a1a19;--ink: #ffffff;--ink-2: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--axis: #383835;--ring: rgba(255, 255, 255, .1)}*{box-sizing:border-box}body{background:var(--page);color:var(--ink-2);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.page{max-width:1060px;margin:0 auto;padding:36px 24px 56px}header .kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}header h1{margin:4px 0 10px;font-size:28px;color:var(--ink);letter-spacing:-.01em}.lede{max-width:720px;margin:0 0 20px}.lede strong{color:var(--ink)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0 18px}button{font:inherit;color:var(--ink-2);background:var(--surface);border:1px solid var(--ring);border-radius:6px;padding:8px 16px;cursor:pointer}button.primary{background:#1c5cab;color:#fff;border-color:transparent}button:disabled{opacity:.45;cursor:default}.field{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);max-width:100%;min-width:0}.field select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--ring);border-radius:6px;padding:7px 10px;max-width:calc(100vw - 110px);min-width:0}@media(max-width:560px){.field:has(select){width:100%}.field select{flex:1}}.field input[type=number]{font:inherit;width:90px;color:var(--ink);background:var(--surface);border:1px solid var(--ring);border-radius:6px;padding:7px 10px}.field.checkbox{max-width:520px}.tiles{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.tile{position:relative;background:var(--surface);border:1px solid var(--ring);border-radius:8px;padding:10px 16px;flex:1 1 128px;max-width:300px}.tile-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.tile-value{font-size:20px;color:var(--ink);margin-top:2px}.hint-mark{color:var(--ink-2);letter-spacing:0}.tile-hint{display:none;position:absolute;top:calc(100% + 8px);left:0;width:340px;max-width:80vw;z-index:10;background:#232322;border:1px solid var(--ring);border-radius:6px;padding:10px 12px;font-size:11px;line-height:1.65;color:var(--ink-2);text-transform:none;letter-spacing:normal;box-shadow:0 8px 24px #00000080}.tile.has-hint:hover .tile-hint,.tile.has-hint:focus-within .tile-hint{display:block}.columns{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.grid-panel{background:var(--surface);border:1px solid var(--ring);border-radius:8px;padding:14px}.soup-grid{width:448px;max-width:100%;image-rendering:pixelated;border-radius:4px;display:block;background:#111}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:11px;color:var(--muted);max-width:448px}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}.charts{flex:1;min-width:340px;display:flex;flex-direction:column;gap:14px}.chart{background:var(--surface);border:1px solid var(--ring);border-radius:8px;padding:12px 12px 6px}.chart-title{font-size:12px;color:var(--ink-2);margin-bottom:6px}.chart-caption{font-size:11px;color:var(--muted);line-height:1.6;padding:2px 2px 8px}.chart-body{position:relative}.chart svg{display:block;width:100%;height:auto}.gridline{stroke:var(--grid);stroke-width:1}.axisline{stroke:var(--axis);stroke-width:1}.crosshair{stroke:var(--axis);stroke-width:1;stroke-dasharray:3 3}.tick{fill:var(--muted);font-size:10px;font-family:inherit;font-variant-numeric:tabular-nums}.tooltip{position:absolute;top:2px;transform:translate(-50%);background:#232322;border:1px solid var(--ring);border-radius:5px;padding:4px 9px;font-size:11px;display:flex;gap:8px;pointer-events:none;white-space:nowrap}.tooltip-epoch{color:var(--muted)}.tooltip-value{font-variant-numeric:tabular-nums}footer{margin-top:28px;font-size:12px;color:var(--muted);max-width:760px;line-height:1.7}footer a{color:#3987e5;text-decoration:none}footer a:hover{text-decoration:underline}footer .bfs{color:#9085e9;text-decoration:none}footer .bfs:hover{text-decoration:underline}