:root{color-scheme:dark;--violet:#1b2978;--white:#fff;--ink:#fff;--muted:rgba(255,255,255,.64);--display:"Inter Tight","Helvetica Neue","Yu Gothic",sans-serif;--body:"Inter","Helvetica Neue",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070c18;color:var(--white);font-family:var(--body);font-weight:400}main{width:100%}.hero{height:82svh;min-height:610px;max-height:850px;position:relative;isolation:isolate;overflow:hidden}.atmosphere{position:absolute;inset:0;z-index:-2;background:#091321 url('atmosphere.webp') center 57%/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,8,18,.4),rgba(3,8,18,.05) 45%,#070c18 100%),linear-gradient(90deg,rgba(2,8,17,.42),rgba(2,8,17,.18));pointer-events:none}header{position:absolute;top:35px;left:6%;right:6%;height:25px;display:flex;justify-content:center;align-items:center}.brand{color:#fff;text-decoration:none;font-size:11px;letter-spacing:.32em;line-height:2}.tag{position:absolute;right:0;font-size:9px;letter-spacing:.28em;opacity:.8}.intro{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:90%;text-align:center}.eyebrow{font-size:10px;letter-spacing:.24em;line-height:2.4;color:var(--muted)}.intro h1{font-family:var(--display);font-size:clamp(48px,6.5vw,80px);font-weight:200;line-height:1.22;letter-spacing:-.04em;margin:26px 0 24px}.intro p{font-size:12px;line-height:2;letter-spacing:.045em;opacity:.78}.transport{position:absolute;bottom:76px;left:50%;transform:translateX(-50%);width:min(760px,86%);display:flex;align-items:center;justify-content:space-between;gap:24px}.transport>div{width:170px}.live{font-size:10px;letter-spacing:.1em;color:var(--muted);margin-bottom:9px}.live.active{color:#fff}.elapsed{font-size:14px;letter-spacing:.16em;font-variant-numeric:tabular-nums}.play{background:transparent;border:1px solid var(--violet);border-radius:999px;color:white;font-size:13px;letter-spacing:.14em;padding:20px 32px;min-width:240px;cursor:pointer;transition:border-color .25s,background .25s}.play:hover{border-color:#fff;background:#ffffff06}.refresh{width:48px;height:48px;border:1px solid var(--violet);border-radius:50%;background:none;color:white;font-size:25px;cursor:pointer;margin-left:122px;transition:border-color .25s}.refresh:hover{border-color:#fff}.scene-caption{position:absolute;bottom:26px;left:6%;right:6%;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px;letter-spacing:.2em}.console{max-width:1100px;margin:0 auto;padding:56px 60px 48px;background:transparent}.section-heading{margin-bottom:35px}.section-heading h2{font-family:var(--display);font-size:30px;letter-spacing:-.025em;line-height:1.3;font-weight:300;margin:13px 0 0}.presets{display:flex;gap:14px;margin-bottom:48px}.presets button{flex:1;border:1px solid var(--violet);border-radius:20px;background:none;color:var(--muted);font-size:12px;padding:15px 16px;cursor:pointer;transition:color .25s,border-color .25s}.presets button:hover,.presets button.selected{color:#fff;border-color:#fff}.controls{display:grid;grid-template-columns:1fr 1fr;gap:35px 60px}.controls label>span{display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.5}.controls small{font-size:8px;letter-spacing:.2em;color:var(--muted)}.controls output{font-size:12px;margin-left:auto;color:var(--muted)}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:2px;background:#24326e;margin:24px 0 9px;cursor:pointer;border-radius:0}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:#fff}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#fff}input[type=range]::-moz-range-track{height:2px;background:#24326e}.bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;border-top:1px solid #1b2978;padding-top:25px;font-size:12px;color:var(--muted)}select{background:#070c18;border:1px solid var(--violet);color:white;border-radius:20px;padding:9px 15px;margin-left:15px;cursor:pointer;font:inherit}#message{font-size:11px;color:var(--muted);line-height:1.8;margin:22px 0 0;min-height:20px}footer{text-align:center;color:var(--muted);font-size:11px;line-height:2.1;padding:20px 24px 40px}.footer-brand{display:block;letter-spacing:.32em;font-size:9px;margin-top:30px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:6px}button:disabled{opacity:.5;cursor:wait}@media(min-width:1000px){.playing .atmosphere{animation:drift 40s ease-in-out infinite alternate}}@keyframes drift{to{transform:scale(1.035)}}@media(max-width:700px){.hero{height:82svh;min-height:570px;max-height:730px}.atmosphere{background-position:66% center}header{top:27px}.tag{display:none}.intro{top:42%}.intro h1{font-size:50px;line-height:1.3;margin:24px 0}.intro p{font-size:11px;padding:0 18px}.eyebrow{font-size:8px}.transport{bottom:75px;width:88%;gap:12px;flex-wrap:wrap}.transport>div{width:calc(100% - 65px);order:2;display:flex;align-items:center;justify-content:space-between}.live{margin:0;font-size:9px}.elapsed{font-size:11px}.play{width:100%;min-width:0;margin-bottom:15px;padding:18px;order:1}.refresh{width:35px;height:35px;margin:0;order:3;font-size:22px}.scene-caption{font-size:8px;letter-spacing:.1em;bottom:24px}.scene-caption>span:last-child{font-size:7px}.console{padding:36px 26px}.section-heading h2{font-size:25px}.presets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:38px}.presets button{padding:13px 8px}.controls{grid-template-columns:1fr;gap:27px}.bottom{margin-top:36px;flex-wrap:wrap;font-size:11px}.bottom select{margin-left:12px}footer{font-size:10px}}@media(max-width:360px){.intro h1{font-size:43px}.controls small{font-size:7px;letter-spacing:.1em}.controls label>span{gap:8px}.scene-caption>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.atmosphere{animation:none!important}button{transition:none}}