@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree-Variable.ttf) format("truetype");font-weight:300 900;font-style:normal;font-display:swap}:root{--paper: #eef4f5;--paper-2: #e4eeef;--ink: #14242b;--ink-soft: #4a626b;--surface-sea: #c3e4ea;--mid-sea: #2f7d93;--deep-sea: #0d2c44;--abyss: #08203a;--murk: #173b4d;--deeplight: #f3cb80;--deeplight-dim: #c79f5a;--sand: #e7b96a;--ink-warm: #8a5a14;--ink-teal: #1c5a6b;--tug: #eaf6f8;--focus-ring: #6fd0e6;--maxw: 64rem;--readw: 36rem;--r: 14px;--r-sm: 10px;--ease: cubic-bezier(.22, .61, .36, 1);--f-display: "Instrument Serif", Georgia, "Times New Roman", serif;--f-body: "Figtree", ui-sans-serif, system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--f-body);color:var(--ink);background:var(--paper);line-height:1.6;font-size:clamp(1rem,.96rem + .3vw,1.12rem);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,.display{font-family:var(--f-display);font-weight:400;line-height:1.04;letter-spacing:.01em}a{color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}.read{max-width:var(--readw)}section{position:relative}.eyebrow{font-family:var(--f-body);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.hero{min-height:100svh;display:grid;align-items:center;background:radial-gradient(120% 80% at 50% -10%,#ffffff 0%,var(--surface-sea) 38%,var(--mid-sea) 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38vh;background:linear-gradient(to bottom,transparent,var(--deep-sea));pointer-events:none}.hero .wrap{position:relative;z-index:2;padding-block:4rem}.hero h1{font-size:clamp(3.2rem,8vw + 1rem,7rem);margin-top:.6rem;color:var(--deep-sea)}.hero .tagline{max-width:32rem;margin-top:1.4rem;font-size:clamp(1.15rem,1rem + .7vw,1.5rem);color:var(--ink)}.hero .tagline em{font-style:italic;color:var(--ink-teal)}.predict{margin-top:2.6rem;max-width:30rem;padding:1.4rem 1.5rem 1.6rem;background:#ffffff8c;border:1px solid rgba(20,36,43,.12);border-radius:var(--r);backdrop-filter:blur(6px)}.predict label{display:block;font-weight:600;margin-bottom:.2rem}.predict .hint{font-size:.92rem;color:var(--ink-soft);margin-bottom:1rem}.predict .guessrow{display:flex;align-items:baseline;gap:.6rem;margin-bottom:1rem}.predict .guessval{font-family:var(--f-display);font-size:2.6rem;color:var(--mid-sea);min-width:2ch}.predict .guessunit{color:var(--ink-soft);font-size:.95rem}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(to right,var(--mid-sea),var(--surface-sea));border-radius:999px;outline-offset:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--deep-sea);border:3px solid #fff;cursor:pointer;box-shadow:0 2px 8px #08203a59;transition:transform .12s var(--ease)}input[type=range]::-webkit-slider-thumb:active{transform:scale(.92)}input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--deep-sea);border:3px solid #fff;cursor:pointer}.btn{font-family:var(--f-body);font-size:1rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:999px;border:0;cursor:pointer;background:var(--deep-sea);color:#f2f7f8;transition:transform .12s var(--ease),background .2s var(--ease)}.btn:hover{background:var(--abyss)}.btn:active{transform:scale(.97)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid rgba(20,36,43,.25)}.btn.ghost:hover{background:#14242b0f}.btn.warm{background:var(--sand);color:#3a2a10}.btn.warm:hover{background:var(--deeplight)}.kbd{font-size:.72rem;font-weight:600;opacity:.7;border:1px solid currentColor;border-radius:5px;padding:.05em .4em}.dive{background:var(--deep-sea);color:#dcecef;padding-block:clamp(2.5rem,6vw,4.5rem)}.stage{position:relative;margin-inline:auto;max-width:30rem;height:min(72svh,640px);border-radius:20px;overflow:hidden;background:linear-gradient(to bottom,var(--surface-sea) 0%,var(--mid-sea) 22%,var(--deep-sea) 62%,var(--abyss) 100%);box-shadow:inset 0 0 80px #08203a8c,0 20px 60px #08203a66;touch-action:manipulation}.stage svg{display:block;width:100%;height:100%}.stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dive .ctl{max-width:30rem;margin:1.4rem auto 0;display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}.dive .live{text-align:center;max-width:30rem;margin:1rem auto 0;min-height:1.6em;color:#bcd6db;font-size:.98rem}.dive .live strong{color:var(--deeplight);font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.meters{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;max-width:30rem;margin:1rem auto 0}.meter{background:#ffffff0f;border-radius:var(--r-sm);padding:.6rem .8rem}.meter .k{font-size:.85rem;color:#b6d2d8}.meter .v{font-family:var(--f-display);font-size:1.7rem;line-height:1.1}.meter.busy .v{color:#cfe6ea}.meter.deep .v{color:var(--deeplight)}.bar{height:5px;border-radius:999px;background:#ffffff1f;margin-top:.45rem;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;transition:width .2s var(--ease)}.meter.busy .bar>i{background:#88b3bd}.meter.deep .bar>i{background:var(--deeplight)}.reveal{background:var(--paper);padding-block:clamp(3rem,8vw,6rem)}.reveal[hidden]{display:none}.reveal h2{font-size:clamp(2rem,1.4rem + 2.4vw,3.4rem);color:var(--deep-sea);max-width:22ch}.statgrid{display:grid;gap:1.6rem 2rem;grid-template-columns:1fr;margin-top:2.4rem}@media(min-width:40rem){.statgrid{grid-template-columns:repeat(3,1fr)}}.stat{padding-top:1rem;border-top:2px solid rgba(20,36,43,.22)}.stat .big{font-family:var(--f-display);font-size:clamp(3rem,2.2rem + 4vw,5rem);line-height:.95;color:var(--mid-sea)}.stat .big.warm{color:var(--ink-warm)}.stat .cap{margin-top:.5rem;color:var(--ink-soft);font-size:1rem;max-width:30ch}.stat .cap strong{color:var(--ink)}.curvebox{margin-top:2.6rem;background:var(--deep-sea);border-radius:var(--r);padding:1.6rem;color:#dcecef}.curvebox h3{font-size:1.5rem;color:#fff;margin-bottom:.3rem}.curvebox p{color:#a9c8cf;font-size:.95rem;max-width:48ch}.curvebox svg{display:block;width:100%;height:auto;margin-top:1rem}.reframe{background:linear-gradient(to bottom,var(--deep-sea),var(--abyss));color:#e9f2f4;padding-block:clamp(4rem,12vw,8rem);position:relative;overflow:hidden}.reframe:before{content:"";position:absolute;left:50%;bottom:-30%;width:120%;height:80%;transform:translate(-50%);background:radial-gradient(closest-side,rgba(243,203,128,.22),transparent 70%);pointer-events:none}.reframe .wrap{position:relative;z-index:2}.reframe .lead{font-family:var(--f-display);font-size:clamp(2rem,1.4rem + 3.2vw,3.8rem);line-height:1.1;max-width:20ch}.reframe .lead .warm{color:var(--deeplight)}.reframe p.body{margin-top:1.6rem;max-width:42ch;color:#c8dde2;font-size:1.1rem}.share{background:var(--abyss);color:#d8e9ec;padding-block:clamp(2.5rem,6vw,4rem)}.share .row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:1.2rem}.share .quote{font-family:var(--f-display);font-size:1.5rem;color:#fff;max-width:30ch}.copied{color:var(--deeplight);font-size:.9rem;opacity:0;transition:opacity .2s}.copied.on{opacity:1}footer{background:var(--abyss);color:#88a7af;padding-block:2.5rem 3.5rem;font-size:.9rem}footer a{color:#b9d3d9;text-underline-offset:3px}footer .src{margin-top:1rem;display:grid;gap:.5rem}footer .integrity{margin-top:1.4rem;color:#6f9aa3;max-width:52ch}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.nojs-note{max-width:30rem;margin:1.5rem auto 0;padding:1rem 1.2rem;border-radius:var(--r-sm);background:#ffffff14;color:#c4dde2;font-size:.95rem}.enhanced .nojs-note{display:none}