:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:#1d1d1f;background:#f5f5f7;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #0071e3;outline-offset:5px}[hidden]{display:none!important}.navigation{height:72px;max-width:1360px;padding:0 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.navigation a{text-decoration:none;color:#1d1d1f;font-size:24px;font-weight:650;letter-spacing:-1px}#studio{height:calc(100svh - 72px);min-height:650px;max-height:1100px;position:relative;overflow:hidden;max-width:1800px;margin:auto;background:radial-gradient(ellipse at 70% 41%,#fff 0%,#ffffff00 56%)}#viewport{position:absolute;inset:0;z-index:1}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.story{position:absolute;z-index:2;left:9%;top:50%;transform:translateY(-57%);width:41%;pointer-events:none}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.11em;margin:0 0 25px;color:#6e6e73}.message{min-height:155px;display:flex;align-items:center}h1{font-size:clamp(44px,4.7vw,76px);line-height:1.05;letter-spacing:-.055em;font-weight:650;margin:0}h1 span{color:#86868b}#description{font-size:19px;line-height:1.5;letter-spacing:-.025em;color:#6e6e73;margin:26px 0 0;max-width:440px}.actions{margin-top:34px;display:flex;align-items:flex-start;flex-direction:column;gap:16px;pointer-events:auto;width:fit-content}#action{background:#0071e3;color:#fff;border:0;border-radius:999px;padding:14px 26px;font-size:16px;line-height:1.3;min-width:181px;transition:background .2s,transform .2s}#action:hover{background:#0077ed}#action:active{transform:scale(.97)}#action:disabled{opacity:.45;cursor:wait}#status{font-size:13px;line-height:1.4;color:#86868b;max-width:330px;min-height:19px}#countdown{display:flex;align-items:baseline;gap:20px}#seconds{font-size:clamp(110px,11vw,160px);line-height:.95;font-weight:600;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.seconds-label{font-size:18px;color:#86868b;letter-spacing:-.025em;max-width:80px;line-height:1.2}#studio[data-state=counting] #action{background:#1d1d1f}#studio[data-state=counting] #action:hover{background:#424245}#credit{position:absolute;z-index:2;left:6%;bottom:16px;margin:0;font-size:11px;color:#a1a1a6}#credit a{color:inherit;text-decoration:none}#credit a:hover{text-decoration:underline}#loading{position:absolute;left:66%;top:45%;z-index:3;color:#86868b;font-size:14px}#error{position:absolute;z-index:4;background:#fff;padding:30px;box-shadow:0 12px 50px #0001;border-radius:16px;right:8%;top:36%;max-width:340px}#error p{font-size:15px;line-height:1.5;color:#6e6e73}#error button{background:#0071e3;border:0;border-radius:20px;color:white;padding:10px 22px}
@media(min-width:1600px){.story{left:13%}.message{min-height:180px}}
@media(max-width:1050px){.story{left:6%;width:46%}h1{font-size:49px}.message{min-height:110px}#description{font-size:17px}.desktop-break{display:none}}
@media(max-width:700px){.navigation{height:62px;padding:0 24px}.navigation a{font-size:22px}#studio{height:calc(100svh - 62px);min-height:735px;max-height:none;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#fff,#ffffff00 62%)}.story{left:22px;right:22px;top:32px;width:auto;transform:none;text-align:center;pointer-events:none}.eyebrow{font-size:10px;margin-bottom:15px}.message{min-height:89px;justify-content:center}h1{font-size:42px;letter-spacing:-.05em;line-height:1.04}#description{font-size:15px;line-height:1.45;max-width:310px;margin:16px auto 0}.desktop-break{display:none}.actions{position:absolute;top:565px;left:0;right:0;margin:0;width:auto;align-items:center;gap:12px}#action{font-size:15px;min-width:180px;padding:13px 23px}#status{font-size:12px;max-width:310px}#countdown{gap:17px}#seconds{font-size:94px;line-height:.92}.seconds-label{font-size:15px;max-width:70px;text-align:left}#credit{left:0;right:0;text-align:center;bottom:12px;font-size:10px}#loading{left:50%;top:49%;transform:translateX(-50%);white-space:nowrap}#error{left:22px;right:22px;top:40%;padding:22px}#studio[data-state=counting] .message{min-height:89px}}
@media(max-width:360px){h1{font-size:37px}#description{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}