/* Public monitor — the same visual language as the private command center. */
:root{--cyan:var(--accent);--dim:var(--subtle);--gold:var(--amber)}
body{background-image:radial-gradient(ellipse at 50% 26%,#162b362b,transparent 55%)}
.grid{position:fixed;inset:0;background-image:linear-gradient(#83c9d003 1px,transparent 1px),linear-gradient(90deg,#83c9d003 1px,transparent 1px);background-size:56px 56px;pointer-events:none;z-index:-1}
.site-header{height:88px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line-soft);background:#080d12d9}
.brand{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none;font:600 12px/1.4 var(--font-sans);letter-spacing:.18em;white-space:nowrap}
.brand small{display:block;font:9px/1.5 var(--font-mono);letter-spacing:.16em;color:var(--subtle);margin-top:4px}
.header-channel{display:flex;align-items:center;gap:18px;font:10px var(--font-mono);letter-spacing:.15em;color:var(--subtle)}
.channel-line{width:28px;height:1px;background:var(--line)}
.header-status{display:flex;align-items:center;gap:26px}.connection{display:flex;align-items:center;gap:9px;font:11px var(--font-mono);color:var(--muted)}
.connection i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #77dce440}body[data-connection=stale] .connection{color:var(--amber)}body[data-connection=stale] .connection i{background:var(--amber);box-shadow:none}
#clock{font:12px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);border-left:1px solid var(--line);padding-left:26px}
main{width:min(1440px,100%);margin:auto;padding:0 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 0 28px}.eyebrow{color:var(--subtle)}
h1{font-weight:450;font-size:32px;line-height:1.2;letter-spacing:-1.2px;margin:10px 0 0}h1>span{color:var(--accent)}
.heading-note{display:flex;flex-direction:column;gap:7px;text-align:right}.heading-note .label{color:var(--subtle)}#channel-state{font-size:12px;color:var(--muted)}
.preview-notice{display:flex;align-items:center;gap:14px;padding:14px 20px;border:1px solid #dcb67b44;background:#dcb67b08;color:var(--amber);margin:0 0 18px;font:11px var(--font-mono);border-radius:var(--radius)}.preview-notice small{font:12px var(--font-sans);color:var(--muted);margin-left:12px}.preview-notice a{margin-left:auto;font:12px var(--font-sans);color:var(--amber);white-space:nowrap}.preview-symbol{font-size:20px}
.observatory{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,#101820a0,#0b1219d9);position:relative;overflow:hidden;box-shadow:0 15px 70px #0000001a;animation:console-in .7s ease both}
.observatory:before{content:'';position:absolute;top:-1px;left:32px;width:100px;height:1px;background:var(--accent);box-shadow:0 0 15px #77dce43d;z-index:2}
.observatory-bar{height:45px;padding:0 25px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;font:9px var(--font-mono);letter-spacing:.12em;color:var(--subtle)}.observatory-bar>span{display:flex;align-items:center;gap:10px}.observatory-bar .status-dot{width:4px;height:4px;flex-basis:4px;color:var(--accent);box-shadow:none}.bar-divider{width:1px;height:10px;background:var(--line);margin:0 5px}#phase-code{color:var(--muted)}
.hero{display:grid;grid-template-columns:230px minmax(0,1fr) 230px;align-items:center;gap:28px;padding:32px 30px 20px;min-height:540px}
.telemetry,.transmission{min-width:0}.label{color:var(--subtle)}
.identity{display:flex;gap:13px;align-items:center;margin:0 0 26px}.identity-monogram{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #77dce42b;border-radius:8px;background:#77dce405;color:var(--accent);font:12px var(--font-mono);letter-spacing:.05em}.identity .label{font-size:9px}.identity h2{font-size:17px;font-weight:500;line-height:1.3;letter-spacing:-.4px;margin:5px 0 0;overflow-wrap:anywhere}
.phase-block{padding:20px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.phase-block strong{display:block;color:var(--accent);font-size:17px;font-weight:450;line-height:1.4;margin:9px 0}.phase-block p{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:27ch}.telemetry-details{margin:0;padding:3px 0}.telemetry-details>div{padding:17px 0 0}.telemetry-details dt{font:9px var(--font-mono);letter-spacing:.09em;color:var(--subtle)}.telemetry-details dd{font:11px/1.7 var(--font-mono);color:var(--muted);margin:7px 0 0;overflow-wrap:anywhere}
.signal-wave{margin-top:19px;color:var(--subtle)}.signal-wave svg{width:100%;height:38px}.signal-wave path{fill:none;stroke:var(--accent);stroke-width:1;opacity:.55}.signal-wave .wave-baseline{stroke:var(--line);opacity:1}.signal-wave span{font:8px var(--font-mono);letter-spacing:.14em}.public-console[data-phase=paused] .signal-wave path:not(.wave-baseline){opacity:.18}
.transmission{padding-left:6px}.source-heading{display:flex;align-items:center;gap:12px;margin:18px 0 15px}.source-heading h2{font-size:16px;line-height:1.2;margin:0 0 6px;font-weight:450}.source-heading>div>span{font:10px var(--font-mono);color:var(--muted)}.device-symbol{width:27px;height:39px;border:1px solid #526371;border-radius:6px;display:grid;align-items:end;justify-items:center;padding:5px;flex:0 0 27px}.device-symbol span{width:9px;height:2px;background:var(--accent);border-radius:1px}
.presence-readout{border-left:2px solid var(--line);padding:1px 0 1px 13px}.presence-readout strong{display:block;font-size:12px;line-height:1.6;font-weight:450;color:var(--muted)}.presence-readout small{display:block;font:9px/1.7 var(--font-mono);color:var(--subtle);margin-top:6px;overflow-wrap:anywhere}.presence-readout time{display:block;font:10px/1.7 var(--font-mono);color:var(--muted);margin-top:3px}.presence-explanation{font-size:11px;line-height:1.7;color:var(--subtle);margin:13px 0 24px}
body[data-presence=recent] .presence-readout,body[data-presence=online] .presence-readout{border-color:var(--success)}body[data-presence=recent] .presence-readout strong,body[data-presence=online] .presence-readout strong{color:var(--success)}
.transmission-status{padding-top:19px;border-top:1px solid var(--line-soft)}.transmission-status strong{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:450;color:var(--muted);margin-top:10px}.transmission-status i{width:5px;height:5px;border:1px solid var(--subtle);border-radius:50%;flex:0 0 5px}#intro{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0 0;overflow-wrap:anywhere}
.projection-stage{min-width:0;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 52%,#44b8d00a,transparent 65%)}
.hologram{position:relative;height:470px;width:100%;max-width:480px;margin:auto;display:grid;place-items:center;perspective:600px;transform-style:preserve-3d}
.model-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;filter:none;pointer-events:none;display:none}.render-ready .model-canvas{display:block}
.orbit{position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);pointer-events:none}.orbit-one{width:390px;height:390px;top:18px;border:1px dashed #56d6e926;animation:orbit 65s linear infinite}.orbit-two{width:348px;height:348px;top:39px;border:1px solid #44bcd425;border-top-color:#7fe7edaa;border-bottom-color:#7fe7ed77;animation:orbit 80s linear infinite reverse}.orbit-three{width:426px;height:426px;top:0;border:1px solid #65b7c817;box-shadow:0 0 0 8px #358c9b04,0 0 50px #15cce506 inset}.orbit-four{width:320px;height:320px;top:53px;border:1px solid #64e9fa20;animation:tilt-orbit 35s linear infinite;opacity:.5}

.projection{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);width:280px;height:285px;background:linear-gradient(0deg,#28c7df1a,transparent 85%);clip-path:polygon(27% 100%,73% 100%,100% 0,0 0);opacity:.6}
.platform{position:absolute;bottom:25px;left:50%;width:310px;height:70px;transform:translateX(-50%);border:1px solid #83f3fa66;border-radius:50%;box-shadow:0 0 0 7px #36dae611,0 0 0 8px #56dbe933,0 0 0 19px #38afbc05,0 0 30px #00e1ff1a inset;background:radial-gradient(ellipse,#82e6ec16,transparent 60%)}.platform:after{content:'';position:absolute;inset:12px 30px;border:1px dashed #83f3fa33;border-radius:50%}.platform:before{content:'';position:absolute;inset:-12px;border:1px dashed #4cf1ff28;border-radius:50%;animation:platform-pulse 7s linear infinite}
.holo-axis{position:absolute;left:50%;top:48%;width:min(420px,100%);height:1px;background:linear-gradient(90deg,transparent,#70dae618,transparent);transform:translateX(-50%)}.axis-y{transform:translateX(-50%) rotate(90deg)}.holo-scanner{position:absolute;top:60px;left:20%;width:60%;height:1px;background:linear-gradient(90deg,transparent,#a5fbff66,transparent);box-shadow:0 0 9px #3ce5f544;animation:holo-scan 10s ease-in-out infinite;z-index:4;opacity:.35}.holo-data{position:absolute;font:7px/2 var(--font-mono);letter-spacing:.08em;color:#487a88;z-index:4}.data-left{left:0;bottom:75px}.data-right{right:0;top:46px}.holo-tag{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);font:8px var(--font-mono);color:var(--subtle);letter-spacing:.13em;white-space:nowrap}.holo-tag span{color:var(--muted);margin-left:12px}.coord{display:none}.cross{position:absolute;width:10px;height:10px;border-top:1px solid #77dce44d;border-left:1px solid #77dce44d}.cross-one{top:15px;left:4px}.cross-two{right:4px;bottom:47px;transform:rotate(180deg)}.ruler{position:absolute;width:3px;height:90px;top:175px;background:repeating-linear-gradient(0deg,#83f3fa28 0 1px,transparent 1px 10px)}.ruler-left{left:0}.ruler-right{right:0}
.countdown-panel{margin:22px 30px 28px;border-top:1px solid var(--line);padding-top:24px}.count-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}#count-state{font:9px var(--font-mono);letter-spacing:.12em;color:var(--accent)}.count-body{display:flex;gap:45px;align-items:center;justify-content:space-between;padding:14px 0 23px}.countdown{display:flex;gap:25px;align-items:start;font-variant-numeric:tabular-nums}.countdown>div{min-width:70px}.countdown b{font:300 54px/1.3 var(--font-mono);letter-spacing:-.055em;color:var(--text)}.countdown small{display:block;font:9px var(--font-mono);letter-spacing:.12em;color:var(--subtle);margin-top:5px}.countdown em{font:24px/2.6 var(--font-mono);color:#354853;font-style:normal}.count-context{max-width:280px;border-left:1px solid var(--line-soft);padding-left:25px}.count-context p{font-size:12px;line-height:1.7;color:var(--muted);margin:7px 0 9px}.count-context #percent{font:10px var(--font-mono);color:var(--accent)}.progress-track{height:2px;background:var(--line-soft);border-radius:2px;overflow:hidden}.progress-track>div{height:2px;width:0;background:var(--accent);transition:width 1s linear}
.protocol-flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin:22px 0;border:1px solid var(--line-soft);border-radius:var(--radius);background:#10182040}.protocol-flow>div{display:flex;gap:16px;padding:23px 25px;align-items:start;position:relative}.protocol-flow>div+div{border-left:1px solid var(--line-soft)}.step-number{font:11px/1.8 var(--font-mono);color:var(--subtle)}.protocol-flow h3{margin:0;font-size:13px;font-weight:450;color:var(--muted)}.protocol-flow p{font-size:11px;color:var(--subtle);line-height:1.7;margin:5px 0 0}.step-state{position:absolute;top:29px;right:20px;width:4px;height:4px;border-radius:50%;background:var(--line)}.protocol-flow .active .step-number,.protocol-flow .active h3{color:var(--accent)}.protocol-flow .active .step-state{background:var(--accent);box-shadow:0 0 10px #77dce440}
.locked{display:flex;align-items:center;gap:15px;padding:17px 4px 36px;color:var(--muted)}.lock-icon{width:17px;height:14px;border:1px solid var(--subtle);border-radius:2px;position:relative;margin:7px 3px 0;flex:0 0 17px}.lock-icon:before{content:'';position:absolute;left:3px;top:-8px;width:9px;height:8px;border:1px solid var(--subtle);border-bottom:0;border-radius:6px 6px 0 0}.locked strong{font-size:12px;font-weight:450}.locked small{display:block;font-size:11px;color:var(--subtle);margin-top:4px}.lock-end{margin-left:auto;font:9px var(--font-mono);letter-spacing:.08em;white-space:nowrap}
.final-message{border:1px solid #dcb67b3a;border-radius:var(--radius);background:linear-gradient(130deg,#dcb67b08,#101820);padding:34px 40px;margin:24px 0 40px}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--subtle);font:9px var(--font-mono)}.message-meta .label{color:var(--amber)}.final-message h2{font-size:30px;font-weight:450;letter-spacing:-.7px;margin:24px 0;color:var(--text)}.final-message>p{white-space:pre-wrap;font-size:15px;line-height:1.9;color:var(--muted);max-width:75ch;overflow-wrap:anywhere}.final-message>a{display:inline-flex;gap:35px;border:1px solid #dcb67b44;border-radius:6px;padding:11px 16px;margin-top:20px;color:var(--amber);text-decoration:none;font-size:12px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:8px;padding:23px 40px;border-top:1px solid var(--line-soft);font:9px var(--font-mono);letter-spacing:.06em;color:var(--subtle)}.site-footer i{font-style:normal;color:var(--line);margin:0 8px}
.hud-hologram.has-transmission{margin-bottom:90px}.hud-hologram.showing-caption{margin-bottom:270px}.holo-transmission-control{position:absolute;bottom:-78px;left:50%;transform:translateX(-50%);width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:8}.holo-render-state{color:var(--subtle);font:8px var(--font-mono);letter-spacing:.1em}.holo-play{background:#12232a;border:1px solid #77dce440;color:var(--accent);font:10px var(--font-mono);letter-spacing:.03em;padding:12px 18px;transition:background .2s,box-shadow .2s}.holo-play:hover{background:#19313a;box-shadow:0 0 20px #20c9ef15}.holo-caption{position:absolute;top:calc(100% + 14px);width:min(440px,90vw);max-height:160px;overflow:auto;padding:16px 21px;background:var(--surface);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:6px;color:var(--text);font:13px/1.8 var(--font-sans);white-space:pre-wrap;text-align:left;letter-spacing:0}.transmitting .projection{opacity:1}.transmitting .holo-render-state{color:var(--accent)}
body.final{--accent:var(--amber);--cyan:var(--amber)}body.final .phase-block strong{color:var(--amber)}body.final .model-canvas{opacity:.8;filter:drop-shadow(0 0 4px #e4bc8044)}body.final .orbit-two{border-top-color:#e4bc8088;border-bottom-color:#e4bc8066}body.final .platform{border-color:#dcb67b66}body.final .holo-scanner{display:none}body.final .transmission-status i{background:var(--amber);border-color:var(--amber)}body[data-phase=grace] .phase-block strong{color:var(--amber)}
@keyframes orbit{to{transform:translateX(-50%) rotate(360deg)}}@keyframes tilt-orbit{from{transform:translateX(-50%) rotateX(67deg) rotateY(-19deg) rotateZ(0)}to{transform:translateX(-50%) rotateX(67deg) rotateY(-19deg) rotateZ(360deg)}}@keyframes platform-pulse{from{transform:scale(.95);opacity:.6}to{transform:scale(1.2);opacity:0}}@keyframes holo-scan{0%,100%{transform:translateY(0);opacity:.12}50%{transform:translateY(270px);opacity:.55}}@keyframes console-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1450px){.hero{grid-template-columns:250px minmax(0,1fr) 250px;gap:32px;padding:36px 38px 22px}.countdown-panel{margin-left:38px;margin-right:38px}}
@media(max-width:1180px){.hero{grid-template-columns:200px minmax(0,1fr) 190px;gap:20px;padding:25px 24px}.hologram{height:430px;max-width:400px}.orbit-one{width:330px;height:330px;top:35px}.orbit-two{width:300px;height:300px;top:50px}.orbit-three{width:358px;height:358px;top:21px}.orbit-four{width:280px;height:280px;top:60px}.platform{width:270px;height:60px}.holo-data,.ruler{display:none}.countdown{gap:18px}.countdown b{font-size:48px}.countdown>div{min-width:60px}.hero{min-height:500px}.count-context{max-width:245px}}
@media(max-width:980px){.site-header{padding:0 24px}.header-channel{display:none}main{padding:0 24px}.hero{grid-template-columns:220px minmax(0,1fr);gap:22px}.transmission{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 25px;border-top:1px solid var(--line-soft);padding:22px 0 0}.transmission>.label{grid-column:1}.source-heading{grid-column:1;margin:4px 0;grid-row:2/4}.presence-readout{grid-column:2;grid-row:1/4}.presence-explanation{grid-column:2;grid-row:4;margin:0}.transmission-status{grid-column:3;grid-row:1/3;border-top:0;padding-top:0}#intro{grid-column:3;grid-row:3/5;margin-top:0}.hero{padding-bottom:0}.count-context{max-width:210px}.countdown{gap:14px}.countdown b{font-size:40px}.countdown>div{min-width:52px}.countdown em{font-size:20px}.protocol-flow>div{gap:10px;padding:20px 15px}.protocol-flow p{font-size:10px}.step-state{display:none}.lock-end{display:none}.site-footer{padding:22px 24px}.preview-notice small{display:block;margin:5px 0 0}}
@media(max-width:700px){.site-header{height:76px;padding:0 20px;gap:10px}.brand{font-size:10px;letter-spacing:.13em;gap:10px}.brand small{font-size:8px}.brand-mark{width:33px;height:33px;flex-basis:33px}.connection{font-size:10px;gap:6px}#clock{display:none}main{padding:0 16px}.page-heading{padding:27px 4px 22px;align-items:start}.page-heading h1{font-size:26px;letter-spacing:-.8px}.page-heading .eyebrow{font-size:9px}.heading-note{display:none}.preview-notice{padding:13px;flex-wrap:wrap;gap:9px}.preview-notice a{margin-left:29px}.observatory-bar{padding:0 18px;font-size:8px}.hero{display:flex;flex-direction:column;gap:0;padding:24px 18px 0}.telemetry{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.identity{grid-column:1/-1;margin-bottom:20px}.identity h2{font-size:19px}.phase-block{border-bottom:0;padding:17px 0;grid-column:1/-1}.phase-block strong{font-size:19px;margin:8px 0 6px}.phase-block p{max-width:none;font-size:12px}.telemetry-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;grid-column:1/-1;padding-bottom:5px}.telemetry-details>div{padding-top:8px}.telemetry-details dt{font-size:8px}.telemetry-details dd{font-size:10px}.signal-wave{display:none}.projection-stage{width:100%;padding:18px 0 22px;overflow:visible}.hologram{height:370px;max-width:350px}.orbit-one{width:280px;height:280px;top:26px}.orbit-two{width:252px;height:252px;top:40px}.orbit-three{width:306px;height:306px;top:13px}.orbit-four{width:240px;height:240px;top:46px}.platform{width:235px;height:48px;bottom:24px}.projection{width:220px;height:235px;bottom:41px}.holo-axis{width:290px}.holo-scanner{top:30px}.holo-tag{font-size:7px;bottom:-3px}.cross{display:none}.transmission{width:100%;grid-template-columns:1fr 1fr;gap:9px 18px;padding:23px 0 0}.source-heading{grid-row:2;grid-column:1;gap:10px}.source-heading h2{font-size:15px}.source-heading>div>span{font-size:9px}.presence-readout{grid-column:2;grid-row:1/3;padding-left:10px}.presence-readout strong{font-size:11px}.presence-readout small{font-size:8px}.presence-readout time{font-size:9px}.presence-explanation{grid-column:1/-1;grid-row:3;margin:5px 0 12px;font-size:11px}.transmission-status{grid-column:1/-1;grid-row:4;border-top:1px solid var(--line-soft);padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.transmission-status .label{font-size:9px}.transmission-status strong{font-size:11px;margin:0}#intro{grid-column:1/-1;grid-row:5;font-size:12px;margin:4px 0 0}.countdown-panel{margin:23px 18px;padding-top:22px}.count-heading{align-items:start;gap:15px}.count-heading .label{font-size:9px;max-width:65%}#count-state{font-size:8px;text-align:right}.count-body{flex-direction:column;align-items:stretch;gap:18px;padding:21px 0}.countdown{justify-content:space-between;gap:8px}.countdown>div{min-width:0}.countdown b{font-size:clamp(30px,8vw,43px);letter-spacing:-.06em}.countdown small{font-size:8px;margin-top:7px}.countdown em{font-size:18px;line-height:2.5}.count-context{max-width:none;border-left:0;padding:0;display:flex;gap:12px;align-items:center}.count-context .label{display:none}.count-context p{font-size:11px;margin:0}.count-context #percent{margin-left:auto;white-space:nowrap}.protocol-flow{grid-template-columns:1fr;margin:16px 0}.protocol-flow>div{padding:17px 20px;gap:16px}.protocol-flow>div+div{border-left:0;border-top:1px solid var(--line-soft)}.protocol-flow h3{font-size:12px}.protocol-flow p{font-size:11px;margin-top:3px}.step-state{display:block;top:23px}.locked{align-items:start;padding:15px 6px 29px;gap:13px}.locked small{line-height:1.7;font-size:11px}.site-footer{padding:22px 20px;gap:13px;flex-wrap:wrap;font-size:8px}.site-footer>span:last-child{display:none}.final-message{padding:25px 22px}.message-meta>span:last-child{display:none}.final-message h2{font-size:25px}.final-message>p{font-size:14px}.hud-hologram.has-transmission{margin-bottom:90px}.hud-hologram.showing-caption{margin-bottom:275px}.holo-play{font-size:9px}.holo-render-state{font-size:7px}.holo-caption{width:min(440px,calc(100vw - 70px));font-size:12px}.holo-axis.axis-y{max-width:300px}}
@media(max-width:370px){.connection{max-width:83px;line-height:1.5}.site-header{padding:0 16px}.brand small{font-size:7px}.orbit-three{width:275px;height:275px;top:28px}.orbit-one{width:260px;height:260px;top:36px}.orbit-two{width:238px;height:238px;top:47px}.holo-axis{width:260px}.holo-tag{letter-spacing:.06em}.hologram{height:350px}.transmission-status{align-items:start}.transmission-status strong{max-width:120px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.holo-scanner{display:none}.progress-track>div{transition:none}}
@media(max-width:700px){.observatory{display:flex;flex-direction:column}.observatory-bar{order:0;flex-shrink:0}.countdown-panel{order:1;margin-bottom:0;border-top:0;border-bottom:1px solid var(--line);padding-bottom:20px}.hero{order:2;padding-top:22px;padding-bottom:23px}}

.final-video{display:block;width:100%;max-height:75vh;margin:24px auto;background:#000;border:1px solid var(--line);border-radius:8px}.final-video[hidden]{display:none}

.holo-motion-controls{width:100%;text-align:center;margin:18px 0 0;position:relative;z-index:9}.holo-motion-button{background:#12232a;border:1px solid #77dce440;color:var(--accent);font:10px var(--font-mono);padding:11px 16px;border-radius:5px;cursor:pointer}.holo-motion-button[aria-pressed="true"]{border-color:var(--accent)}.holo-motion-button:disabled{opacity:.6}.holo-motion-status{font:10px/1.6 var(--font-sans);color:var(--subtle);margin:8px auto 0;max-width:290px}@media(min-width:701px) and (pointer:fine){.holo-motion-controls{display:none}}