:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#03040a;--ink:#eee9f6;--muted:#eee9f6b3;--faint:#eee9f647;--gold:#ffd15a;--teal:#0ea3a6;--pink:#d94db7;--purple:#8e3bbe;--chip:#040610a8;--serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Georgia,serif;--sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--display:"Sora","Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--pad:clamp(18px,3vw,56px);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--void:#03040a;--ink:#eee9f6}}:root[data-theme=dark]{--void:#03040a;--ink:#eee9f6}*,:before,:after{box-sizing:inherit}html,body{background:var(--void);height:100%;color:var(--ink);margin:0;overflow:hidden}body{font-family:var(--sans);-webkit-font-smoothing:antialiased}canvas#gl{cursor:default;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}canvas#gl.adv{cursor:pointer}canvas#gl.grab{cursor:grab}canvas#gl.aim{cursor:crosshair}canvas#gl.dragging{cursor:grabbing}.ui{z-index:5;pointer-events:none;position:fixed}.ui *{pointer-events:auto}#bit,#bit *,#vig,#vig *,#keys,#keys *,#cap,#cap *,#scrim{pointer-events:none!important}#scrim{z-index:4;background:radial-gradient(70% 75% at 0 100%,#03040adb 0%,#03040a99 45%,#03040a00 100%);width:min(70vw,1100px);height:75vh;transition:opacity .8s;position:fixed;bottom:0;left:0}#brand{top:calc(var(--pad) + env(safe-area-inset-top,0px));left:var(--pad);align-items:center;gap:14px;transition:opacity .8s;display:flex}body.home #brand{opacity:0}body.home #brand,body.home #brand *{pointer-events:none}#brand button{all:unset;pointer-events:auto;cursor:pointer;border-radius:50%;display:block}#brand button:focus-visible{outline:1px solid var(--gold);outline-offset:4px}#brand svg{width:40px;height:40px;display:block}#brand .name{font-family:var(--display);letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.1}#brand .where{display:none}#cap{left:var(--pad);bottom:calc(var(--pad) + 46px + env(safe-area-inset-bottom,0px));max-width:min(34ch,30vw);transition:opacity .55s}#cap .line{font-family:var(--serif);letter-spacing:.005em;text-wrap:balance;text-shadow:0 1px 24px #03040ae6;margin:0;font-size:clamp(24px,2.45vw,50px);font-weight:400;line-height:1.18}#cap .src{color:var(--muted);text-shadow:0 1px 12px #03040af2;max-width:46ch;margin:14px 0 0;font-size:clamp(13px,.95vw,17px);line-height:1.45}#cap.hide{opacity:0}#title{text-align:center;width:96vw;transition:opacity .9s;top:51%;left:50%;transform:translate(-50%)}#title [hidden]{display:none!important}#title h1{font-family:var(--display);letter-spacing:-.04em;white-space:nowrap;color:#0000;filter:drop-shadow(0 4px 30px #03040ad9);background:linear-gradient(100deg,#7fe3e4 0%,#c9f4f1 16%,#fff1c9 32%,#ffd15a 46%,#f7a8d8 62%,#c9a6ff 78%,#7fe3e4 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;margin:0;padding:0 .06em .08em;font-size:clamp(36px,5.4vw,108px);font-weight:700;line-height:1.02;animation:14s linear infinite shimmer;display:inline-block}@keyframes shimmer{0%{background-position:0%}to{background-position:220%}}#title .sub{font-family:var(--display);letter-spacing:-.01em;color:#eee9f6eb;text-shadow:0 1px 18px #03040ae6;margin:26px 0 0;font-size:clamp(17px,1.55vw,28px);font-weight:400}#title .by{font-family:var(--display);color:var(--muted);text-shadow:0 1px 14px #03040ae6;margin:10px 0 0;font-size:clamp(14px,1.1vw,19px);font-weight:300}#title .by em{font-family:var(--serif);color:#ffe7a3;letter-spacing:.01em;font-size:1.22em;font-style:italic;font-weight:500}#title .url{font-family:var(--display);letter-spacing:-.005em;color:var(--ink);margin:14px 0 0;font-size:clamp(18px,1.5vw,26px);font-weight:500;display:none}#title.final .url{display:block}#title .cta{justify-content:center;gap:14px;margin-top:34px;display:flex}#title .btn.big{font-family:var(--display);padding:14px 28px;font-size:clamp(15px,1.1vw,18px);font-weight:500}#title .btn.primary.big{background:linear-gradient(100deg,#ffd15a38,#d94db733);border-color:#ffd15ab3}#title .btn.primary.big:hover{background:linear-gradient(100deg,#ffd15a52,#d94db747);border-color:#ffe7a3}#title:not(.hide) h1{animation:14s linear infinite shimmer,1.6s cubic-bezier(.2,.7,.2,1) both rise}#title:not(.hide) .sub{animation:1.4s cubic-bezier(.2,.7,.2,1) .5s both rise}#title:not(.hide) .by,#title:not(.hide) .url{animation:1.4s cubic-bezier(.2,.7,.2,1) .8s both rise}#title:not(.hide) .cta{animation:1.4s cubic-bezier(.2,.7,.2,1) 1.15s both rise}@keyframes rise{0%{opacity:0;filter:blur(10px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:none}}#title h1{will-change:filter}#title.hide{opacity:0;pointer-events:none}#title.hide *{pointer-events:none}#povVideo{object-fit:cover;z-index:3;opacity:0;pointer-events:none;background:#000;width:min(100vw,175vh);height:min(100vh,57.1429vw);transition:opacity .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#leaders{z-index:5;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#labels{pointer-events:none;inset:0}#labels *{pointer-events:none}.co{max-width:21ch;transition:opacity .7s;position:absolute}.co[data-al=l]{text-align:left;transform:translateY(-50%)}.co[data-al=r]{text-align:right;transform:translate(-100%,-50%)}.co[data-al=t]{text-align:center;transform:translate(-50%,-100%)}.co[data-al=b]{text-align:center;transform:translate(-50%)}.co[data-al=c]{text-align:center;transform:translate(-50%,-50%)}.co .chip{background:var(--chip);-webkit-backdrop-filter:blur(10px);border:1px solid #eee9f61a;border-radius:12px;padding:7px 13px 8px;display:inline-block}.co .n{font-family:var(--serif);letter-spacing:.01em;font-size:clamp(19px,1.65vw,32px);font-weight:500;line-height:1.1}.co .s{color:var(--muted);margin-top:3px;font-size:clamp(12px,.88vw,16px);line-height:1.3}.co.ov .n{font-style:italic;font-weight:400}.co.pole .chip{-webkit-backdrop-filter:none;background:0 0;border:0;padding:0}.co.pole .n{color:var(--muted);font-style:italic;font-weight:400}.co button{all:unset;cursor:default;border-radius:12px;display:block}#labels .co.on,#labels .co.on *{pointer-events:auto}.co.live button{cursor:pointer}.co.live .chip{border-color:#ffd15a73}.co.live button:hover .chip{border-color:var(--gold);background:#1e1808bf}.co.live button:focus-visible{outline:1px solid var(--gold);outline-offset:3px}.co.soon .n{color:#eee9f6d1}.co.soon .chip{opacity:.86}#bit{text-align:center;opacity:0;transition:opacity .35s;top:50%;left:50%;transform:translate(-50%,-50%)}#bit .v{font-family:var(--serif);color:#fff3cf;text-shadow:0 0 40px #ffd15acc;font-size:clamp(90px,13vw,240px);font-weight:300;line-height:1}#bit .s{color:var(--ink);margin-top:6px;font-size:clamp(13px,1vw,18px)}#vig{text-shadow:0 1px 14px #000000f2,0 0 4px #000c;left:50%;bottom:calc(5.5vh + env(safe-area-inset-bottom,0px));text-align:center;opacity:0;width:90vw;transition:opacity .6s;transform:translate(-50%)}#vig .k{color:var(--muted);letter-spacing:.02em;font-size:clamp(12px,.9vw,16px)}#vig .t{font-family:var(--serif);margin-top:4px;font-size:clamp(22px,2.2vw,42px);font-style:italic}#vig .p{color:#eee9f6d9;letter-spacing:.02em;margin-top:4px;font-size:clamp(13px,1vw,17px)}#vig .f{color:var(--muted);margin-top:8px;font-size:clamp(12px,.9vw,16px)}#dial{right:var(--pad);bottom:calc(var(--pad) + 64px + env(safe-area-inset-bottom,0px));opacity:0;-webkit-backdrop-filter:blur(10px);touch-action:none;background:linear-gradient(#0e1024b8,#060814a8);border:1px solid #eee9f61f;border-radius:20px;width:clamp(220px,19vw,340px);padding:16px 18px 14px;transition:opacity .6s,transform .6s;transform:translateY(10px)}#dial.on{opacity:1;transform:none}#dial:not(.on),#dial:not(.on) *{pointer-events:none}#dial:focus-visible{outline:1px solid var(--gold);outline-offset:4px}#dial svg{cursor:pointer;width:100%;height:auto;display:block}#dial .ends{font-family:var(--serif);justify-content:space-between;margin-top:-4px;font-size:clamp(17px,1.3vw,24px);display:flex}#dial .ends span:first-child{color:#ff8e9e}#dial .ends span:last-child{color:#ffe08a}#dial .read{text-align:center;color:var(--muted);margin-top:6px;font-size:clamp(13px,.95vw,16px)}#dial .read b{font-family:var(--serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(26px,2.2vw,40px);font-weight:500;line-height:1;display:block}#dial .tag{color:var(--muted);text-align:center;border-top:1px solid #eee9f61a;margin-top:8px;padding-top:8px;font-size:12px}#ctl{right:var(--pad);bottom:calc(var(--pad) + 64px + env(safe-area-inset-bottom,0px));opacity:0;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0e1024bd,#060814ad);border:1px solid #eee9f61f;border-radius:20px;width:clamp(240px,20vw,360px);padding:16px 20px 14px;transition:opacity .6s,transform .6s;transform:translateY(10px)}#ctl.on{opacity:1;transform:none}#ctl:not(.on),#ctl:not(.on) *{pointer-events:none}#ctl .ttl{font-family:var(--serif);margin-bottom:10px;font-size:clamp(18px,1.4vw,26px)}#ctl input{appearance:none;background:var(--grad,linear-gradient(90deg,#e03a55,#ffd15a));cursor:pointer;border-radius:999px;outline:none;width:100%;height:12px;margin:6px 0}#ctl input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff6e4;border:2px solid #03040a;border-radius:50%;width:26px;height:26px;box-shadow:0 0 16px #ffd15acc}#ctl input::-moz-range-thumb{background:#fff6e4;border:2px solid #03040a;border-radius:50%;width:24px;height:24px;box-shadow:0 0 16px #ffd15acc}#ctl input:focus-visible{outline:1px solid var(--gold);outline-offset:6px}#ctl .ends{font-family:var(--serif);justify-content:space-between;font-size:clamp(16px,1.2vw,22px);display:flex}#ctl .ends span:first-child{color:var(--lc,#ff8e9e)}#ctl .ends span:last-child{color:var(--rc,#ffe08a)}#ctl .read{text-align:center;color:var(--muted);margin-top:8px;font-size:clamp(13px,.95vw,16px)}#ctl .read b{font-family:var(--serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(26px,2.2vw,40px);font-weight:500;line-height:1;display:block}#ctl .tag{color:var(--muted);text-align:center;border-top:1px solid #eee9f61a;margin-top:8px;padding-top:8px;font-size:12px}#emo{right:var(--pad);bottom:calc(var(--pad) + 64px + env(safe-area-inset-bottom,0px));opacity:0;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:min(520px,44vw);transition:opacity .6s,transform .6s;display:flex;transform:translateY(10px)}#emo.on{opacity:1;transform:none}#emo:not(.on),#emo:not(.on) *{pointer-events:none}#emo .btn{font-family:var(--serif);padding:10px 20px;font-size:clamp(17px,1.25vw,22px)}#emo .btn[aria-pressed=true]{border-color:var(--gold);background:#ffd15a29}#emo .btn[data-k=peace]{color:#9fe6f5}#emo .btn[data-k=joy]{color:#ffe08a}#emo .btn[data-k=love]{color:#ffa6cf}#math{top:calc(var(--pad) + env(safe-area-inset-top,0px));right:var(--pad);opacity:0;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0e142ccc,#080a18b8);border:1px solid #eee9f61f;border-radius:16px;width:min(420px,40vw);padding:20px 22px;transition:opacity .5s,transform .5s;transform:translateY(-6px)}#math:not(.on),#math:not(.on) *{pointer-events:none}#math.on{opacity:1;transform:none}#math .eq{font-family:var(--serif);margin:0 0 10px;font-size:clamp(19px,1.45vw,27px);line-height:1.35}#math .row{color:var(--muted);margin:6px 0 0;font-size:clamp(13px,.95vw,16px);line-height:1.5}#math .row b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}#math .k{color:#9feff0}#hud{right:var(--pad);bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px));align-items:center;gap:18px;transition:opacity .6s;display:flex}#prog{gap:4px;display:flex}#prog span{background:var(--faint);border-radius:2px;width:8px;height:2px;transition:background .4s,width .4s;display:block}#prog span.done{background:#eee9f699}#prog span.now{background:var(--gold);width:20px}.btn{all:unset;pointer-events:auto;cursor:pointer;color:var(--ink);-webkit-backdrop-filter:blur(6px);background:#0a0c1c99;border:1px solid #eee9f638;border-radius:999px;padding:9px 16px;font-size:14px;transition:border-color .3s,background .3s}.btn:hover{border-color:#eee9f680}.btn:focus-visible{outline:1px solid var(--gold);outline-offset:3px}.btn[aria-pressed=true]{border-color:var(--teal);background:#0ea3a629}.btn.primary{border-color:#ffd15a8c}#auto{color:var(--gold);opacity:0;font-size:13px;transition:opacity .4s}#auto.on{opacity:1}#keys{opacity:0;z-index:9;background:#080a18eb;border:1px solid #eee9f626;border-radius:16px;padding:24px 28px;font-size:15px;line-height:1.9;transition:opacity .3s;top:50%;left:50%;transform:translate(-50%,-50%)}#keys.on{opacity:1}#keys kbd{font-family:var(--sans);color:var(--ink);border:1px solid #eee9f64d;border-radius:6px;margin-right:8px;padding:1px 7px;font-size:13px}#keys h2{font-family:var(--serif);margin:0 0 8px;font-size:24px;font-weight:400}body.clean #brand,body.clean #hud,body.pov #brand,body.pov #hud{opacity:0}body.clean #brand,body.clean #brand *,body.clean #hud,body.clean #hud *{pointer-events:none}@media (width<=720px){#cap{bottom:calc(var(--pad) + 64px);max-width:86vw}#scrim{background:linear-gradient(#03040a00,#03040ae6);width:100vw;height:60vh}#math{width:calc(100vw - 2*var(--pad))}#prog{display:none}#title h1{white-space:normal}#dial,#ctl{bottom:auto;left:50%;right:auto;top:calc(var(--pad) + 64px);width:min(300px,80vw);transform:translate(-50%)}#dial.on,#ctl.on{transform:translate(-50%)}#emo{left:var(--pad);right:var(--pad);max-width:none;bottom:auto;top:calc(var(--pad) + 64px);justify-content:center}}@media (prefers-reduced-motion:reduce){#cap,#title,.co,#bit,#vig,#dial,#ctl,#emo{transition-duration:10ms}#title h1,#title .sub,#title .by,#title .url,#title .cta{animation:none!important}}