:root{font-family:Inter,system-ui,sans-serif;background:#090909;color:#f8f8f8;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,.button{border:1px solid transparent;border-radius:.45rem;padding:.7rem 1rem;background:#dc2626;color:#fff;font-weight:700;cursor:pointer;text-decoration:none}.secondary{background:transparent!important;border-color:#666!important}.danger{background:#991b1b}.shell{max-width:1120px;margin:auto;padding:2rem 1rem}.narrow{max-width:460px}.top{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:2rem}.card{background:#181818;border:1px solid #303030;border-radius:.8rem;padding:1rem;margin-bottom:1.25rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:end}input{width:100%;padding:.7rem;border:1px solid #555;border-radius:.4rem;background:#090909;color:#fff;margin:.25rem 0 .75rem}.muted{color:#aaa}.error{color:#fca5a5}.actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.summary{display:flex;justify-content:space-around;gap:1rem}.video-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid #333;padding:.85rem 0}.video-row small{display:block;color:#aaa;margin-top:.25rem}.channel{height:100vh;width:100vw;background:#000;position:relative;overflow:hidden}.channel #yt-player{position:absolute;inset:0}.channel iframe{width:100%;height:100%;border:0}.backdrop{position:absolute;inset:-3%;background-size:cover;background-position:center;filter:blur(12px);transform:scale(1.06);opacity:.62}.channel-bar{position:absolute;left:0;right:0;z-index:4;background:#000f;border-color:#ffffff1a;display:flex;align-items:center;padding:0 1.5rem;transition:opacity .7s,transform .7s}.top-bar{height:5rem;top:0;border-bottom:1px solid}.bottom-bar{height:6rem;bottom:0;border-top:1px solid;justify-content:space-between}.channel-bar.fade,.cast-button.fade{opacity:0;pointer-events:none}.top-bar i{height:1.5rem;width:1px;background:#ffffff33;margin:0 1rem}.top-bar>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa}.channel-title{display:flex;align-items:center;gap:.5rem;background:#dc2626;border-radius:.3rem;padding:.5rem .6rem;text-transform:uppercase;font-size:.85rem;letter-spacing:.1em}.ready{display:flex;gap:.75rem;align-items:center;color:#ddd}.ready b{width:.75rem;height:.75rem;background:#eab308;border-radius:50%;box-shadow:0 0 10px #eab308;animation:pulse 1s infinite}.bottom-bar small{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa}.bottom-bar h2{font-size:1.15rem;margin:.2rem 0;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop{background:#dc2626}.start-overlay{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;background:#0006;text-align:center}.start-overlay[hidden]{display:none}.start-overlay h1{font-size:clamp(2rem,5vw,4rem);text-transform:uppercase;letter-spacing:.12em;text-shadow:0 4px 12px #000}.play-circle{width:7rem;height:7rem;border-radius:50%;font-size:3rem;background:#dc2626;box-shadow:0 0 40px #dc262699}.cast-button{position:fixed;right:1rem;top:1rem;z-index:8;border:1px solid #ffffff88;border-radius:50%;height:2.5rem;width:2.5rem;padding:0;background:#0009;font-size:1.5rem;transition:opacity .7s}.cast-button.active{background:#dc2626}.modal-backdrop{position:fixed;z-index:20;inset:0;background:#000b;display:grid;place-items:center;padding:1rem}.modal{position:relative;width:min(760px,100%);max-height:95vh;overflow:auto;background:#181818;border:1px solid #444;border-radius:.75rem;padding:1.5rem}.modal-close{position:absolute;right:.75rem;top:.75rem;background:transparent;font-size:2rem;padding:0}.trim-preview{width:100%;aspect-ratio:16/9;background:#000;margin:1rem 0}.range-wrap{height:3rem;position:relative;margin:1rem .5rem}.range-wrap:before,#fill{content:'';position:absolute;top:1.1rem;height:.65rem;border-radius:1rem}.range-wrap:before{left:0;right:0;background:#64748b}.range-wrap #fill{background:#2563eb}.range-wrap input{position:absolute;inset:0;margin:0;width:100%;height:3rem;background:transparent;border:0;pointer-events:none;appearance:none}.range-wrap input::-webkit-slider-thumb{appearance:none;width:1.25rem;height:3rem;border:2px solid white;border-radius:.3rem;background:#2563eb;cursor:ew-resize;pointer-events:auto}.range-wrap input::-moz-range-thumb{width:1.25rem;height:3rem;border:2px solid white;border-radius:.3rem;background:#2563eb;cursor:ew-resize;pointer-events:auto}.trim-times,.range-limits{display:flex;justify-content:space-between;text-align:center}.trim-times b{display:block;font-size:1.2rem}.range-limits{font-size:.75rem;color:#aaa}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}@keyframes pulse{50%{opacity:.35}}@media(max-width:600px){.top{align-items:flex-start;flex-direction:column}.top-bar>span,.top-bar i{display:none}.summary{flex-direction:column}.channel-bar{padding:0 1rem}.bottom-bar h2{max-width:55vw}.start-overlay h1{font-size:1.8rem}.video-row{align-items:flex-start;flex-direction:column}}