@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/assets/instrument-sans-latin-ext-wdth-normal-C5E2Gvlv.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/assets/instrument-sans-latin-wdth-normal-BVScPF0l.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--glass:#fbfcfd;--page:#f3f6f9;--ink:#14213d;--ink-soft:#4a5872;--reticle:#9aa7b8;--line:#d7dee7;--vibe:#6d4c9f;--scene:#17807e;--detail:#c83e57;--radius-lens:50%;--space:16px;color:var(--ink);background:var(--page);font-family:Instrument Sans Variable,system-ui,sans-serif;font-size:18px;line-height:1.5}*{box-sizing:border-box}body{background:var(--page);margin:0;padding:24px clamp(16px,4vw,48px) 64px}h1,h2{letter-spacing:-.01em;font-stretch:85%;line-height:1.1}h1{margin:0 0 12px;font-size:clamp(36px,6vw,64px);font-weight:650}h2{margin:32px 0 12px;font-size:24px;font-weight:600}p{max-width:68ch}a{color:var(--scene)}button,.source-button{font:inherit}:focus-visible{outline:3px solid var(--detail);outline-offset:3px}.lede{color:var(--ink-soft);margin:0;font-size:20px}.sources{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;display:flex}.source-button{cursor:pointer;border:2px solid var(--ink);background:var(--glass);color:var(--ink);border-radius:999px;padding:10px 18px;font-size:18px}.source-button[aria-pressed=true]{background:var(--ink);color:var(--glass)}.samples{gap:8px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.sample{cursor:pointer;background:var(--line);border:3px solid #0000;border-radius:50%;flex:none;width:64px;height:64px;padding:0;overflow:hidden}.sample img{object-fit:cover;width:100%;height:100%;display:block}.sample[aria-pressed=true]{border-color:var(--detail)}.bench{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:32px;display:grid}.stage{position:relative}#lens{aspect-ratio:1;touch-action:none;cursor:zoom-in;width:100%;display:block}.stage.dragging #lens{outline:3px dashed var(--scene);outline-offset:-12px;border-radius:50%}.status{background:var(--glass);border:1px solid var(--line);white-space:nowrap;color:var(--ink-soft);border-radius:999px;margin:0;padding:6px 14px;font-size:16px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.instrument{background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:24px}.focus{grid-template-columns:1fr 48px;gap:12px;height:260px;display:grid}.focus input[type=range]{writing-mode:vertical-lr;width:48px;height:100%;accent-color:var(--detail);cursor:ns-resize;direction:rtl;margin:0}.focus-stops{flex-direction:column-reverse;justify-content:space-between;display:flex}.stop{font:inherit;font-variant-numeric:tabular-nums;text-align:right;cursor:pointer;color:var(--reticle);background:0 0;border:0;padding:0 4px;font-size:20px;font-weight:600}.stop[aria-current=true]{color:var(--ink);font-size:28px}.readout{grid-template-columns:1fr 1fr;gap:12px 16px;margin:20px 0;display:grid}.readout div{border-top:1px solid var(--line);padding-top:8px}.readout dt{color:var(--ink-soft);font-size:16px}.readout dd{font-variant-numeric:tabular-nums;margin:0;font-size:22px;font-weight:600}.pull{cursor:pointer;background:var(--ink);width:100%;color:var(--glass);border:0;border-radius:12px;padding:12px;font-size:18px}.instrument h2{margin-top:24px}.matches{counter-reset:match;margin:0;padding:0;list-style:none}.matches li{counter-increment:match;border-left:4px solid var(--tier);background:var(--page);grid-template-columns:28px 1fr auto;gap:0 8px;margin-bottom:6px;padding:8px 0 8px 10px;display:grid}.matches li:before{content:counter(match);color:var(--ink-soft);grid-row:span 2;font-weight:600}.match-text{font-size:17px;line-height:1.3}.match-meta{color:var(--ink-soft);grid-column:2;font-size:16px}.match-move{color:var(--ink-soft);font-variant-numeric:tabular-nums;grid-area:1/3/span 2;align-self:center;padding-right:8px;font-size:16px}.ranks,.about{max-width:1200px}.bump-scroll{background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:8px;overflow-x:auto}#bump{width:100%;min-width:860px;display:block}.bump-axis{fill:var(--ink-soft);font-size:18px;font-weight:600}.bump-label{fill:var(--ink);font-size:16px}.bump-active{fill:var(--line);opacity:.55;rx:12px}.legend{padding:0;list-style:none}.legend li{border-left:6px solid var(--tier);margin:8px 0;padding-left:12px}.credits{color:var(--ink-soft);font-size:16px}@media (max-width:900px){.bench{grid-template-columns:1fr}.focus{grid-template-columns:1fr;height:auto}.focus-stops{flex-direction:row}.focus input[type=range]{writing-mode:horizontal-tb;direction:ltr;width:100%;height:48px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}