.video-page main{max-width:1200px;padding-top:24px}
.mode-nav{display:flex;gap:5px;margin-left:auto;padding:4px;border:1px solid #626d9f;border-radius:24px}
.mode-nav a{padding:8px 19px;border-radius:19px;color:#c8cdeb;text-decoration:none;font-size:14px;font-weight:700}
.mode-nav a[aria-current]{color:#101438;background:#ffe183}
.cinema-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 24px}
.cinema-heading h1{font-size:clamp(32px,5vw,48px);margin:0 0 8px;letter-spacing:-1.5px}
.cinema-heading p{font-size:16px;margin:0}.cinema-moon{font-size:70px;color:#ffe183;line-height:1;margin-right:12px}
.video-form{margin-top:20px}.video-form>label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.url-row{display:flex;gap:10px}.url-row input{flex:1;min-width:0}
.video-page :is(input,select){font:inherit;color:#f7f4ff;background:#10183c;border:1px solid #7485b0;border-radius:9px;padding:11px;color-scheme:dark}
.video-page button:not(.primary){font:inherit;font-size:13px;color:#f7f4ff;background:#303e76;border:1px solid #7485b0;border-radius:10px;padding:11px 15px;min-height:44px}
.video-page button:hover:enabled:not(.primary){background:#46568d}
#video-error{display:block;color:#ffb9c6;font-size:13px;margin-top:8px}
.video-input-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 10px}
.video-input-row label{font-size:13px}.video-input-row select{margin-left:8px}
#video-rpm{margin-left:auto;color:#79e4d5;font-weight:800;font-variant-numeric:tabular-nums}
#video-sensor-status,.setup-note{font-size:12px;margin:6px 0;line-height:1.5}.setup-note{color:#a6b0d9}
.cinema{border:1px solid #626d9f;border-radius:24px;overflow:hidden;background:#18214c;box-shadow:0 20px 65px #02072640}
.screen{position:relative;aspect-ratio:16/9;background:#000;isolation:isolate}
#player-host,#player-host iframe{width:100%;height:100%;border:0;display:block}
#video-shade{position:absolute;inset:0;background:#000;opacity:1;pointer-events:none;z-index:2}
#screen-prompt{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;text-align:center;padding:25px;z-index:3;background:radial-gradient(ellipse at 50% 65%,#283b65,#10182f 75%);pointer-events:none}
#screen-prompt[hidden]{display:none}#screen-prompt>span{font-size:85px;line-height:1;color:#ffe183}
#screen-prompt h2{font-size:26px;margin:24px 0 10px}#screen-prompt p{max-width:35ch;font-size:15px;margin:0}
.cinema-dashboard{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px 12px}
.battery-group{display:flex;align-items:center;gap:20px}.battery-group strong{font-size:25px;font-variant-numeric:tabular-nums}.seconds-unit{font-size:13px;color:#c8cdeb;font-weight:500}
#battery-caption{display:block;font-size:12px;color:#c8cdeb;margin-top:5px}
.video-battery{position:relative;width:99px;height:49px;border:3px solid #9eaed0;border-radius:9px;padding:4px;flex-shrink:0}
.video-battery::after{content:"";position:absolute;right:-9px;top:12px;width:6px;height:19px;border-radius:0 4px 4px 0;background:#9eaed0}
#video-battery-fill{height:100%;width:0;background:#79e4d5;border-radius:3px}
.video-battery span{position:absolute;inset:0;display:grid;place-items:center;font-size:35px;color:white;text-shadow:0 1px 4px #101438}
.cinema-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.cinema-buttons .primary{font-size:15px;padding:12px 18px 9px;gap:0;border-radius:11px;min-height:44px}
.video-status{padding:0 26px 20px;margin:0;font-size:14px;min-height:42px;color:#ffe183}
.cinema-help{display:flex;align-items:center;gap:20px;margin-top:18px}.cinema-help p{font-size:13px;max-width:75ch;margin:0}.cinema-help button{flex-shrink:0}
.video-page [hidden]{display:none!important}.video-page footer a{color:#c8cdeb}
.cinema:fullscreen{border:0;border-radius:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;background:#101438}
.cinema:fullscreen .screen{width:100%;max-height:calc(100dvh - 150px);flex:1;min-height:0;aspect-ratio:auto}
.cinema:fullscreen .cinema-dashboard{flex-shrink:0}.cinema:fullscreen .video-status{flex-shrink:0}
@media(max-width:780px){.cinema-dashboard{flex-direction:column;align-items:flex-start;gap:18px}.cinema-buttons{width:100%}.cinema-buttons .primary{width:auto}.cinema-heading{margin-top:18px}.video-page .mode-nav a{padding:8px 13px}}
@media(max-width:480px){.video-page .brand{font-size:15px;gap:6px}.mode-nav{margin-left:0}.cinema-heading p{font-size:13px}.cinema-moon{font-size:50px}.url-row{flex-wrap:wrap}.url-row input{flex-basis:100%}.cinema{border-radius:16px}.cinema-dashboard{padding:18px 16px 12px}.video-status{padding:0 16px 16px}.cinema-help{align-items:flex-start;flex-direction:column}#screen-prompt>span{font-size:38px}#screen-prompt h2{font-size:19px;margin:8px 0}#screen-prompt p{font-size:12px}.video-page footer{flex-wrap:wrap}}