:root{color-scheme:dark;--bg:#07090c;--panel:#10141a;--panel2:#151b22;--line:rgba(255,255,255,.1);--text:#f4f6f7;--muted:#9aa5ae;--red:#e82127;--cyan:#59d7f4;--green:#71dc9c;--warn:#f5c451;--radius:16px}
*{box-sizing:border-box}html{max-width:100%;min-height:100%;overflow-x:hidden;background:var(--bg)}body{max-width:100%;margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 85% -20%,rgba(89,215,244,.1),transparent 35rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{border:0;cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{cursor:wait;opacity:.45}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,4.2rem);letter-spacing:-.055em;line-height:.98;margin-bottom:14px}h2{letter-spacing:-.025em}.muted{color:var(--muted);line-height:1.55}.eyebrow{margin-bottom:9px;color:#d7dce0;font-size:.69rem;font-weight:850;letter-spacing:.19em}.error{color:#ff8f93;min-height:1.4em}.primary,.ghost,.danger{min-height:48px;padding:0 19px;border-radius:10px;font-weight:800}.primary{background:var(--red);color:#fff}.ghost{background:rgba(255,255,255,.07);border:1px solid var(--line)}.danger{background:rgba(232,33,39,.15);color:#ff9296;border:1px solid rgba(232,33,39,.25)}[hidden]{display:none!important}
.brand-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--red);font-weight:950;color:white}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card,.emby-card{width:min(440px,100%);padding:34px;background:rgba(16,20,26,.96);border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 100px rgba(0,0,0,.5)}.login-card .brand-mark,.emby-card .brand-mark{margin-bottom:28px}.login-card label,.emby-card>label,.settings-card>label{display:block;color:#c9d0d5;font-size:.78rem;margin:18px 0 7px}.login-card input,.emby-card input:not([type=checkbox]),.settings-card select,.track-controls select,.season-controls select,.search-heading input{width:100%;height:50px;border:1px solid var(--line);border-radius:10px;background:#090c10;color:white;padding:0 13px}.login-card .primary,.emby-card .primary{width:100%;margin-top:8px}.check-row{display:flex!important;align-items:center;gap:9px;color:var(--muted)!important}.check-row input{width:18px;height:18px}.server-selection{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.server-selection h2{font-size:1.1rem;margin:0 0 4px}.server-options{display:grid;gap:8px;margin-top:12px}.server-choice{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:14px 16px;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;color:var(--text)}.server-choice:hover,.server-choice:focus-visible{border-color:var(--accent);background:var(--panel-3)}.server-choice small{color:var(--muted)}.restore-card h1{font-size:clamp(2rem,8vw,3.3rem)}.restore-status{display:flex;align-items:center;gap:10px;margin:24px 0 0;color:var(--muted)}.restore-status i{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green);animation:pulse 1.4s infinite}
.wryhn-login-card{width:min(470px,100%);max-height:calc(var(--viewport-height,100dvh) - 32px);padding:clamp(28px,4vh,38px);overflow-y:auto}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.wryhn-login-card .login-brand .brand-mark{width:42px;height:42px;margin:0;border-radius:12px;font-size:1.08rem}.login-brand strong{font-size:1.12rem;font-weight:900;letter-spacing:-.02em}.wryhn-login-card h1{font-size:clamp(2.35rem,6vh,3.25rem);margin-bottom:11px}.wryhn-login-card>.muted{margin-bottom:18px}.wryhn-login-card>label{margin-top:13px;font-weight:750}.wryhn-login-card .primary{margin-top:10px}.login-privacy{display:flex;align-items:flex-start;gap:10px;margin:14px 2px 0;color:#84909a;font-size:.7rem;line-height:1.5}.login-privacy span{flex:0 0 auto;color:var(--green);font-size:.55rem;margin-top:4px}.app-header[hidden]+.auth-stage{min-height:var(--viewport-height,100dvh)}
main{min-height:100vh}.app-header{height:72px;padding:0 clamp(16px,3vw,44px);display:flex;align-items:center;gap:34px;position:sticky;top:0;z-index:50;background:rgba(7,9,12,.94);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(14px)}.brand-button{padding:0;background:none;display:flex;align-items:center;gap:11px;font-size:1.08rem;font-weight:900;white-space:nowrap}.main-nav{display:flex;align-self:stretch;gap:3px}.nav-button{position:relative;min-width:74px;padding:0 12px;background:none;color:#aeb6bd;font-weight:700}.nav-button.active,.nav-button:hover{color:white}.nav-button.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:var(--red);border-radius:4px 4px 0 0}.header-actions{position:relative;margin-left:auto;display:flex;align-items:center;gap:10px}.connection-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--warn);box-shadow:0 0 16px currentColor}.connection-dot.good{background:var(--green)}.connection-dot.bad{background:#ff7277}.account-actions{display:flex;align-items:center;gap:4px}.header-icon-button{width:42px;height:42px;display:grid;place-items:center;padding:0;border-radius:50%;background:transparent;color:#fff}.header-icon-button:hover,.header-icon-button[aria-expanded="true"]{background:rgba(255,255,255,.1)}.header-icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.account-menu-shell{position:relative}.account-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:90;width:220px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#141a21;box-shadow:0 24px 70px rgba(0,0,0,.58)}.account-menu p{margin:0 0 6px;padding:10px 12px;border-bottom:1px solid var(--line)}.account-menu strong,.account-menu small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu small{margin-top:3px;color:var(--muted);font-size:.68rem}.account-menu button{width:100%;min-height:44px;padding:0 12px;border-radius:9px;background:transparent;text-align:left;font-weight:780}.account-menu button:hover,.account-menu button:focus-visible{background:rgba(255,255,255,.08)}#emby-logout{color:#ff9b9f}.transcode-pill{display:flex;align-items:center;gap:8px;background:rgba(113,220,156,.1);color:#b9f1cf;border:1px solid rgba(113,220,156,.18);border-radius:999px;padding:8px 12px;font-size:.74rem;font-weight:800}.transcode-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.4s infinite}.transcode-popover{position:fixed;right:38px;top:64px;z-index:70;width:320px;padding:18px;background:#141a21;border:1px solid var(--line);border-radius:14px;box-shadow:0 25px 70px rgba(0,0,0,.5)}.transcode-popover dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.transcode-popover dl div{padding:10px;background:rgba(255,255,255,.04);border-radius:9px}.transcode-popover dt{color:var(--muted);font-size:.67rem;text-transform:uppercase}.transcode-popover dd{margin:4px 0 0;font-weight:850}.transcode-popover p{margin:0;color:var(--muted);font-size:.74rem}@keyframes pulse{50%{opacity:.35}}
.auth-stage{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:40px 20px}.passenger-note{margin:0;padding:9px clamp(18px,4vw,60px);font-size:.74rem;text-align:center;color:#aab2b8;background:rgba(255,255,255,.025);border-bottom:1px solid rgba(255,255,255,.05)}.passenger-note strong{color:#dfe3e6}.app-view,.detail-view{width:min(1500px,calc(100% - 7vw));margin:0 auto;padding:34px 0 70px}.loading-state{min-height:35vh;display:grid;place-items:center;color:var(--muted)}
.home-hero,.detail-hero{position:relative;min-height:min(58vh,650px);margin:-34px calc(-3.5vw) 32px;border-radius:0 0 24px 24px;background-position:center 20%;background-size:cover;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,12,.98) 4%,rgba(7,9,12,.7) 43%,rgba(7,9,12,.1) 75%),linear-gradient(0deg,var(--bg),transparent 42%)}.hero-copy,.detail-copy{position:absolute;z-index:1;left:clamp(24px,6vw,90px);bottom:clamp(30px,8vh,90px);width:min(620px,70%)}.hero-copy h1{font-size:clamp(2.4rem,5vw,5rem)}.hero-copy>p:not(.eyebrow){color:#c5ccd1;line-height:1.55}.hero-meta{color:#c5ccd1;font-size:.86rem;font-weight:750;word-spacing:.4em}.shelf{margin:0 0 34px}.shelf-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.shelf-heading h2{margin:0;font-size:1.35rem}.shelf-link{display:inline-flex;align-items:center;gap:8px;padding:0;background:none;text-align:left;font-size:1.35rem;font-weight:800;letter-spacing:-.025em}.shelf-link:after{content:"›";color:var(--muted);font-size:1.7rem;line-height:.7}.shelf-link:hover:after{color:white}.media-cards{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(145px,13vw,205px);gap:13px;overflow-x:auto;padding:3px 2px 15px;overscroll-behavior-inline:contain;scrollbar-color:rgba(255,255,255,.2) transparent}.media-card{padding:0;text-align:left;background:none;min-width:0}.poster,.poster-placeholder{position:relative;width:100%;aspect-ratio:2/3;display:block;overflow:hidden;border-radius:11px;background:linear-gradient(145deg,#1a222a,#0c1015);border:1px solid rgba(255,255,255,.07)}.poster img{width:100%;height:100%;object-fit:cover}.poster-placeholder{display:grid;place-items:center;padding:13px;text-align:center;color:var(--muted)}.media-card strong,.media-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card strong{font-size:.87rem;margin-top:8px}.media-card small{font-size:.7rem;color:var(--muted);margin-top:3px}.card-progress{position:absolute;left:5px;right:5px;bottom:5px;height:4px;background:rgba(0,0,0,.55);border-radius:9px;overflow:hidden}.card-progress i{display:block;height:100%;background:var(--red)}
.view-heading,.search-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.view-heading h1,.search-heading h1{font-size:clamp(2.1rem,4vw,3.8rem);margin:0}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:23px 15px}.poster-grid .media-card{max-width:250px}.search-heading{gap:30px}.search-heading form{display:flex;gap:9px;width:min(520px,55%);min-width:0}.search-heading input{flex:1;min-width:0}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px}.settings-card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.settings-card h2{font-size:1.15rem}.library-settings-card{grid-column:span 2}.library-selection-actions{display:flex;gap:8px;margin:14px 0}.library-selection-actions button{min-height:40px}.library-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.library-option{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#090c10}.library-option input{width:19px;height:19px;flex:0 0 auto}.library-option span{min-width:0}.library-option strong,.library-option small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-option small{margin-top:2px;color:var(--muted);font-size:.68rem}.library-option.emby-hidden{opacity:.7}.library-settings-card>.primary{margin-top:4px}.diagnostics{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.diagnostics summary{font-weight:850;cursor:pointer}.diagnostic-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}.metric-grid article{padding:12px;background:rgba(255,255,255,.035);border-radius:10px}.metric-grid span,.metric-grid strong,.metric-grid small{display:block}.metric-grid span,.metric-grid small{font-size:.68rem;color:var(--muted)}.metric-grid strong{margin:5px 0}.diagnostic-canvas-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diagnostics canvas,.diagnostics video{display:block;width:100%;aspect-ratio:16/9;background:#030405;border-radius:10px}.diagnostics>video{width:min(600px,100%);margin:16px 0}.capability-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.capability{padding:9px;background:rgba(255,255,255,.035);font-size:.72rem;display:flex;justify-content:space-between}.capability b.yes{color:var(--green)}.capability b.no{color:#ff878b}.event-log{max-height:220px;overflow:auto;font-size:.72rem;color:var(--muted)}.event-log li{display:grid;grid-template-columns:80px 70px 1fr;gap:10px;padding:6px;border-top:1px solid var(--line)}.pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.06);font-size:.67rem}.pill.good{color:var(--green)}.pill.bad{color:#ff878b}
.youtube-note{margin:-14px 0 24px;color:#89949d;font-size:.72rem}.youtube-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px 16px}.youtube-card{padding:0;background:none;text-align:left;min-width:0}.youtube-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#1a222a,#0c1015);border:1px solid var(--line)}.youtube-thumb img{width:100%;height:100%;display:block;object-fit:cover}.youtube-duration{position:absolute;right:7px;bottom:7px;padding:4px 6px;border-radius:5px;background:rgba(0,0,0,.84);font-size:.68rem;font-weight:850}.youtube-card strong,.youtube-card small{display:block;overflow:hidden}.youtube-card strong{margin-top:9px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.youtube-card small{margin-top:5px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}.youtube-card:hover .youtube-thumb{border-color:rgba(255,255,255,.34)}
.youtube-connection-card{grid-column:1/-1}.youtube-connection-card input[type=file]{display:block;width:100%;margin:12px 0;padding:11px;border:1px solid var(--line);border-radius:10px;background:#090c10;color:var(--muted)}.youtube-connection-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.youtube-connection-actions button{flex:1;min-width:120px}.youtube-connection-card.connected{border-color:rgba(113,220,156,.35)}
.setup-instructions{min-width:0;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:#090c10}.setup-instructions summary{cursor:pointer;font-weight:850}.setup-instructions[open] summary{margin-bottom:13px}.youtube-setup-scope{margin-bottom:14px}.youtube-setup-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.youtube-setup-methods section{min-width:0;padding:0 14px 4px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.youtube-setup-heading{margin:16px 0 8px;font-weight:850;color:#e9edf0}.setup-instructions ol{margin:0;padding-left:22px;color:#c9d0d5}.setup-instructions li{overflow-wrap:anywhere;padding-left:4px;margin:0 0 10px;line-height:1.5}.youtube-security-note{overflow-wrap:anywhere;margin:16px 0 0;padding:12px;border-left:3px solid var(--cyan);border-radius:6px;background:rgba(89,215,244,.07);color:#c9d0d5;line-height:1.5}
.library-browser-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:-10px 0 24px}.library-browser-controls label{display:grid;gap:5px;color:var(--muted);font-size:.7rem}.library-browser-controls select{height:44px;min-width:150px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#090c10;color:white}.load-more{display:block;margin:30px auto 0;min-width:180px}.device-list{display:grid;gap:8px;margin:14px 0}.device-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:10px}.device-row strong,.device-row small{display:block}.device-row small{color:var(--muted);margin-top:3px}.device-row button{min-height:38px}.detail-tagline{display:block;margin:0 0 12px;font-size:1.05rem}.detail-extra{margin:30px 0}.chapter-list,.cast-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(155px,220px);gap:12px;overflow-x:auto;padding-bottom:12px}.chapter-card,.cast-card{padding:0;background:none;text-align:left}.chapter-card img,.chapter-placeholder,.cast-card img,.cast-placeholder{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:var(--panel)}.chapter-placeholder{display:grid;place-items:center;color:rgba(255,255,255,.72);font-size:1.35rem;background:linear-gradient(145deg,#171c22,#0c0f13);border:1px solid var(--line)}.cast-card img,.cast-placeholder{aspect-ratio:2/3}.chapter-card strong,.chapter-card small,.cast-card strong,.cast-card small{display:block;margin-top:6px}.chapter-card small,.cast-card small{color:var(--muted);font-size:.7rem}.player-telemetry{margin-left:auto;display:flex;gap:6px;align-items:center}.player-telemetry span{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.06);font-size:.62rem;color:#b8c1c8}.player-topbar .player-telemetry+button{margin-left:0}.volume{width:86px;accent-color:var(--red)}.player-controls{transition:opacity .25s}.player-view.controls-hidden .player-controls{opacity:0;pointer-events:none}
.library-tile{width:clamp(180px,20vw,290px);min-height:105px;padding:18px;display:flex;align-items:center;gap:14px;text-align:left;background:linear-gradient(145deg,#18212a,#10141a);border:1px solid var(--line);border-radius:14px}.library-tile>span{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.07);font-size:1.3rem}.library-tile strong{font-size:1rem}
.skip-marker{position:absolute;right:24px;bottom:112px;z-index:5;background:rgba(8,10,13,.9)}
.detail-view{position:relative}.back-button{margin-bottom:16px;background:none;color:#c8d0d5;font-weight:800}.detail-hero{margin:0 0 25px;min-height:min(53vh,600px);border-radius:20px}.detail-copy h1{font-size:clamp(2.6rem,5vw,5rem)}.detail-overview{line-height:1.55;color:#ccd2d6}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.season-controls{margin:20px 0}.season-controls label{display:flex;align-items:center;gap:12px;color:var(--muted)}.season-controls select{width:220px}.episode-section-title{margin:28px 0 13px}.episode-list{display:grid;gap:10px}.episode-row{display:grid;grid-template-columns:190px 1fr auto;gap:18px;align-items:center;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:13px;text-align:left}.episode-row:hover{border-color:rgba(255,255,255,.24);background:var(--panel2)}.episode-row img,.episode-thumb{width:190px;aspect-ratio:16/9;object-fit:cover;background:#090c10;border-radius:9px}.episode-row h3{margin:0 0 6px;font-size:1rem}.episode-row p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.4}.episode-row>span{font-weight:800;color:#dce1e4}
.player-view{position:fixed;inset:0;width:100%;max-width:100vw;min-width:0;z-index:100;background:#000;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.player-topbar{width:100%;max-width:100vw;min-width:0;height:62px;padding:0 20px;display:flex;align-items:center;gap:14px;background:#080a0d}.player-topbar>div{min-width:0;display:flex;flex-direction:column}.player-topbar strong,.player-topbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-topbar span{font-size:.72rem;color:var(--muted)}.player-icon{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);font-size:1.3rem}.player-topbar .player-icon:last-child{margin-left:auto}.media-stage{position:relative;width:100%;max-width:100vw;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;overflow:hidden;background:#000}.media-stage canvas,.media-stage>video{display:block;min-width:0;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;background:#000}.subtitle-overlay{position:absolute;left:10%;right:10%;bottom:122px;text-align:center;font-size:clamp(1.1rem,2.5vw,2.3rem);font-weight:800;text-shadow:0 2px 5px #000,0 0 9px #000;white-space:pre-line;pointer-events:none}.player-controls{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:100%;min-width:0;padding:35px 24px 18px;background:linear-gradient(transparent,rgba(0,0,0,.94))}.seek{display:block;width:100%;max-width:100%;accent-color:var(--red);height:28px}.control-row,.transport,.track-controls{display:flex;align-items:center;gap:9px}.control-row,.transport{min-width:0;max-width:100%}.control-row{justify-content:space-between}.transport button{min-width:48px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);font-weight:800}.transport .play-button{background:white;color:#050607;font-size:1.1rem}.media-time{font-variant-numeric:tabular-nums;font-size:.78rem;color:#d4dade}.track-controls label{display:flex;align-items:center;gap:5px;color:#aeb7be;font-size:.65rem}.track-controls select{height:38px;width:auto;max-width:160px;padding:0 8px}.player-status{width:100%;max-width:100vw;min-width:0;margin:0;height:31px;padding:6px 20px;background:#080a0d;color:var(--muted);font-size:.7rem}.next-overlay{position:absolute;right:24px;bottom:120px;width:310px;padding:20px;background:rgba(13,17,22,.96);border:1px solid var(--line);border-radius:15px}.next-overlay p,.next-overlay strong,.next-overlay span{display:block}.next-overlay p{margin-bottom:5px;color:var(--muted);font-size:.72rem}.next-overlay span{margin:8px 0 14px;color:var(--muted)}.next-overlay div{display:flex;gap:8px}
@media(max-width:980px){.main-nav{min-width:0;flex:1;gap:0;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-button{flex:0 0 auto;min-width:max-content;padding:0 10px;font-size:.78rem;white-space:nowrap}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-settings-card{grid-column:span 2}.metric-grid{grid-template-columns:repeat(3,1fr)}.track-controls label{font-size:0}.track-controls select{max-width:125px}.episode-row{grid-template-columns:150px 1fr auto}.episode-row img,.episode-thumb{width:150px}}
@media(max-width:700px){.app-header{gap:12px;height:auto;min-height:68px;flex-wrap:wrap;padding:10px 14px}.brand-button>span:last-child{display:none}.main-nav{order:3;flex:0 0 100%;width:100%;height:44px}.nav-button{padding:0 12px}.transcode-popover{right:12px;top:65px;width:min(320px,calc(100% - 24px))}.app-view,.detail-view{width:calc(100% - 24px);padding-top:22px}.home-hero{margin:-22px -12px 24px;min-height:55vh}.hero-copy,.detail-copy{left:20px;bottom:28px;width:calc(100% - 40px)}.hero-copy>p:not(.eyebrow),.detail-overview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.view-heading,.search-heading{align-items:flex-start;flex-direction:column}.search-heading form{width:100%}.settings-grid{grid-template-columns:minmax(0,1fr)}.library-settings-card{grid-column:auto}.library-options,.youtube-setup-methods{grid-template-columns:minmax(0,1fr)}.youtube-connection-actions{display:grid;grid-template-columns:minmax(0,1fr)}.youtube-connection-actions button{width:100%;min-width:0}.setup-instructions{padding:12px}.youtube-setup-methods section{padding-left:10px;padding-right:10px}.setup-instructions ol{padding-left:20px}.youtube-grid{grid-template-columns:minmax(0,1fr)}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.metric-grid,.capability-list{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-canvas-grid{grid-template-columns:minmax(0,1fr)}.episode-row{grid-template-columns:105px minmax(0,1fr);padding:8px;gap:10px}.episode-row img,.episode-thumb{width:105px}.episode-row>span{display:none}.episode-row p{display:none}.control-row{align-items:flex-end}.track-controls{position:absolute;right:12px;top:4px}.track-controls label{display:none}.track-controls label:last-child{display:flex}.subtitle-overlay{bottom:145px}.media-time,.volume,.player-telemetry span:nth-child(n+2){display:none}.transport{width:100%;justify-content:center;gap:5px}.transport button{flex:1;min-width:0;padding:0 4px;font-size:.82rem}.player-controls{padding-left:10px;padding-right:10px}.player-topbar{height:56px;padding:0 10px;gap:8px}.player-topbar>div:not(.player-telemetry){flex:1}.player-icon{width:40px;height:40px;flex:0 0 40px}.player-status{display:none}.next-overlay{left:12px;right:12px;width:auto}.library-browser-controls label{flex:1}.library-browser-controls select{width:100%;min-width:0}}
@media(max-width:700px){.auth-stage{padding:12px 14px}.wryhn-login-card{max-height:calc(var(--viewport-height,100dvh) - 24px);padding:24px;border-radius:20px}.login-brand{margin-bottom:20px}.wryhn-login-card>.muted{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.restore-status i,.transcode-pill i{animation:none}}

/* Tesla-first navigation and playback surfaces */
.nav-button{min-width:112px;font-size:.92rem}
.library-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 34px}
.library-destinations button{min-height:154px;padding:24px;display:grid;align-content:center;justify-items:start;gap:8px;text-align:left;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#18212a,#10141a)}
.library-destinations button:hover{border-color:rgba(255,255,255,.3);transform:translateY(-1px)}
.library-destinations button>span{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.08);font-size:1.45rem}
.library-destinations button strong{font-size:1.28rem}
.library-destinations button small{color:var(--muted);font-size:.76rem}
.library-hub-section{margin-top:4px}
.settings-tabs{display:flex;align-items:center;gap:8px;margin:0 0 24px;overflow-x:auto;scrollbar-width:none}
.settings-tabs::-webkit-scrollbar{display:none}
.settings-tabs button{min-width:150px;min-height:54px;padding:0 22px;flex:0 0 auto;border:1px solid var(--line);border-radius:12px;background:#11161c;color:#aeb6bd;font-weight:850}
.settings-tabs button.active{background:white;border-color:white;color:#07090c}
.settings-grid{grid-template-columns:minmax(0,900px)}
.settings-card,.diagnostics{width:100%}
.library-settings-card,.youtube-connection-card{grid-column:auto}
.player-topbar #player-options-toggle{margin-left:auto}
.player-topbar #player-fullscreen{margin-left:0}
.player-action{min-width:62px;height:44px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.08);font-size:.76rem;font-weight:850}
#player-options-close{width:68px;border-radius:12px;font-size:0}
#player-options-close:after{content:"Close";font-size:.74rem;font-weight:850}
.library-destinations button>span,.library-tile>span{color:#fff;font-weight:900;letter-spacing:-.03em}
.transport button{min-width:64px;height:56px}
.transport .play-button{min-width:76px}
.player-options-panel{position:absolute;z-index:12;right:0;top:0;bottom:0;width:min(420px,42vw);padding:24px;overflow:auto;background:rgba(11,14,18,.98);border-left:1px solid var(--line);box-shadow:-22px 0 60px rgba(0,0,0,.45)}
.player-options-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.player-options-heading h2{margin:2px 0 0;font-size:1.55rem}
.player-options-panel .track-controls{position:static;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.player-options-panel .track-controls label{display:grid;gap:6px;color:var(--muted);font-size:.72rem;font-weight:750}
.player-options-panel .track-controls select{width:100%;max-width:none;height:52px;padding:0 12px}
.player-options-panel .player-telemetry{margin:24px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.player-options-panel .player-telemetry span{display:block;padding:10px;border-radius:9px;text-align:center}

@media(max-width:980px){
  .nav-button{min-width:96px;padding:0 12px;font-size:.84rem}
  .player-options-panel{width:min(400px,52vw)}
}

@media(max-width:700px){
  .main-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
  .nav-button{min-width:0;width:100%;padding:0 4px;font-size:.73rem}
  .nav-button.active:after{left:8px;right:8px}
  .library-destinations{grid-template-columns:minmax(0,1fr);gap:10px}
  .library-destinations button{min-height:108px;padding:17px;grid-template-columns:48px minmax(0,1fr);column-gap:14px}
  .library-destinations button>span{grid-row:1/3;width:48px;height:48px}
  .library-destinations button strong{align-self:end;font-size:1.08rem}
  .library-destinations button small{align-self:start}
  .settings-tabs button{min-width:128px;min-height:50px;padding:0 16px}
  .player-topbar>div{flex:1}
  .player-action{min-width:52px;height:40px;padding:0 9px;font-size:.68rem}
  .player-options-panel{left:0;right:0;top:auto;bottom:0;width:100%;height:min(68vh,600px);padding:20px;border-left:0;border-top:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:0 -22px 60px rgba(0,0,0,.55)}
  .player-options-panel .track-controls{position:static;display:grid}
  .player-options-panel .track-controls label{display:grid;font-size:.72rem}
  .player-options-panel .player-telemetry span{display:block}
  .transport #media-stop,.transport #media-mute{display:none}
}

/* Emby profile home. */
#view-emby{padding-top:18px;overflow-x:clip}
.emby-page-header{position:relative;display:flex;justify-content:center;align-items:center;min-height:62px;margin-bottom:38px}
.emby-page-tabs{display:flex;align-items:center;padding:3px;border-radius:999px;background:rgba(255,255,255,.09)}
.emby-page-tabs button{min-width:92px;min-height:38px;padding:0 18px;border-radius:999px;background:transparent;color:var(--muted);font-size:.88rem;font-weight:850}
.emby-page-tabs button.active{background:#747779;color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.28)}
.emby-search-panel{margin:-14px 0 36px;padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(14,18,23,.96)}
.emby-search-panel .source-search{width:100%;grid-template-columns:minmax(0,1fr) auto auto}
.emby-search-panel .source-search-status{margin-bottom:8px}.emby-search-panel .source-search-grid{margin-bottom:0;padding-bottom:12px;border-bottom:0}
.landscape-cards{grid-auto-columns:clamp(270px,24vw,370px)}
.landscape-artwork,.landscape-placeholder{position:relative;width:100%;aspect-ratio:16/9;display:block;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#1a222a,#0c1015);border:1px solid rgba(255,255,255,.07)}
.landscape-artwork img{width:100%;height:100%;object-fit:cover}.landscape-placeholder{display:grid;place-items:center;padding:16px;text-align:center;color:var(--muted)}
.landscape-card strong,.landscape-card small{text-align:center}.emby-empty-state{min-height:28vh;display:grid;place-items:center}
.emby-library-tiles{grid-template-rows:repeat(2,54px);grid-auto-flow:column;grid-auto-columns:clamp(225px,20vw,290px);gap:10px 14px}
.emby-library-tiles .library-tile{width:100%;min-height:54px;height:54px;padding:0 13px;border-radius:9px;background:#292929}
.emby-library-tiles .library-tile>span{width:42px;height:52px;margin-left:-13px;border-radius:9px 0 0 9px;background:rgba(255,255,255,.055);font-size:.9rem}
.emby-library-tiles .library-tile strong{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:700px){
  #view-emby{padding-top:10px}
  .emby-page-header{min-height:48px;margin-bottom:24px}
  .emby-page-tabs button{min-width:90px;min-height:36px}
  .emby-search-panel{margin:-6px 0 26px;padding:10px}
  .landscape-cards{grid-auto-columns:min(78vw,315px)}
  .emby-library-tiles{grid-template-rows:repeat(2,52px);grid-auto-columns:min(78vw,285px)}
  .emby-library-tiles .library-tile{height:52px;min-height:52px}
}

.settings-card input[type=number]{width:100%;height:50px;margin-top:7px;border:1px solid var(--line);border-radius:10px;background:#090c10;color:white;padding:0 13px}
.player-options-panel .track-controls input[type=number]{width:100%;max-width:none;height:52px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#090c10;color:white}
.field-unit{display:block;margin-top:5px;color:var(--muted);font-size:.68rem}
.player-settings-link{margin:18px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}
.youtube-history{margin:0 0 34px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.youtube-history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.youtube-history-heading h2{margin:0}
.youtube-history-heading button{min-height:42px}
.youtube-video-card{position:relative;min-width:0}
.youtube-video-card>.youtube-card{width:100%}
.youtube-favorite,.youtube-history-remove{position:absolute;z-index:2;top:8px;min-width:42px;min-height:42px;border-radius:10px;background:rgba(0,0,0,.88);border:1px solid rgba(255,255,255,.25);font-weight:850}
.youtube-favorite{right:8px;width:42px;padding:0;color:white;font-size:1.45rem;line-height:1}.youtube-favorite.active{color:#ff3340;border-color:rgba(255,80,90,.75)}
.youtube-history-remove{left:8px;padding:0 12px;font-size:.7rem}
.youtube-history-progress{position:absolute;left:5px;right:5px;bottom:5px;height:4px;background:rgba(0,0,0,.7);border-radius:8px;overflow:hidden}
.youtube-history-progress i{display:block;height:100%;background:var(--red)}
.center-controls{position:absolute;z-index:7;left:50%;top:50%;display:flex;align-items:center;gap:clamp(18px,4vw,50px);transform:translate(-50%,-50%);transition:opacity .2s}
.center-controls button{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:rgba(12,14,17,.82);border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 30px rgba(0,0,0,.35);font-size:1.15rem;font-weight:900}
.center-controls .play-button{width:96px;height:96px;background:rgba(255,255,255,.94);color:#07090c;font-size:1.25rem}
.player-view.controls-hidden .center-controls{opacity:0;pointer-events:none}
.live-channel-zapper{position:absolute;z-index:8;left:18px;top:50%;display:grid;grid-template-columns:58px;justify-items:center;gap:7px;transform:translateY(-50%);transition:opacity .2s}
.live-channel-zapper[hidden],.live-recent-overlay[hidden],.on-demand-overlay[hidden]{display:none}
.live-channel-zapper button{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(8,11,15,.68);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 28px rgba(0,0,0,.32);font-size:1.55rem;font-weight:900;backdrop-filter:blur(9px)}
.live-channel-zapper span{max-width:116px;padding:5px 8px;border-radius:999px;background:rgba(8,11,15,.62);color:#eef2f4;font-size:.61rem;font-weight:850;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(9px)}
.live-recent-overlay{position:absolute;z-index:6;left:92px;right:18px;bottom:105px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(8,11,15,.64);box-shadow:0 10px 32px rgba(0,0,0,.35);backdrop-filter:blur(12px);transition:opacity .2s}
.live-overlay-tabs{display:flex;flex:0 0 auto;gap:4px}.live-overlay-tabs button{min-width:70px;height:42px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#cbd2d7;font-size:.68rem;font-weight:900}.live-overlay-tabs button.active{background:rgba(255,255,255,.18);color:white}
.player-live-recent{min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.player-live-recent::-webkit-scrollbar{display:none}
.player-live-recent button{width:142px;min-width:142px;height:58px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:5px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.08);text-align:left}
.player-live-recent button.active{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.17)}
.player-live-recent img,.player-live-recent i{width:48px;height:48px;display:grid;place-items:center;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.42);color:white;font-style:normal;font-size:.65rem;font-weight:900}
.player-live-recent strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.69rem}
.player-view.controls-hidden .live-channel-zapper,.player-view.controls-hidden .live-recent-overlay,.player-view.controls-hidden .on-demand-overlay{opacity:0;pointer-events:none}
.on-demand-overlay{position:absolute;z-index:6;left:18px;right:18px;bottom:150px;display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(8,11,15,.64);box-shadow:0 10px 32px rgba(0,0,0,.35);backdrop-filter:blur(12px);transition:opacity .2s}
.on-demand-overlay-label{width:142px;min-width:142px}.on-demand-overlay-label strong,.on-demand-overlay-label small{display:block;overflow:hidden;text-overflow:ellipsis}.on-demand-overlay-label strong{font-size:.82rem}.on-demand-overlay-label small{margin-top:4px;color:#bdc6cc;font-size:.63rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.player-on-demand{min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.player-on-demand::-webkit-scrollbar{display:none}
.player-on-demand button{width:310px;min-width:310px;height:106px;display:grid;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:11px;padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.08);text-align:left}.player-on-demand button.active{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.18)}
.on-demand-thumb{position:relative;width:148px;height:83px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:rgba(0,0,0,.5);font-size:.78rem;font-weight:900}.on-demand-thumb img{width:100%;height:100%;object-fit:cover}.on-demand-thumb i{position:absolute;left:0;bottom:0;height:4px;background:var(--red)}
.player-on-demand button>span:last-child{min-width:0}.player-on-demand strong,.player-on-demand small{display:block;overflow:hidden;text-overflow:ellipsis}.player-on-demand strong{font-size:.76rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.player-on-demand small{margin-top:6px;color:#bdc6cc;font-size:.63rem;white-space:nowrap}
.player-state-pill{position:absolute;z-index:9;top:18px;left:50%;max-width:min(78%,520px);transform:translateX(-50%);padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(7,10,13,.7);box-shadow:0 7px 22px rgba(0,0,0,.3);backdrop-filter:blur(10px);color:#f3f5f6;font-size:.72rem;font-weight:850;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .18s}
.player-state-pill[hidden]{display:none}.player-state-pill.ready{color:#a9f0c9}.player-state-pill.warning{color:#ffd88a}
.home-section-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;margin-top:8px}.interface-settings-card h3{margin:22px 0 6px}
.player-view.minimal-player #media-provider-logo,.player-view.minimal-player #media-subtitle,.player-view.minimal-player #media-sync,.player-view.minimal-player #player-options-toggle,.player-view.minimal-player #player-fullscreen,.player-view.minimal-player .player-controls{display:none}
button{position:relative}button:not(:disabled):active{transform:scale(.96);filter:brightness(1.14)}
.player-action::after,.live-channel-zapper button::after,.center-controls button::after{content:"";position:absolute;inset:-7px;border-radius:inherit}
.seek-shell{position:relative;width:100%;height:46px;display:flex;align-items:center}
.seek{--seek-percent:0%;height:46px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:none}
.seek::-webkit-slider-runnable-track{height:9px;border-radius:999px;background:linear-gradient(to right,var(--red) 0,var(--red) var(--seek-percent),rgba(255,255,255,.34) var(--seek-percent),rgba(255,255,255,.34) 100%);box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.seek::-webkit-slider-thumb{width:28px;height:28px;margin-top:-9.5px;border:3px solid white;border-radius:50%;appearance:none;-webkit-appearance:none;background:var(--red);box-shadow:0 3px 12px rgba(0,0,0,.6)}
.seek::-moz-range-track{height:9px;border:0;border-radius:999px;background:rgba(255,255,255,.34)}
.seek::-moz-range-progress{height:9px;border-radius:999px;background:var(--red)}
.seek::-moz-range-thumb{width:23px;height:23px;border:3px solid white;border-radius:50%;background:var(--red);box-shadow:0 3px 12px rgba(0,0,0,.6)}
.seek-preview{position:absolute;z-index:2;bottom:39px;min-width:60px;padding:7px 9px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(7,9,12,.96);color:white;text-align:center;font-size:.76rem;font-weight:850;font-variant-numeric:tabular-nums;pointer-events:none}
.seek-preview:after{content:"";position:absolute;left:50%;bottom:-5px;width:9px;height:9px;transform:translateX(-50%) rotate(45deg);background:rgba(7,9,12,.96);border-right:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24)}

@media(max-width:700px){
  .center-controls{gap:18px}
  .center-controls button{width:64px;height:64px;font-size:.95rem}
  .center-controls .play-button{width:76px;height:76px;font-size:1rem}
  .youtube-history-heading{align-items:flex-start}
  .live-channel-zapper{left:8px;grid-template-columns:48px}
  .live-channel-zapper button{width:48px;height:48px;font-size:1.25rem}
  .live-channel-zapper span{display:none}
  .live-recent-overlay{left:8px;right:8px;bottom:74px;padding:7px 8px;gap:8px}
  .on-demand-overlay{left:8px;right:8px;bottom:118px;padding:8px 9px;gap:8px}
  .on-demand-overlay-label{width:78px;min-width:78px}.on-demand-overlay-label small{font-size:.55rem}
  .player-on-demand button{width:238px;min-width:238px;height:84px;grid-template-columns:120px minmax(0,1fr);gap:7px;padding:5px}.on-demand-thumb{width:120px;height:68px}.player-on-demand strong{font-size:.66rem}.player-on-demand small{display:block;font-size:.55rem}
  .live-recent-label{display:none}
  .live-overlay-tabs button{min-width:58px;height:38px;padding:0 7px;font-size:.62rem}
  .player-live-recent button{width:112px;min-width:112px;height:50px;grid-template-columns:40px minmax(0,1fr);gap:6px}
  .player-live-recent img,.player-live-recent i{width:40px;height:40px}
}

@media(max-width:700px), (max-height:520px) and (max-width:950px){
  .player-topbar{height:48px;padding:0 6px;gap:5px}
  .player-topbar>div:not(.player-telemetry){min-width:0;flex:1}
  .player-action{min-width:42px;height:34px;padding:0 6px;border-radius:9px;font-size:.62rem}
  .player-topbar #player-options-toggle{min-width:50px}
  .center-controls{gap:12px}
  .center-controls button{width:50px;height:50px;font-size:.82rem}
  .center-controls .play-button{width:60px;height:60px;font-size:.9rem}
}

/* Live TV */
.live-heading{align-items:flex-end}.live-heading .ghost{flex:0 0 auto}.live-history-heading{align-items:center}.live-history-clear{min-height:44px}.live-search{display:flex;gap:10px;margin:0 0 18px}.live-search input,.stalker-connection-card input{width:100%;height:50px;border:1px solid var(--line);border-radius:10px;background:#090c10;color:white;padding:0 13px}.live-search input{min-width:0}.live-search .primary{flex:0 0 auto}.live-genres{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none}.live-genres::-webkit-scrollbar{display:none}.live-genres button{min-height:48px;padding:0 18px;flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#11161c;color:#b8c1c8;font-weight:800}.live-genres button.active{background:white;color:#07090c}.live-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.live-channel{min-width:0;min-height:128px;padding:14px;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:13px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#151b22,#0e1217)}.live-channel:hover{border-color:rgba(255,255,255,.3)}.live-channel-logo{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#080b0e;color:#cbd2d7;font-weight:900}.live-channel-logo img{width:100%;height:100%;object-fit:contain}.live-channel-copy{min-width:0}.live-channel-copy strong,.live-channel-copy span,.live-channel-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-channel-copy strong{font-size:1rem}.live-channel-copy span{margin-top:7px;color:#e7ebed;font-size:.78rem}.live-channel-copy small{margin-top:5px;color:var(--muted);font-size:.68rem}.live-channel-actions{display:flex;flex-direction:column;gap:7px}.live-favorite,.live-history-remove{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.07);font-size:1.15rem}.live-favorite.active{color:#ff5d63;background:rgba(232,33,39,.14)}.live-history-remove{color:#cbd2d7;font-size:1.5rem;line-height:1}.live-history-remove:hover{color:white;background:rgba(232,33,39,.25)}.stalker-connection-card{border-color:rgba(89,215,244,.18)}.stalker-connection-card.connected{border-color:rgba(113,220,156,.35)}.stalker-connection-card>label,.stalker-advanced label{display:block;color:#c9d0d5;font-size:.78rem;margin:16px 0 7px}.stalker-advanced{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#090c10}.stalker-advanced summary{cursor:pointer;font-weight:850}.stalker-advanced input{background:#07090c}.stalker-advanced[open] summary{margin-bottom:10px}

@media(max-width:1100px){.live-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.main-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-button{font-size:.67rem}.live-channel-grid{grid-template-columns:minmax(0,1fr)}.live-channel{grid-template-columns:62px minmax(0,1fr) auto;min-height:104px;padding:11px}.live-channel-logo{width:62px;height:62px}.live-search{display:grid;grid-template-columns:minmax(0,1fr) auto}.live-heading .ghost{width:100%}}
.live-player .seek-shell{display:none}.live-player .media-time{font-weight:900;color:#ff6469}.live-player #media-duration{display:none}

/* Clean Live TV identity: provider artwork first, neutral fallback otherwise. */
.live-channel-logo.fallback{background:linear-gradient(145deg,#202a34,#10151b);color:#e5eaed;letter-spacing:.05em}
.player-provider-logo{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#11161c}
.player-provider-logo[hidden]{display:none}
.player-provider-logo img{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.player-provider-logo{width:34px;height:34px;flex-basis:34px}}

/* Locally cached Live TV logo enrichment and administrator corrections. */
.live-logo-edit{width:44px;height:34px;padding:0 5px;border-radius:9px;background:rgba(255,255,255,.07);color:#cbd2d7;font-size:.58rem;font-weight:850}
.logo-editor-backdrop{position:fixed;z-index:150;inset:0;padding:24px;display:grid;place-items:center;background:rgba(0,0,0,.82)}
.logo-editor-backdrop[hidden]{display:none}
.logo-editor{width:min(820px,100%);max-height:min(760px,calc(100vh - 48px));padding:24px;overflow:auto;border:1px solid var(--line);border-radius:20px;background:#0d1116;box-shadow:0 24px 90px rgba(0,0,0,.7)}
.logo-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.logo-editor-heading h2{margin:2px 0 0}
.logo-editor-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.logo-editor-actions button{min-height:46px}
.logo-editor-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.logo-candidate{min-width:0;min-height:92px;padding:10px;display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#141a21;text-align:left}
.logo-candidate:hover{border-color:rgba(255,255,255,.35)}.logo-candidate img{width:82px;height:68px;object-fit:contain;border-radius:8px;background:#080b0e}.logo-candidate span,.logo-candidate strong,.logo-candidate small{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.logo-candidate small{margin-top:6px;color:var(--muted)}
@media(max-width:700px){.logo-editor-backdrop{padding:8px}.logo-editor{max-height:calc(100vh - 16px);padding:16px}.logo-editor-candidates{grid-template-columns:minmax(0,1fr)}.logo-candidate{grid-template-columns:70px minmax(0,1fr)}.logo-candidate img{width:70px;height:58px}}

/* Tesla-first performance and motion controls. */
.app-header{height:64px;gap:24px}.auth-stage{min-height:calc(100vh - 64px)}
.nav-button{min-height:52px}.shelf,.poster-grid,.live-channel-grid{content-visibility:auto;contain-intrinsic-size:auto 420px}
body.is-scrolling .app-header{backdrop-filter:none;background:#080a0d}
body.is-scrolling .media-card *,body.is-scrolling .live-channel{box-shadow:none!important}
.skeleton-loading{min-height:260px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start;padding:28px 0}
.skeleton-loading i{display:block;aspect-ratio:2/3;border-radius:12px;background:linear-gradient(100deg,#11171d 20%,#1a222a 40%,#11171d 60%);background-size:240% 100%;animation:skeleton-slide 1.25s linear infinite}
@keyframes skeleton-slide{to{background-position-x:-240%}}
.activity-cards{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,24vw,330px);gap:12px;overflow-x:auto;padding:3px 2px 15px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.activity-card{min-width:0;padding:12px;display:grid;grid-template-columns:78px minmax(0,1fr);gap:13px;align-items:center;text-align:left;scroll-snap-align:start;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#151b22,#0e1217)}
.activity-card img,.activity-card-placeholder{width:78px;height:78px;border-radius:11px;object-fit:cover;background:#080b0e}.activity-card-placeholder{display:grid;place-items:center;font-weight:900}
.activity-card-copy{min-width:0}.activity-card-copy span,.activity-card-copy strong,.activity-card-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-card-copy span{margin-bottom:5px;color:var(--cyan);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.activity-card-copy small{margin-top:6px;color:var(--muted)}
#live-more{display:block;margin:18px auto 0;min-width:210px}#live-more[hidden]{display:none}
body.low-motion *,body.low-motion *:before,body.low-motion *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
body.low-motion{background:var(--bg)}body.low-motion .app-header{backdrop-filter:none}body.low-motion .logo-editor,body.low-motion .player-options-panel,body.low-motion .transcode-popover{box-shadow:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.app-header{backdrop-filter:none}}
@media(max-width:700px){.app-header{height:auto;min-height:0;padding:6px 14px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:42px 44px;align-items:center;gap:0 8px}.brand-button{grid-column:1;grid-row:1}.header-actions{grid-column:3;grid-row:1;margin-left:0;justify-self:end;gap:7px}.header-icon-button{width:38px;height:38px}.header-icon-button svg{width:21px;height:21px}.account-menu{right:-2px;top:calc(100% + 7px)}.main-nav{grid-column:1/-1;grid-row:2;order:initial;align-self:stretch;width:100%;height:44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.nav-button{width:100%;min-width:0;min-height:44px;padding:0 4px;font-size:.67rem}.passenger-note{position:static;min-height:0;padding:7px 12px;font-size:.65rem;line-height:1.35}.transcode-popover{top:52px}.skeleton-loading{grid-template-columns:repeat(3,minmax(0,1fr));min-height:200px}.skeleton-loading i:nth-child(4){display:none}.activity-cards{grid-auto-columns:min(82vw,310px)}.activity-card{grid-template-columns:66px minmax(0,1fr)}.activity-card img,.activity-card-placeholder{width:66px;height:66px}}

/* Provider-first navigation and source landing pages. */
.source-launcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 34px}
.source-launch-card{min-width:0;min-height:124px;padding:20px;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:15px;text-align:left;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#171d24,#0e1217)}
.source-launch-card:hover{border-color:rgba(255,255,255,.3);transform:translateY(-1px)}
.source-launch-card>span{grid-row:1/3;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;font-size:1.05rem;font-weight:950;background:rgba(255,255,255,.08)}
.source-launch-card strong{align-self:end;font-size:1.18rem}.source-launch-card small{align-self:start;margin-top:4px;color:var(--muted)}
.source-emby>span,.source-label-emby{color:#75dd84}.source-youtube>span,.source-label-youtube{color:#ff666b}.source-live>span,.source-label-live{color:#65d8f0}
.source-page-heading{align-items:center}.source-page-heading>button{flex:0 0 auto}.source-heading-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.source-search{width:min(780px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin:0 0 8px}
.source-search input{width:100%;min-width:0;height:54px;padding:0 15px;border:1px solid var(--line);border-radius:11px;background:#090c10;color:white}
.source-search button{min-width:112px}.source-search-status{min-height:1.5em;margin:0 0 26px}
.source-search-grid{margin:0 0 36px;padding:20px 0 32px;border-bottom:1px solid var(--line)}
.section-divider-heading{display:flex;align-items:end;justify-content:space-between;margin:36px 0 16px;padding-top:8px}
.section-divider-heading h2{margin:0;font-size:1.55rem}.section-divider-heading .eyebrow{margin-bottom:6px}
#youtube-results-section{padding-bottom:30px}.source-view>.youtube-note{margin-top:-15px}
#view-youtube,.youtube-history,#youtube-history-grid,#youtube-search-grid,.youtube-history-card,.youtube-card{min-width:0;max-width:100%}
#view-youtube{overflow-x:clip}.youtube-card strong{overflow-wrap:anywhere}

@media(max-width:700px){
  .source-launcher{gap:8px;margin:0 0 26px}
  .source-launch-card{min-height:88px;padding:10px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}
  .source-launch-card>span{width:38px;height:38px;flex:0 0 38px;border-radius:10px;font-size:.8rem}
  .source-launch-card strong{font-size:.84rem}.source-launch-card small{display:none}
  .source-page-heading{gap:14px}.source-page-heading>button{width:100%}.source-heading-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.source-heading-actions button{width:100%;min-width:0;padding:0 8px}
  .source-search{grid-template-columns:minmax(0,1fr) 88px}.source-search input{height:50px}.source-search button{min-width:0;padding:0 10px}
  .section-divider-heading{margin-top:30px}.section-divider-heading h2{font-size:1.35rem}
}

/* Unified Wryhn Media experience. These rules intentionally sit last so each
   provider shares one responsive visual language without changing its data flow. */
:root{--content-max:1600px;--surface:#10151b;--surface-raised:#151b22;--surface-soft:rgba(255,255,255,.055);--focus-ring:#74ddf5;--viewport-height:100dvh}
body{min-width:280px;background:radial-gradient(circle at 84% -8%,rgba(89,215,244,.09),transparent 34rem),radial-gradient(circle at 4% 18%,rgba(232,33,39,.055),transparent 30rem),var(--bg)}
.app-view,.detail-view{width:min(var(--content-max),calc(100% - clamp(28px,6vw,96px)));padding-top:clamp(28px,4vw,56px)}
.app-header{padding-left:max(clamp(16px,3vw,44px),env(safe-area-inset-left));padding-right:max(clamp(16px,3vw,44px),env(safe-area-inset-right))}
.primary,.ghost,.danger,.header-icon-button,.nav-button,.source-launch-card,.media-card,.youtube-card,.live-channel{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,opacity .16s ease}

/* Home dashboard */
.home-dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:clamp(24px,3vw,42px)}
.home-dashboard-header>div{max-width:820px}.home-dashboard-header h1{max-width:780px;margin-bottom:12px;font-size:clamp(2.4rem,5vw,5.25rem)}
.home-dashboard-header p:last-child{max-width:680px;margin:0;color:#aeb8c0;font-size:clamp(.9rem,1.25vw,1.05rem);line-height:1.55}
.home-search-action{min-width:220px;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 12px 35px rgba(232,33,39,.2)}
.home-search-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.home-hero{min-height:clamp(340px,48vw,600px);margin:0 0 clamp(34px,4vw,58px);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.home-hero .hero-copy{left:clamp(24px,5vw,78px);bottom:clamp(30px,6vw,74px)}
.home-hero .hero-copy h1{font-size:clamp(2.5rem,5vw,5.2rem)}
.home-services{margin-bottom:clamp(30px,4vw,52px)}
.home-services>.shelf-heading{margin-bottom:16px}.home-services>.shelf-heading h2,.unified-activity .shelf-heading h2{font-size:clamp(1.3rem,2vw,1.75rem)}
.source-launcher{gap:clamp(10px,1.4vw,20px);margin-bottom:0}
.source-launch-card{min-height:142px;grid-template-rows:auto auto auto;padding:clamp(16px,2vw,24px);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.source-launch-card>span{grid-row:1/4}.source-launch-card i{align-self:start;margin-top:12px;color:#dfe5e9;font-size:.72rem;font-style:normal;font-weight:850;letter-spacing:.02em}
.source-launch-card:hover,.source-launch-card:focus-visible{border-color:rgba(255,255,255,.32);background:linear-gradient(145deg,#1b232c,#11161c);transform:translateY(-2px)}

/* Consistent provider landing pages */
.source-view{overflow-x:clip}
.source-page-heading{align-items:flex-end;margin-bottom:clamp(24px,3vw,38px)}
.source-page-heading>div:first-child{max-width:800px}.source-page-heading h1{font-size:clamp(2.7rem,5vw,5.1rem)}
.source-page-heading .muted{max-width:680px;margin-bottom:0;font-size:.95rem}
.source-page-heading>button,.source-heading-actions button{min-width:158px}
.source-label{margin-bottom:12px}.source-label-emby{color:#75dd84}.source-label-youtube{color:#ff666b}.source-label-live{color:#65d8f0}
.source-search-panel{margin-bottom:4px}
.source-search{width:min(900px,100%);margin-bottom:8px}
.source-search input,.global-search-form input{height:56px;border-color:rgba(255,255,255,.13);border-radius:13px;background:#090d11;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.source-search input:hover,.global-search-form input:hover{border-color:rgba(255,255,255,.23)}
.source-search input:focus,.global-search-form input:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px rgba(89,215,244,.1);outline:0}
.source-search button{border-radius:13px}
.source-search-status{margin-bottom:clamp(22px,3vw,36px)}
.emby-page-header{display:flex;justify-content:center;margin:-4px 0 28px}
.emby-page-tabs{display:inline-flex;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.06)}
.emby-page-tabs button{min-width:108px;min-height:40px;padding:0 18px;border-radius:999px;background:transparent;color:var(--muted);font-weight:850}
.emby-page-tabs button.active{background:#edf0f2;color:#080a0d;box-shadow:0 4px 14px rgba(0,0,0,.3)}
#emby-search-grid.source-search-grid{margin-bottom:42px}
#view-live .source-search-status,#view-live #live-status{min-height:1.5em}

/* First-class search across providers */
.global-search-intro{max-width:860px;margin-bottom:26px}.global-search-intro h1{font-size:clamp(2.8rem,5.5vw,5.6rem)}
.global-search-intro>p:last-child{max-width:720px;color:#aeb8c0;font-size:1rem;line-height:1.55}
.global-search-form{position:relative;width:min(1120px,100%);display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:#090d11;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.global-search-form:focus-within{border-color:rgba(89,215,244,.7);box-shadow:0 0 0 3px rgba(89,215,244,.08),0 18px 45px rgba(0,0,0,.22)}
.global-search-form svg{width:21px;height:21px;margin-left:10px;fill:none;stroke:#aeb8c0;stroke-width:2;stroke-linecap:round}
.global-search-form input{height:50px;border:0;background:transparent;box-shadow:none}.global-search-form input:focus{box-shadow:none}
.global-search-form button{min-width:138px;height:50px;border-radius:12px}
.global-search-results{display:grid;gap:clamp(38px,5vw,70px);padding-top:18px}
.global-result-section{min-width:0;padding-top:8px}
.global-result-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.global-result-heading>div{display:flex;align-items:center;gap:13px}.global-result-heading p{margin:0 0 3px;color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.16em}.global-result-heading h2{margin:0;font-size:clamp(1.25rem,2vw,1.65rem)}
.global-result-heading .ghost{min-height:42px}.source-dot{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08);font-size:.72rem;font-weight:950}.source-emby-dot{color:#75dd84}.source-youtube-dot{color:#ff666b}.source-live-dot{color:#65d8f0}
.provider-result-status{min-height:1.25em;margin-bottom:15px}.global-empty-state{min-height:132px;display:grid;place-items:center;padding:24px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:var(--muted);text-align:center}
#global-youtube-grid.youtube-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}

/* Device-aware player geometry and pointer behavior */
.player-view{height:var(--viewport-height,100dvh);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.player-topbar{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.player-controls{padding-right:max(24px,env(safe-area-inset-right));padding-left:max(24px,env(safe-area-inset-left));padding-bottom:max(18px,env(safe-area-inset-bottom))}
@media(hover:hover) and (pointer:fine){
  button:not(:disabled):hover{filter:brightness(1.08)}
  .media-card:hover .poster,.youtube-card:hover .youtube-thumb{border-color:rgba(255,255,255,.34);transform:translateY(-2px)}
  .player-view.controls-hidden .media-stage:hover~.player-controls,.player-view.controls-hidden .media-stage:hover .center-controls,.player-view.controls-hidden .media-stage:hover .live-channel-zapper,.player-view.controls-hidden .media-stage:hover .live-recent-overlay,.player-view.controls-hidden .media-stage:hover .on-demand-overlay{opacity:1;pointer-events:auto}
}
@media(pointer:coarse){button,.media-card,.youtube-card,.live-channel{touch-action:manipulation}.primary,.ghost,.danger{min-height:48px}}

@media(max-width:700px){
  .app-view,.detail-view{width:calc(100% - 28px);padding-top:24px;padding-bottom:max(54px,env(safe-area-inset-bottom))}
  .home-dashboard-header{align-items:stretch;flex-direction:column;gap:18px;margin-bottom:24px}.home-dashboard-header h1{font-size:clamp(2.25rem,10vw,3.8rem)}.home-search-action{width:100%;min-width:0}
  .home-hero{min-height:clamp(360px,112vw,520px);border-radius:18px}.home-hero .hero-copy{left:20px;right:20px;bottom:28px;width:auto}.home-hero .hero-copy h1{font-size:clamp(2rem,10vw,3.4rem)}
  .home-services>.shelf-heading{align-items:flex-start;flex-direction:column;gap:4px}
  .source-launch-card i{display:none}
  .source-page-heading{align-items:stretch;flex-direction:column}.source-page-heading h1{font-size:clamp(2.4rem,12vw,4rem)}.source-page-heading>button{width:100%}
  .emby-page-header{margin-bottom:22px}.emby-page-tabs{width:100%}.emby-page-tabs button{flex:1;min-width:0}
  .source-search{grid-template-columns:minmax(0,1fr) 92px}.source-search input{height:52px}.source-search button{min-width:0;padding:0 10px}
  .global-search-intro h1{font-size:clamp(2.55rem,13vw,4.2rem)}
  .global-search-form{grid-template-columns:28px minmax(0,1fr);padding:6px}.global-search-form svg{margin-left:6px}.global-search-form input{min-width:0}.global-search-form button{grid-column:1/-1;width:100%;min-width:0}
  .global-result-heading{align-items:flex-start}.global-result-heading .ghost{min-width:0;padding:0 12px;font-size:.72rem}.source-dot{width:38px;height:38px}
  #global-youtube-grid.youtube-grid{grid-template-columns:minmax(0,1fr)}
  .player-topbar{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}
  .player-controls{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
}

@media(orientation:landscape) and (max-height:600px){
  .app-header{height:54px}.auth-stage{min-height:calc(var(--viewport-height,100dvh) - 54px)}
  .app-view,.detail-view{padding-top:22px}.passenger-note{padding-block:5px}
  .home-dashboard-header{align-items:center;margin-bottom:20px}.home-dashboard-header h1{font-size:clamp(2rem,5.4vw,3.5rem)}.home-dashboard-header>div>p:last-child{display:none}
  .home-hero{min-height:calc(var(--viewport-height,100dvh) - 150px);max-height:520px}.home-hero .hero-copy{bottom:24px}.home-hero .hero-copy>p:not(.eyebrow):not(.hero-meta){display:none}
  .source-page-heading{margin-bottom:20px}.source-page-heading h1,.global-search-intro h1{font-size:clamp(2.3rem,6vw,3.8rem)}
  .player-topbar{height:48px}.player-action{height:36px}.center-controls button{width:54px;height:54px}.center-controls .play-button{width:64px;height:64px}
}

/* TESLA-MEDIA-64: contained playback, deliberate artwork, and progressive context rails. */
.player-view{height:auto;min-height:0;max-height:none}
.media-stage{height:auto;max-height:100%;isolation:isolate}
.context-rail-toggle{position:absolute;z-index:8;left:50%;bottom:112px;min-height:42px;padding:0 18px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(8,11,15,.76);color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.34);backdrop-filter:blur(10px);font-size:.72rem;font-weight:900;transition:opacity .2s,background-color .16s}
.context-rail-toggle[hidden]{display:none}.context-rail-toggle[aria-expanded="true"]{background:rgba(255,255,255,.2)}
.player-view.controls-hidden .context-rail-toggle{opacity:0;pointer-events:none}
.player-context-more{grid-template-columns:1fr!important;place-items:center!important;text-align:center!important}
.player-context-more>span{font-size:1.5rem;line-height:1}.player-context-more>strong{display:block!important;margin-top:4px}
.artwork-fallback{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:7px;overflow:hidden;background:radial-gradient(circle at 30% 22%,rgba(116,221,245,.14),transparent 44%),linear-gradient(145deg,#17202a,#0b0f14);color:#e6ecef;text-align:center}
.artwork-fallback i{position:static!important;width:auto!important;height:auto!important;background:none!important;color:inherit!important;font-size:1.05rem!important;font-style:normal!important;line-height:1!important}
.artwork-fallback small{max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aeb9c1!important;font-size:.58rem!important;font-weight:800}
.chapter-card>.artwork-fallback{aspect-ratio:16/9;border:1px solid var(--line);border-radius:10px}.cast-card>.artwork-fallback{aspect-ratio:2/3;border:1px solid var(--line);border-radius:10px}
.activity-card>.artwork-fallback{width:72px;height:72px;flex:0 0 72px;border-radius:10px}.on-demand-thumb>.artwork-fallback{position:absolute;inset:0}
.player-live-recent>.player-context-more{grid-template-columns:1fr!important}.player-live-recent>.player-context-more .artwork-fallback{display:none}

@media(max-width:700px), (max-height:600px){
  .context-rail-toggle{bottom:76px;min-height:36px;padding:0 13px;font-size:.64rem}
  .live-player .context-rail-toggle{bottom:72px}
  .activity-card>.artwork-fallback{width:58px;height:58px;flex-basis:58px}
}

@media(min-width:1100px) and (hover:hover) and (pointer:fine){
  .app-view,.detail-view{padding-top:34px}
  .home-dashboard-header{margin-bottom:28px}.home-dashboard-header h1{font-size:clamp(2.5rem,3.25vw,3.75rem)}
  .home-hero{min-height:clamp(340px,36vw,500px);margin-bottom:38px}.home-hero .hero-copy h1{font-size:clamp(2.55rem,3.8vw,4.25rem)}
  .source-page-heading h1{font-size:clamp(2.6rem,3.7vw,4rem)}.global-search-intro h1{font-size:clamp(2.7rem,4vw,4.25rem)}
  .source-launch-card{min-height:118px}.center-controls{gap:32px}.center-controls button{width:68px;height:68px;font-size:1rem}.center-controls .play-button{width:80px;height:80px;font-size:1.08rem}
  .player-on-demand button{width:268px;min-width:268px;height:90px;grid-template-columns:122px minmax(0,1fr)}.on-demand-thumb{width:122px;height:69px}
  .on-demand-overlay{bottom:126px;padding:9px 11px}.on-demand-overlay-label{width:120px;min-width:120px}
}

@media(hover:hover) and (pointer:fine){
  .player-view.controls-hidden .media-stage:hover .player-controls,
  .player-view.controls-hidden .media-stage:hover .center-controls,
  .player-view.controls-hidden .media-stage:hover .live-channel-zapper,
  .player-view.controls-hidden .media-stage:hover .context-rail-toggle,
  .player-view.controls-hidden .media-stage:hover .live-recent-overlay,
  .player-view.controls-hidden .media-stage:hover .on-demand-overlay{opacity:1;pointer-events:auto}
}