:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f4ec;font-synthesis:none;text-rendering:optimizelegibility;background:#101512;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(#3753434d,#10151200 38%),#101512;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1400px,100%);min-height:100vh;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) 360px;gap:22px;margin:0 auto;display:grid}.stage{grid-template-rows:auto minmax(260px,1fr) auto;min-width:0;min-height:calc(100vh - 36px);display:grid}.topbar,.button-row,.timeline-row,.brand,.cast-pill,.section-heading,.facts div,.url-loader label{align-items:center;display:flex}.topbar{justify-content:space-between;gap:12px;min-height:54px}.brand{gap:10px;font-size:1.05rem;font-weight:750}.cast-pill{color:#cbd7ca;text-transform:capitalize;background:#f6f4ec14;border:1px solid #f6f4ec1a;border-radius:999px;gap:8px;max-width:48vw;min-height:34px;padding:6px 10px;font-size:.8rem;overflow:hidden}.cast-pill.connected{color:#dfffd9;background:#2c734757;border-color:#5dd38173}.video-frame{background:#050706;border:1px solid #f6f4ec1f;border-radius:8px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 60px #0000004d}video{object-fit:contain;background:#050706;width:100%;height:100%;max-height:calc(100vh - 228px);display:block}.empty-player{color:#b9c4b8;text-align:center;place-items:center;gap:10px;padding:32px;display:grid}.empty-player p{margin:0}.transport{gap:14px;padding:18px 0 0;display:grid}.timeline-row{color:#cdd4ca;font-variant-numeric:tabular-nums;gap:12px;font-size:.82rem}input[type=range]{accent-color:#f1cf71;width:100%}.button-row{justify-content:center;gap:12px}.secondary-controls{gap:10px}.icon-button,.play-button,.action-button{color:#f6f4ec;cursor:pointer;background:#f6f4ec17;border:1px solid #f6f4ec24;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;display:inline-flex}.icon-button{width:46px;padding:0}.play-button{color:#151811;background:#f1cf71;border-color:#f1cf71;border-radius:50%;width:62px;height:62px}.filled{color:#151811;background:#f1cf71;border-color:#f1cf71}button:hover:not(:disabled){border-color:#f1cf71b3}button:focus-visible,input:focus-visible,select:focus-visible,.remove:focus-visible{outline-offset:2px;outline:3px solid #f1cf716b}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.46}.volume{max-width:150px}select,input[type=url]{color:#f6f4ec;background:#f6f4ec14;border:1px solid #f6f4ec21;border-radius:8px;min-height:44px}select{padding:0 10px}.control-panel{background:#f6f4ec0f;border:1px solid #f6f4ec1a;border-radius:8px;flex-direction:column;gap:14px;min-width:0;padding:12px;display:flex;overflow:auto}.panel-section{gap:10px;display:grid}.source-actions,.remote-actions{grid-template-columns:1fr 1fr}.remote-actions .danger{grid-column:1/-1}.action-button{width:100%;min-width:0;padding:0 14px;font-weight:700}.action-button.quiet{color:#d9dfd4;background:#f6f4ec0d}.action-button.danger{color:#ffe1dd;background:#87312761;border-color:#ff897947}.url-loader label{color:#d9dfd4;gap:8px;font-size:.86rem;font-weight:700}.url-row{grid-template-columns:minmax(0,1fr) 46px;gap:8px;display:grid}input[type=url]{width:100%;padding:0 12px}.notice{color:#ffeab4;background:#70501847;border:1px solid #f1cf713d;border-radius:8px;padding:10px 12px;font-size:.88rem}.section-heading{color:#dfe4dc;justify-content:space-between;font-weight:750}.playlist{gap:8px;display:grid}.movie-row{color:#f6f4ec;text-align:left;background:#f6f4ec0d;border:1px solid #f6f4ec14;border-radius:8px;grid-template-columns:24px minmax(0,1fr) 20px 30px;align-items:center;gap:8px;width:100%;min-height:52px;padding:8px 8px 8px 10px;display:grid}.movie-row.active{background:#f1cf711f;border-color:#f1cf7194}.movie-kind,.remove,.active-check{place-items:center;display:grid}.movie-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remove{color:#cfd8cd;border-radius:6px;min-height:30px}.empty-list{color:#b9c4b8;background:#f6f4ec0a;border:1px dashed #f6f4ec21;border-radius:8px;align-items:center;gap:8px;min-height:54px;padding:0 12px;display:flex}.facts{color:#b9c4b8;margin-top:auto;font-size:.84rem}.facts div{gap:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=920px){.app-shell{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template-columns:1fr;gap:16px}.stage{grid-template-rows:auto auto auto;min-height:auto}.video-frame{aspect-ratio:16/9}video,.control-panel{max-height:none}}@media (width<=560px){.topbar{min-height:46px}.brand span{font-size:1rem}.cast-pill{max-width:52vw}.timeline-row{gap:8px;font-size:.75rem}.button-row{gap:8px}.icon-button{width:42px;min-height:42px}.play-button{width:58px;height:58px}.secondary-controls{grid-template-columns:42px minmax(94px,1fr) 74px 42px;display:grid}.volume{max-width:none}}