:root{--bg: #0e1116;--surface: #171c24;--surface-2: #222938;--text: #e8edf5;--muted: #9aa6b8;--accent: #3d8bfd;--danger: #e85d5d;--ok: #3dd68c;color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit;color:inherit}button,.button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.55rem .9rem;cursor:pointer}button.ghost,.ghost{background:transparent;border:1px solid var(--surface-2)}button.danger{background:var(--danger)}input,select{background:var(--bg);border:1px solid var(--surface-2);border-radius:8px;padding:.55rem .7rem;width:100%}label{display:grid;gap:.3rem;font-size:.9rem;color:var(--muted)}.card{background:var(--surface);border-radius:16px;padding:1.25rem}.stack{display:grid;gap:.8rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.error{color:var(--danger);margin:0}.syncing{margin:0;color:var(--accent)}.pill{border-radius:999px;padding:.15rem .55rem;background:var(--surface-2);font-size:.85rem}.shell{height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr)}.shell>router-outlet{display:none}.shell>:last-child{min-height:0;height:100%;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .7rem;background:var(--surface)}.brand{letter-spacing:.04em}.topbar nav{display:flex;gap:.15rem;min-width:0}.topbar a{display:flex;align-items:center;gap:.35rem;color:var(--text);text-decoration:none;padding:.4rem .55rem;border-radius:8px}.topbar a svg{width:20px;height:20px;fill:currentColor;flex:0 0 auto}.topbar a.active{color:var(--accent);background:#3d8bfd1f}.page{padding:1.2rem;max-width:1100px}.page h1{margin:0}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(420px,100%)}.lines{display:grid;gap:.8rem}.line-card{display:grid;gap:.4rem}.browse{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1rem;height:calc(100vh - 250px);min-height:360px}.browse>.card,.browse>.stack{min-height:0}.browse>.stack{display:grid;grid-template-rows:auto minmax(0,1fr)}.channel-list,.rail{display:grid;align-content:start;gap:.35rem;overflow:auto;min-height:0}.browse .channel-list>button{text-align:left}.toolbar input,.toolbar select{width:auto;min-width:14rem;flex:1}.channel-row,.rail button.channel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;text-align:left;background:transparent;border:0;padding:.45rem;border-radius:8px}.rail button.channel span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.channel-row.selected,.rail button.channel.selected{background:var(--surface-2)}.unavailable{opacity:.45}.watch{height:100%;overflow:hidden;display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:minmax(0,1fr);background:#000}.watch.rail-closed{grid-template-columns:40px minmax(0,1fr)}.watch.idle .stage,.public.idle{cursor:none}.stage{position:relative;min-width:0;min-height:0}.stage video{width:100%;height:100%;background:#000;object-fit:contain}.yt{position:absolute;inset:0;pointer-events:none;opacity:1;transition:opacity .2s ease}.idle .yt{opacity:0}.yt-top,.yt-bottom{position:absolute;left:0;right:0}.yt-top{top:0;padding:14px 16px 48px;background:linear-gradient(rgba(0,0,0,.7),transparent);display:grid;gap:2px}.yt-top strong,.yt-top span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.6)}.yt-top span{color:#eee;font-size:.85rem;min-height:1em}.yt-bottom{bottom:0;padding:36px 6px 4px;background:linear-gradient(transparent,#000000d9)}.yt-progress{height:3px;margin:0 8px 2px;background:#ffffff4d}.yt-bottom:hover .yt-progress{height:5px}.yt-progress span{display:block;height:100%;background:#ff4e45}.yt-controls{display:flex;align-items:center;min-height:40px;pointer-events:auto}.yt-btn{width:40px;height:40px;padding:8px;background:transparent;color:#fff;border-radius:0}.yt-btn svg{width:24px;height:24px;fill:currentColor;display:block}.yt-btn:hover{background:transparent}.yt-btn:disabled{opacity:.45}.yt-btn.recording{color:#ff4e45}.yt-share{pointer-events:auto;display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin:0 8px 8px;padding:.55rem .7rem;background:#141414eb;border-radius:8px}.yt-share select{width:auto;min-width:8rem;flex:0 0 auto}.yt-volume{display:flex;align-items:center}.yt-slider{width:0;opacity:0;padding:0;accent-color:white;transition:width .15s ease,opacity .15s ease}.yt-volume:hover .yt-slider,.yt-volume:focus-within .yt-slider{width:72px;opacity:1}.yt-live{margin-left:6px;color:#eee;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.yt-live:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#ff4e45}.yt-spacer{flex:1}.yt-spinner{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:yt-spin .8s linear infinite}@keyframes yt-spin{to{transform:rotate(360deg)}}.drawer-head{display:flex;gap:.4rem;align-items:center}.drawer-head select{flex:1;width:auto}.icon-btn{width:36px;height:36px;padding:6px;flex:0 0 36px}.icon-btn svg{width:22px;height:22px;fill:currentColor;display:block}.drawer-tools{display:grid;gap:.4rem;align-content:start}.drawer-meta{display:flex;gap:.35rem;align-items:center;min-width:0}.next-line{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.tool-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.4rem}.tool-row .icon-btn{width:100%;height:40px}.drawer-tools select{width:auto;min-width:8rem;flex:0 0 auto}.rail-edge{background:var(--surface);border-radius:0;padding:0;display:grid;place-items:center}.rail-edge svg{width:22px;height:22px;fill:currentColor}.share-url{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem}.public{position:relative}.progress{height:4px;background:var(--surface-2);border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent)}.guide-page{max-width:none;height:100%;min-height:0;display:flex;flex-direction:column}.guide-toolbar select{width:220px;flex:0 0 220px}.guide{flex:1;min-height:0;overflow:auto;display:grid;align-content:start;gap:4px}.guide-row{display:grid;grid-template-columns:300px minmax(0,1fr);gap:.75rem;align-items:center;min-height:48px}.guide-head{min-height:28px;position:sticky;top:0;z-index:1;background:var(--bg)}.guide-channel{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:.35rem;align-items:center;min-width:0}.guide-channel .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.guide-track{position:relative;height:46px;overflow:hidden;background:#ffffff08;border-radius:8px}.guide-scale{position:relative;height:22px;color:var(--muted);font-size:.75rem}.guide-scale span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.guide-scale span:first-child{transform:none}.guide-scale span:last-child{transform:translate(-100%)}.programme{position:absolute;top:6px;bottom:6px;overflow:hidden;background:var(--surface-2);border:0;border-radius:6px;padding:.15rem .45rem;font-size:.78rem;line-height:1.15;text-align:left}.programme .title,.programme .time{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.programme .time{color:var(--muted);font-size:.68rem}.programme.selected{outline:2px solid var(--accent)}.drawer{background:var(--surface);padding:.8rem;display:grid;gap:.6rem;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow:hidden}.public{min-height:100vh;background:#000;display:grid}.public video{width:100vw;height:100vh;object-fit:contain}.cdk-drag-preview{background:var(--surface-2);padding:.4rem .6rem;border-radius:8px}@media(max-width:760px){.nav-label{display:none}.topbar a{width:40px;height:40px;justify-content:center;padding:0}.watch,.watch.rail-closed{position:relative;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,40vh) minmax(0,1fr)}.stage{order:-1}.drawer{height:100%}.watch.rail-closed{grid-template-rows:minmax(0,1fr)}.watch.rail-closed .rail-edge{position:absolute;z-index:3;top:8px;left:8px;width:40px;height:40px;border-radius:8px;background:#171c24eb}}