*{box-sizing:border-box}body{margin:0;background:#030612;color:#eaf6ff;font:15px/1.55 system-ui,sans-serif}main{max-width:1440px;margin:auto;padding:24px}a{color:#9cecff;text-decoration:none}a:hover{text-decoration:underline}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{color:#eaf6ff;letter-spacing:.12em;font-weight:750;font-size:13px}.brand span{color:#43dfea;margin-left:5px}.intro{margin:42px 0 24px}.intro h1{font-size:clamp(25px,4vw,42px);line-height:1.15;margin:8px 0 12px;letter-spacing:-.04em}.intro p,footer{color:#9cacbf}.eyebrow{font-size:11px;letter-spacing:.25em;color:#80e4ff!important}#stage{position:relative;background:#030813;border:1px solid #162638;border-radius:16px;overflow:hidden}#poster{position:relative;isolation:isolate;min-height:430px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 70%,#123a65,transparent 55%),radial-gradient(ellipse at 80% 20%,#281844,transparent 55%);text-align:center;overflow:hidden;padding:40px}#poster[hidden],#screen[hidden]{display:none}#poster strong{font-size:clamp(80px,14vw,180px);font-weight:850;line-height:1.1;letter-spacing:-.06em;color:#ddf6ff;text-shadow:0 0 60px #327ba9}.orbit{position:absolute;width:65%;aspect-ratio:1;max-width:640px;border:1px solid #327eab88;border-radius:50%;transform:rotateX(60deg) rotateZ(-25deg);box-shadow:0 0 45px #228bad33,inset 0 0 45px #228bad33;z-index:-1}button,select{font:inherit;color:#e8f8ff;background:#0d1828;border:1px solid #294056;border-radius:8px;min-height:44px;padding:9px 14px;cursor:pointer}button:hover{border-color:#69d8f5}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid #92f5ff;outline-offset:3px}.primary{background:#b5f5ff;color:#04121d;border-color:#b5f5ff;font-weight:700;min-width:110px}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;background:#08111fe6}.controls input{flex:1;min-width:120px;accent-color:#9be9ff;min-height:44px}.controls output{font-size:12px;font-variant-numeric:tabular-nums}.speed{font-size:12px;color:#9cacbf}#screen{display:block;width:100%;height:auto;max-height:calc(100svh - 320px);object-fit:contain;aspect-ratio:16/9}#screen.vertical{width:auto;height:auto;max-height:calc(100svh - 150px);max-width:100%;aspect-ratio:9/16;margin:auto}#stage:fullscreen{display:flex;flex-direction:column;justify-content:center}#stage:fullscreen #screen{object-fit:contain;max-height:calc(100vh - 105px)}#status{color:#9cacbf;font-size:13px;min-height:21px}#chapters{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px}#chapters button{flex:0 0 auto;max-width:270px;text-align:left;font-size:12px}#chapters button[aria-current=true]{border-color:#61c9e9;background:#102d41}details{margin:26px 0;border-top:1px solid #233145;padding-top:24px}summary{cursor:pointer;min-height:44px}details section{max-width:800px}details p{color:#b5c6d8}footer{font-size:12px;margin:30px 0 10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){main{padding:14px}header{font-size:12px}.brand{font-size:10px}.intro{margin:30px 0 18px}#poster{min-height:380px;padding:24px}.controls{gap:8px;padding:10px}.controls input{order:5;flex-basis:65%}.controls output{order:6}button,select{padding:8px 10px;font-size:12px}#fullscreen{margin-left:auto}}