@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2)format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2)format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff)format("woff")}:root{--ink:#e8ecffe0;--ink-dim:#e8ecff80;--ink-faint:#e8ecff2e;--crimson:#ff3d6e;--edge:clamp(18px, 3.2vw, 40px);color:var(--ink);background:#030409;font-family:Poppins,system-ui,sans-serif}*{box-sizing:border-box;margin:0}html,body{overscroll-behavior:none;height:100%;overflow:hidden}#scene{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}body:after{content:"";pointer-events:none;background:radial-gradient(120% 90%,#0000 55%,#0000008c 100%);position:fixed;inset:0}.top,.bottom{z-index:1;padding:var(--edge);padding-left:max(var(--edge), env(safe-area-inset-left));padding-right:max(var(--edge), env(safe-area-inset-right));pointer-events:none;justify-content:space-between;gap:24px;display:flex;position:fixed;left:0;right:0}.top{align-items:baseline;top:0}.bottom{padding-bottom:max(var(--edge), env(safe-area-inset-bottom));align-items:flex-end;bottom:0}.name,.clock,.hint,.index,.sub{letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:400}.name{color:var(--ink);pointer-events:auto;text-decoration:none}.clock{color:var(--ink-dim);font-variant-numeric:tabular-nums}.clock time{color:var(--ink);margin-left:.6em}.caption{opacity:0;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 14px;display:grid}.caption.in{animation:.9s cubic-bezier(.2,.7,.2,1) .35s both rise}.index{color:var(--crimson);grid-row:span 2}.label{letter-spacing:.02em;font-size:clamp(15px,1.6vw,19px);font-weight:400}.sub{color:var(--ink-dim);letter-spacing:.16em}.controls{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.hint{color:var(--ink-dim);transition:opacity 1.2s}.hint.gone{opacity:0}.scenes{pointer-events:auto;gap:6px;display:flex}.scenes button{cursor:pointer;background:0 0;border:0;width:34px;height:22px;padding:0;position:relative}.scenes button:before{content:"";background:var(--ink-faint);border-radius:1px;height:2px;margin-top:-1px;transition:background .4s;position:absolute;top:50%;left:4px;right:4px}.scenes button:hover:before{background:var(--ink-dim)}.scenes button[aria-current]:before{background:var(--ink)}.scenes button:focus-visible{outline:1px solid var(--ink-dim);outline-offset:2px;border-radius:3px}.fallback{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.no-webgl .fallback{clip-path:none;text-align:center;color:#0000;background:linear-gradient(90deg,#4d8dff,#a66bff,#ff3d6e);-webkit-background-clip:text;background-clip:text;place-content:center;width:auto;height:auto;font-size:clamp(40px,9vw,120px);font-weight:700;line-height:1.15;display:grid;position:fixed;inset:0}.no-webgl .controls,.no-webgl .caption{display:none}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}@media (width<=560px){.bottom{flex-direction:column;align-items:flex-start}.controls{flex-direction:column-reverse;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.caption.in{animation-duration:1ms;animation-delay:0s}}
