.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}.lo-page{background:#04071f;overflow:hidden}.bar--lo{background:transparent}.lo{position:relative;min-height:100svh;outline:none;overflow:hidden;display:grid;place-items:center;text-align:center;background:#04071f;transition:background-color .7s var(--ease)}.lo.is-lit{background:var(--cobalt)}.lo.is-dim{background:#050a2e}.lo.is-done{background:var(--cobalt)}.lo:not(.lo--live)>:not(.lo__nojs){display:none}.lo--live .lo__nojs{display:none}.lo__nojs a{color:var(--accent)}.lo__hud{position:fixed;left:var(--gutter);right:var(--gutter);bottom:clamp(16px,3vh,28px);z-index:20;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.lo__hud[hidden]{display:none}.lo__count{font:800 1rem/1 var(--display);opacity:.7;margin:0}.lo__skip{pointer-events:auto;min-height:44px;padding:8px 18px;border-radius:999px;cursor:pointer;background:transparent;border:1.5px solid rgba(244,243,238,.3);color:var(--white);font-weight:600}.lo>.lo__say{position:absolute;top:clamp(90px,14vh,150px);left:var(--gutter);right:var(--gutter);z-index:12;margin:0;font:800 clamp(2.6rem,1.2rem + 5vw,6rem)/.92 var(--display);font-stretch:78%;letter-spacing:-.04em;pointer-events:none}.lo>.lo__sub{position:absolute;top:calc(clamp(90px,14vh,150px) + clamp(3rem,1.6rem + 5.6vw,6.8rem));left:var(--gutter);right:var(--gutter);z-index:12;margin:0;font-size:var(--t-lede);opacity:.8;pointer-events:none}.lo__final{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;padding:90px var(--gutter) 60px;text-align:center}.lo__final-say{margin:0;font:800 clamp(3.4rem,1.6rem + 8vw,9rem)/.88 var(--display);font-stretch:75%;letter-spacing:-.045em}.lo__final-sub{margin:0;max-width:34ch;font-size:var(--t-lede);opacity:.9}.lo__stage{position:absolute;inset:0;z-index:10}.lo__cord{position:absolute;left:50%;top:0;width:2px;margin-left:-1px;background:#f4f3ee8c}.lo__knob{position:absolute;left:50%;width:34px;height:34px;margin:-6px 0 0 -17px;border-radius:50%;border:0;background:var(--accent);cursor:grab;touch-action:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 25%,transparent),0 0 50px color-mix(in srgb,var(--accent) 60%,transparent);animation:glow 2.4s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 15%,transparent),0 0 80px color-mix(in srgb,var(--accent) 70%,transparent)}}.lo__fog{position:fixed;inset:0;width:100%;height:100%;z-index:11;touch-action:none;transition:opacity .6s}.lo__fog.is-clear{opacity:0;pointer-events:none}.lo__helper{position:fixed;left:50%;bottom:clamp(70px,10vh,100px);transform:translate(-50%);z-index:13;min-height:44px;padding:8px 18px;border-radius:999px;cursor:pointer;background:#0b12408c;color:var(--white);border:0;font-weight:600}.lo__fog.is-clear~.lo__helper{display:none}.lo:has(.lo__fog:not(.is-clear))>.lo__say,.lo:has(.lo__fog:not(.is-clear))>.lo__sub{color:var(--ink);z-index:12}.lo__ring,.lo__dial{position:absolute;left:50%;top:58%;border-radius:50%}.lo__ring{width:clamp(230px,30vmin,320px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--t));border:1px dashed rgba(244,243,238,.25);pointer-events:none}.lo__ring:before{content:"";position:absolute;left:50%;top:-7px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--white)}.lo__dial{width:clamp(170px,22vmin,240px);aspect-ratio:1;transform:translate(-50%,-50%);cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 30%,#ffffff38,#ffffff0a 70%);border:1px solid rgba(244,243,238,.35);box-shadow:inset 0 1px #ffffff40,0 30px 60px -30px #030832cc,0 0 calc(var(--signal, 0) * 60px) color-mix(in srgb,var(--accent) 55%,transparent)}.lo__dial:focus-visible{outline:3px solid var(--accent);outline-offset:8px}.lo__dial-mark{position:absolute;left:50%;top:10px;width:5px;height:30px;margin-left:-2.5px;border-radius:3px;background:var(--accent)}.lo__meter{position:absolute;left:50%;bottom:clamp(80px,12vh,120px);width:min(280px,70vw);height:6px;margin-left:min(-140px,-35vw);border-radius:6px;background:#f4f3ee26;overflow:hidden}.lo__meter i{display:block;height:100%;width:0;background:var(--accent);border-radius:6px;transition:width .1s}.lo__meter.is-locked i{background:#5ce39a;width:100%!important}.lo__type{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:min(90vw,900px);background:transparent;border:0;outline:none;text-align:center;color:var(--white);font:800 clamp(4rem,2rem + 12vw,12rem)/1 var(--display);font-stretch:75%;letter-spacing:-.04em;caret-color:var(--accent)}.lo__type:read-only{color:var(--accent)}.lo__end{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}.lo__cta,.lo__ghost{min-height:52px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:1.05rem;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}.lo__cta{background:var(--accent);color:var(--accent-ink)}.lo__ghost{background:transparent;border:1.5px solid var(--line);color:var(--white)}.lo__spark{position:fixed;z-index:60;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent);pointer-events:none;animation:spark .75s cubic-bezier(.2,.7,.1,1) forwards}@keyframes spark{to{transform:translate(var(--bx),var(--by)) scale(.2);opacity:0}}@media(prefers-reduced-motion:reduce){.lo__knob{animation:none}}.lo__helper:not(:focus-visible){position:fixed;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.lo__type{caret-color:var(--accent)}
