:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050711;color:#f4f6ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#stage{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.grain{position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}header{position:fixed;z-index:2;left:clamp(22px,5vw,90px);right:clamp(22px,5vw,90px);top:clamp(24px,4vw,50px);display:flex;align-items:center;justify-content:space-between}.eyebrow,.kicker{font-size:10px;font-weight:700;letter-spacing:.27em;color:#a8b7d9}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#29e2ff;box-shadow:0 0 15px #28c6ff;margin-right:8px}header a{color:white;text-decoration:none;border:1px solid #5c698c;padding:12px 16px;border-radius:30px;font-size:11px;letter-spacing:.12em;font-weight:700;background:#0b1225b3;backdrop-filter:blur(10px)}header a span{color:#8d8bff;margin-left:9px}main{pointer-events:none;position:fixed;inset:0;z-index:1}.top{position:absolute;top:22%;left:clamp(22px,5vw,90px)}.top h1{font-size:clamp(34px,4.8vw,83px);line-height:.95;letter-spacing:-.065em;margin:18px 0 20px;font-weight:750}.top h1 em{font-style:normal;background:linear-gradient(95deg,#4be2fa,#7878ff,#d166ff);background-clip:text;color:transparent}.top p{font-size:12px;color:#9eabc9;line-height:1.8;letter-spacing:.02em}.bottom{position:absolute;bottom:clamp(24px,5vh,60px);left:clamp(22px,5vw,90px);right:clamp(22px,5vw,90px);pointer-events:auto}.counter{display:flex;align-items:baseline;gap:14px}.counter strong{font-size:clamp(42px,6vw,82px);font-weight:550;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.counter span,.hint,.slider span{color:#8898ba;font-size:10px;font-weight:700;letter-spacing:.2em}.controls{display:flex;gap:9px;margin:14px 0 20px}.controls button{border:1px solid #3b4667;color:#d6e3ff;background:#0d1426b9;border-radius:30px;padding:11px 15px;font-size:13px;cursor:pointer;backdrop-filter:blur(12px)}.controls button span{font-size:10px;letter-spacing:.09em;margin-left:6px}.controls button:hover{border-color:#71b7ff}.slider{display:flex;align-items:center;gap:16px;max-width:680px}.slider input{flex:1;accent-color:#697dff;cursor:pointer}.hint{margin-top:20px}.hint span{color:#6474a8;margin:0 7px}#fallback{position:fixed;z-index:8;inset:30%;background:#10162d;padding:30px;border:1px solid #6688b9;border-radius:16px}#fallback:not([hidden]){display:block}@media(max-width:800px){.top{top:13%;left:24px}.top h1{font-size:clamp(35px,9vw,64px)}.top p{font-size:11px}.bottom{bottom:30px;left:24px;right:24px}.counter strong{font-size:42px}.controls{margin:8px 0 15px}.controls button{padding:10px}.controls button span{font-size:9px}.hint{font-size:8px;line-height:1.6}header{left:24px;right:24px}.eyebrow{font-size:9px}}@media(max-height:640px){.top{top:14%}.top h1{font-size:34px;margin:8px 0}.top p{display:none}.hint{display:none}}