*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0a0b0d;color:#f6f4ee;font-family:Arial,Helvetica,sans-serif}header{position:fixed;z-index:3;top:0;left:0;right:0;padding:24px 4vw;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff16;background:#0a0b0dbb;backdrop-filter:blur(12px)}header a{color:inherit;text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.04em}header a span{font-weight:400;color:#919398;margin-left:10px}.study{font-size:12px;letter-spacing:.15em;color:#aaa}#journey{height:400vh}.stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:radial-gradient(ellipse at 70% 48%,#252a30 0%,#111419 34%,#090a0c 76%)}#viewport{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}.copy{position:absolute;top:20%;left:6vw;pointer-events:none;width:33%;max-width:480px}.eyebrow{font-size:12px;letter-spacing:.22em;color:#f04b36;margin:0 0 25px}.copy h1{font-size:clamp(38px,5vw,76px);letter-spacing:-.065em;line-height:1.02;margin:0}.intro{color:#a9abb0;font-size:17px;line-height:1.6;margin-top:24px}.chapter{margin-top:48px;border-left:2px solid #e74831;padding-left:20px}.chapter>span{font-size:12px;letter-spacing:.16em;color:#edab51}.chapter h2{font-size:23px;letter-spacing:-.02em;margin:12px 0}.chapter p{font-size:15px;line-height:1.6;color:#b4b6ba;min-height:48px}.legend{position:absolute;right:4vw;top:95px;display:flex;gap:18px;color:#a4a6ab;font-size:12px}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:6px;height:6px;background:#ddd;border-radius:50%}.legend .gold{background:#dfa440}.legend .spring{background:#f1d88f}.controls{position:absolute;right:5vw;bottom:65px;width:38%;max-width:550px}.controls label{font-size:11px;letter-spacing:.16em;display:flex;justify-content:space-between;color:#9a9da2}.controls output{color:#fff;font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin:12px 0;accent-color:#ef4a31;cursor:pointer;min-height:24px}.steps{display:flex;justify-content:space-between;gap:8px}.steps button{background:none;border:1px solid #ffffff28;padding:10px 14px;color:#ccc;border-radius:3px;cursor:pointer;font:inherit;font-size:12px;min-height:40px}.steps button:hover,.steps button:focus-visible{border-color:#ed5e48;color:#fff}.note{position:absolute;bottom:17px;left:4vw;font-size:11px;color:#85888e;max-width:90%}.error{position:absolute;right:8%;top:35%;width:40%;background:#351b1b;padding:28px;line-height:1.6}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}@media(max-width:760px){header{padding:18px 5vw}.study{display:none}.stage{min-height:700px}.copy{top:100px;left:6vw;width:86%;max-width:none}.eyebrow{margin-bottom:12px;font-size:11px}.copy h1{font-size:36px}.intro{display:none}.chapter{position:absolute;left:51%;top:18px;margin:0;padding-left:12px}.chapter h2{font-size:18px}.chapter p{font-size:12px}.legend{top:auto;bottom:165px;left:6vw;right:auto;gap:12px;font-size:10px}.controls{left:6vw;right:6vw;bottom:50px;width:auto;max-width:none}.note{font-size:10px;bottom:6px}.error{left:6%;top:40%;width:88%}}@media(prefers-reduced-motion:reduce){#journey{height:100svh}.stage{position:relative}.intro{visibility:hidden}}