:root{color:#2c3638;font-synthesis:none;background:#f6f1e6;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #4268d5}main{max-width:740px;margin:auto;padding:32px 36px 24px}header{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-4px;align-items:baseline;font-size:48px;font-weight:900;display:flex}.brand span{background:#f0604a;border-radius:50%;width:9px;height:9px;margin-left:6px;display:block}.get{background:#fff9;border-radius:24px;padding:12px 18px;font-size:13px;font-weight:650}.get span{margin-left:8px}.intro{padding-top:48px}.eyebrow{letter-spacing:2px;margin:0 0 16px;font:600 10px ui-monospace,monospace}h1{letter-spacing:-2.5px;margin:0;font-size:clamp(38px,7vw,60px);font-weight:720;line-height:1.06}.subtitle{color:#73796f;margin:18px 0 30px;font-size:15px}.stage-wrap{border:1px solid #303a3617;border-radius:30px;height:320px;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.stage-caption{pointer-events:none;color:#667063;font-size:11px;position:absolute;bottom:20px;left:22px}.duration{color:#73796f;font:11px ui-monospace,monospace;position:absolute;top:20px;right:20px}.playback{max-width:440px;margin:auto}#status{text-align:center;color:#657063;min-height:18px;margin:18px 0 8px;font-size:12px}.timeline{align-items:center;gap:12px;font:10px ui-monospace,monospace;display:flex}.timeline input{accent-color:#2c3638;flex:1;min-width:30px}.transport{justify-content:center;align-items:center;gap:36px;margin:15px 0 23px;display:flex}.play{color:#f6f1e6;background:#2c3638;border:0;border-radius:50%;place-items:center;width:76px;height:76px;transition:transform .14s;display:grid;box-shadow:0 5px #1b27281a}.play:active{transform:scale(.96)}.play:disabled{opacity:.45;cursor:wait}.minor{background:0 0;border:0;width:46px;height:46px;font-size:28px}.minor:active{transform:scale(.95)}details{text-align:center;font-size:13px}summary{cursor:pointer;color:#72776e;list-style-position:inside}#message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:20px;line-height:1.5}footer{color:#83877c;letter-spacing:.2px;justify-content:space-between;margin-top:48px;font-size:10px;display:flex}.error{color:#b74832!important}.page-copy{margin:36px 0;font-size:16px;line-height:1.7}.page-copy h1{font-size:36px}.page-copy a{text-decoration:underline}@media (width<=520px){main{padding:20px 22px}.intro{padding-top:35px}h1{font-size:42px}.stage-wrap{height:285px}.brand{font-size:43px}footer{margin-top:32px}}@media (prefers-reduced-motion:reduce){button{transition:none!important}}