:root{color-scheme:dark;--bg:#050812;--panel:#0b1020;--panel2:#111a33;--line:#263152;--text:#f6f8ff;--muted:#9ca9c9;--gold:#e50914;--mint:#ff2a2a;--focus:#ff4b4b;--violet:#8b0008;--cyan:#ff121d;--silver:#f4f4f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#050812;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:238px minmax(0,1fr)380px;min-height:100vh}.side,.detail{position:sticky;top:0;height:100vh;background:#080d1c;border-color:var(--line);border-style:solid;overflow:auto}.side{padding:22px 16px;border-width:0 1px 0 0}.detail{padding:24px;border-width:0 0 0 1px;box-shadow:-18px 0 60px rgba(0,0,0,.28)}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:linear-gradient(135deg,rgba(240,184,75,.08),rgba(90,200,166,.05))}.mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:var(--gold);color:#f7f9ff;font-weight:950;font-size:20px}.brand span,.server small,.empty span,#meta,.remote-hint,.settings-head span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.nav{display:grid;gap:8px}.nav button,.tv-toggle,.view-switch button,.profile-panel select,.profile-panel button{min-height:42px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:transparent}.nav button{position:relative;padding:0 14px;text-align:left;font-weight:850}.nav button.active{background:var(--panel2);border-color:#617066;color:#fff}.nav button.active::before{content:'';position:absolute;left:0;top:9px;bottom:9px;width:4px;border-radius:999px;background:var(--gold)}.profile-panel{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.profile-panel label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.profile-panel div{display:grid;grid-template-columns:1fr 44px;gap:8px}.profile-panel select,.profile-panel button{background:#070b18}.profile-panel button{font-size:22px;font-weight:900}.view-switch{display:grid;grid-template-columns:1fr;gap:7px;margin-top:14px}.view-switch button{font-weight:950;color:var(--muted)}.view-switch button.active{background:linear-gradient(135deg,var(--cyan),var(--violet));border-color:transparent;color:#fff}.tv-toggle{width:100%;margin-top:14px;background:#070b18;font-weight:900}.tv-toggle.active{background:linear-gradient(135deg,var(--cyan),var(--violet));border-color:transparent;color:#fff}.server{display:flex;gap:10px;align-items:center;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.server>span{width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(90,200,166,.12)}main{min-width:0;padding:0 28px 44px;overflow:hidden}.netflix-hero{min-height:500px;margin:0 -28px 24px;padding:86px 48px 42px;display:flex;align-items:end;background:linear-gradient(90deg,rgba(8,10,9,.98),rgba(8,10,9,.72) 42%,rgba(8,10,9,.16)),linear-gradient(0deg,#050812 0,rgba(8,10,9,0) 36%),radial-gradient(circle at 80% 20%,#24342b,#080d1c 55%);background-size:cover;background-position:center;border-bottom:1px solid var(--line)}.hero-copy{width:min(760px,100%)}.hero-copy p,.settings-head p,#kind{margin:0 0 8px;color:var(--mint);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:0}.hero-copy h1,.settings-head h1{margin:0 0 12px;font-size:clamp(46px,7vw,96px);line-height:.9}.hero-copy span{display:block;width:min(640px,100%);color:#d5ddd5;line-height:1.55}.hero-buttons{display:flex;gap:10px;margin-top:22px}.hero-buttons button,.command-bar button,.button-row button,.settings-form button,.metadata-form button,.access-controls button{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:#0a1022;color:var(--text);font-weight:950}.hero-buttons button:first-child,.command-bar button:first-child,.settings-form button,.metadata-form button,.access-controls button,.button-row button:first-child{background:linear-gradient(135deg,var(--cyan),var(--violet));border-color:transparent;color:#fff}.hero-buttons button:nth-child(2),.command-bar button:nth-child(2),.metadata-form button:last-child{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2);backdrop-filter:blur(8px)}.command-bar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.browse-bar{display:flex;justify-content:space-between;gap:12px;margin:0 0 22px}.browse-bar input,.browse-bar select,.settings-form input,.settings-form select,.metadata-form input,.metadata-form select{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#070b18;color:var(--text);outline:none;padding:0 12px}.browse-bar input{width:min(420px,100%)}.browse-bar select{width:210px}.home-rows{display:grid;gap:28px}.home-row{min-width:0}.row-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.row-head h2,.heading h2,.settings-card h2{margin:0}.row-head span,#count{color:var(--muted);font-size:13px}.row-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,235px);gap:16px;overflow-x:auto;padding:4px 4px 18px;scroll-snap-type:x proximity;scrollbar-color:var(--line) transparent}.rail{padding-bottom:36px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(174px,1fr));gap:18px;outline:none}.card{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),var(--panel);color:var(--text);text-align:left;overflow:hidden;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;scroll-snap-align:start}.card:hover,.card:focus-visible,.card.selected{transform:translateY(-5px) scale(1.015);border-color:var(--focus);box-shadow:0 22px 60px rgba(0,0,0,.42);outline:none}.poster{display:grid;aspect-ratio:2/3;align-items:end;padding:12px;background:var(--poster);background-size:cover;background-position:center;box-shadow:inset 0 -90px 90px rgba(0,0,0,.34)}.badge{width:max-content;border-radius:999px;padding:5px 9px;background:rgba(8,10,9,.72);font-size:12px;font-weight:950;backdrop-filter:blur(8px)}.info{padding:13px}.info strong{display:block;min-height:42px;line-height:1.18;font-weight:950}.fav-dot{float:right;color:var(--gold)}.info span{display:block;margin-top:8px;color:var(--muted);font-size:13px}.progress-line{height:6px;margin-top:10px;border-radius:999px;background:#303631;overflow:hidden}.progress-line span{display:block;height:100%;background:var(--mint);border-radius:inherit}.settings-page{display:none}.settings-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 18px;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(8,13,28,.76);position:sticky;top:0;z-index:12;backdrop-filter:blur(12px)}.settings-subnav button{min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#070b18;color:var(--muted);font-weight:950}.settings-subnav button.active{background:linear-gradient(135deg,var(--cyan),var(--violet));border-color:transparent;color:#fff}.settings-page{display:none}.settings-head{min-height:250px;margin:0 -28px 24px;padding:64px 48px 36px;display:flex;align-items:end;background:linear-gradient(115deg,rgba(240,184,75,.18),rgba(90,200,166,.1)),#0a1022;border-bottom:1px solid var(--line)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{padding:20px;border:1px solid var(--line);border-radius:8px;background:rgba(20,23,22,.92);box-shadow:0 20px 50px rgba(0,0,0,.18)}.settings-card.wide{grid-column:1/-1}.settings-card p{color:var(--muted);line-height:1.5}.settings-form,.metadata-form{display:grid;gap:8px}.metadata-form{grid-template-columns:150px repeat(3,minmax(140px,1fr)) 110px 120px}.button-row,.actions,.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.access-controls{display:grid;gap:10px}.access-controls label{display:flex;align-items:center;gap:8px;font-weight:850}.access-libraries{display:flex;gap:8px;flex-wrap:wrap}.access-libraries label{min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#070b18;color:var(--muted);font-size:13px}.network-links{display:flex;gap:8px;flex-wrap:wrap}.network-links a,.network-links button{min-height:40px;display:inline-grid;place-items:center;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#070b18;color:var(--text);text-decoration:none}.network-links a:first-child{background:var(--mint);border-color:var(--mint);color:#f7f9ff;font-weight:900}.view-home .settings-page,.view-home .rail{display:none}.view-home .home-rows{display:grid}.view-browse .settings-page,.view-browse .home-rows,.view-browse .netflix-hero{display:none}.view-browse .rail{display:block;margin-top:28px}.view-settings .netflix-hero,.view-settings .command-bar,.view-settings .browse-bar,.view-settings .home-rows,.view-settings .rail{display:none}.view-settings .settings-page{display:block}.empty{display:grid;min-height:100%;place-content:center;text-align:center}.hidden{display:none!important}.art{aspect-ratio:16/10;border-radius:8px;margin-bottom:18px;background:var(--poster);background-size:cover;background-position:center;box-shadow:0 18px 48px rgba(0,0,0,.28)}h2,p{margin-top:0}.overview{color:var(--muted);line-height:1.55}.people{display:grid;gap:8px;margin:12px 0}.people div{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#070b18;color:var(--muted);line-height:1.45}.people strong{color:var(--text)}video,audio{width:100%;margin:14px 0;border-radius:8px;background:#050605}audio.hidden,video.hidden{display:none}.subtitle-list{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.subtitle-list span{min-height:32px;display:inline-grid;place-items:center;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;background:#070b18}#favorite,#copy,#refreshMetadata{padding:0 14px}#favorite,#refreshMetadata{background:linear-gradient(135deg,var(--cyan),var(--violet));border-color:transparent;color:#fff;font-weight:950}code{display:block;margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);white-space:pre-wrap;word-break:break-all;background:#070b18}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:#171b19;color:var(--text);box-shadow:0 16px 40px rgba(0,0,0,.36);font-weight:850;z-index:30}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tv .app{grid-template-columns:220px minmax(0,1fr)}.tv .detail{display:none}.tv main{padding:0 34px 54px}.tv .netflix-hero{min-height:620px}.tv .hero-copy h1{font-size:clamp(72px,8vw,122px)}.tv .row-strip{grid-auto-columns:minmax(250px,315px);gap:24px}.tv .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.tv .card{border-width:2px}.tv .info strong{font-size:22px;min-height:58px}.tv .info span{font-size:16px}.tv button,.tv input,.tv select{min-height:56px;font-size:18px}@media(max-width:1180px){.app{grid-template-columns:220px minmax(0,1fr)}.detail{display:none}.settings-grid{grid-template-columns:1fr}.metadata-form{grid-template-columns:1fr 1fr}}@media(max-width:760px){.app{display:block}.side{position:static;height:auto;border-width:0 0 1px}.netflix-hero,.settings-head{margin:0 -18px 22px;padding:48px 22px 28px}.hero-copy h1,.settings-head h1{font-size:44px}main{padding:0 18px 34px}.browse-bar{flex-direction:column}.browse-bar input,.browse-bar select{width:100%}.row-strip{grid-auto-columns:minmax(150px,190px)}.grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.settings-grid,.metadata-form{grid-template-columns:1fr}.settings-subnav{position:static;margin-top:0}.settings-subnav button{flex:1 1 140px}.view-switch{grid-template-columns:repeat(3,1fr)}}
/* Control sizing correction */
.side{width:238px}.nav button,.view-switch button,.tv-toggle,.profile-panel select,.profile-panel button{width:100%;height:44px;min-height:44px;max-height:44px;display:flex;align-items:center;border-radius:8px;line-height:1;padding-top:0;padding-bottom:0}.nav button{justify-content:flex-start}.view-switch button,.tv-toggle,.profile-panel button{justify-content:center}.profile-panel div{grid-template-columns:minmax(0,1fr)44px}.profile-panel select{min-width:0;padding:0 10px;text-overflow:ellipsis}.profile-panel button{padding:0}.side button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browse-bar input,.browse-bar select,.settings-form input,.settings-form select,.settings-form button,.metadata-form input,.metadata-form select,.metadata-form button,.library-create input,.library-create select,.library-create button{height:44px;min-height:44px;max-height:44px;width:100%;line-height:1;padding-top:0;padding-bottom:0}.metadata-form,.settings-form{align-items:start}.settings-form{grid-template-columns:minmax(150px,1fr)160px minmax(260px,2fr)150px}.settings-form button{white-space:nowrap}.metadata-form{grid-template-columns:150px minmax(150px,1fr) minmax(180px,1fr) minmax(150px,1fr) 110px 120px}.command-bar button,.hero-buttons button,.button-row button,.access-controls button,.network-links a,.network-links button{height:44px;min-height:44px;max-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.access-libraries label{min-height:38px;display:flex;align-items:center}.access-libraries input{width:auto;height:auto;min-height:0}.settings-card{min-width:0}.settings-card p,#libraryFolders,#message{overflow-wrap:anywhere}.tv .side{width:220px}.tv .nav button,.tv .view-switch button,.tv .tv-toggle,.tv .profile-panel select,.tv .profile-panel button{height:56px;min-height:56px;max-height:56px;font-size:18px}.tv .profile-panel div{grid-template-columns:minmax(0,1fr)56px}.tv .browse-bar input,.tv .browse-bar select,.tv .settings-form input,.tv .settings-form select,.tv .settings-form button,.tv .metadata-form input,.tv .metadata-form select,.tv .metadata-form button{height:56px;min-height:56px;max-height:56px;font-size:18px}@media(max-width:1180px){.settings-form,.metadata-form{grid-template-columns:1fr 1fr}.settings-form input:last-of-type,.settings-form button,.metadata-form button{grid-column:auto}}@media(max-width:760px){.side{width:auto}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav button{justify-content:center;text-align:center}.view-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-form,.metadata-form{grid-template-columns:1fr}.settings-form input:last-of-type,.settings-form button,.metadata-form button{grid-column:1}}
/* OZ Box brand theme */
body{background:radial-gradient(circle at 70% -10%,rgba(229,9,20,.18),transparent 34rem),radial-gradient(circle at 18% 20%,rgba(140,0,8,.16),transparent 30rem),#050608}.brand{min-height:76px;background:linear-gradient(135deg,rgba(229,9,20,.16),rgba(255,255,255,.04));box-shadow:0 16px 40px rgba(0,0,0,.28)}.brand-logo{width:58px;height:58px;object-fit:cover;border-radius:8px;box-shadow:0 0 30px rgba(229,9,20,.38)}.mark{display:none}.brand strong{font-size:22px;letter-spacing:0;color:var(--silver)}.brand span{color:#d4d7df}.nav button.active,.view-switch button.active{background:linear-gradient(135deg,rgba(229,9,20,.28),rgba(120,0,8,.32));border-color:#e50914;color:#fff}.nav button.active::before{background:linear-gradient(180deg,#ff2a2a,#8b0008)}.tv-toggle.active,.hero-buttons button:first-child,.command-bar button:first-child,.settings-form button,.metadata-form button,.access-controls button,.button-row button:first-child,#favorite,#refreshMetadata,.imdb-identify button{background:linear-gradient(135deg,#ff1b25,#8b0008);border-color:transparent;color:#fff}.netflix-hero{background:linear-gradient(90deg,rgba(5,6,8,.98),rgba(5,6,8,.74) 42%,rgba(5,6,8,.18)),linear-gradient(0deg,#050608 0,rgba(5,6,8,0) 36%),radial-gradient(circle at 80% 20%,rgba(229,9,20,.24),rgba(120,0,8,.18) 38%,#080a10 68%);background-size:cover;background-position:center}.hero-copy p,.settings-head p,#kind{color:#ff3b3b}.hero-copy h1,.settings-head h1{color:#fff;text-shadow:0 0 34px rgba(229,9,20,.18)}.settings-head{background:linear-gradient(115deg,rgba(229,9,20,.18),rgba(255,255,255,.04)),#080a10}.card:hover,.card:focus-visible,.card.selected{border-color:#ff4b4b;box-shadow:0 24px 70px rgba(229,9,20,.24)}.badge{background:rgba(5,6,8,.78);border:1px solid rgba(255,75,75,.22)}.progress-line span,.server>span{background:linear-gradient(90deg,#ff2a2a,#8b0008)}.settings-card,.profile-panel,.server{background:rgba(10,12,18,.94)}.toast{background:#0b0d14;border-color:#3d1f24}.network-links a:first-child{background:linear-gradient(135deg,#ff1b25,#8b0008);border-color:transparent;color:#fff}.poster{box-shadow:inset 0 -90px 90px rgba(0,0,0,.42)}.tv .brand-logo{width:68px;height:68px}

.episode-season{display:grid;gap:10px}.episode-season>strong{color:var(--text);font-size:15px}.episode-list{display:grid;gap:8px}.episode-button{min-height:42px;width:100%;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#070b18;color:var(--text);text-align:left;display:flex;align-items:center;gap:10px;line-height:1.2}.episode-button span{min-width:64px;color:#ff4b4b;font-weight:950}.episode-button:hover,.episode-button:focus-visible{border-color:#ff4b4b;outline:none;background:#101321}.tv .episode-button{min-height:56px;font-size:18px}.tv .episode-button span{min-width:86px}

.library-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.library-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.library-form label input,.library-form label select{width:100%}.folder-builder{grid-column:1/-1;display:grid;gap:8px}.folder-builder>span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.folder-input-row{display:grid;grid-template-columns:minmax(0,1fr)100px 140px;gap:8px}.folder-input-row input,.folder-input-row button{height:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#070b18;color:var(--text);padding:0 12px}.folder-input-row button{background:linear-gradient(135deg,#ff1b25,#8b0008);border-color:transparent;color:#fff;font-weight:950}.folder-list{display:grid;gap:8px}.folder-chip{display:grid;grid-template-columns:minmax(0,1fr)90px;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:#080b14}.folder-chip code{margin:0;padding:0;border:0;background:transparent;color:var(--muted)}.folder-chip button{height:34px;border:1px solid var(--line);border-radius:8px;background:#15080a;color:#fff}.scan-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.scan-options label{display:flex;align-items:center;gap:8px;text-transform:none;font-size:13px;color:var(--text)}.scan-options input{width:auto;height:auto;min-height:0}.form-error{grid-column:1/-1;min-height:20px;color:#ff8b8b;font-weight:850}.library-form .button-row{grid-column:1/-1}.library-form .button-row button:last-child{background:#11131c;border-color:var(--line);color:var(--text)}@media(max-width:1000px){.library-form,.scan-options{grid-template-columns:1fr 1fr}}@media(max-width:700px){.library-form,.scan-options,.folder-input-row{grid-template-columns:1fr}}

.oz-empty{min-height:320px;display:grid;place-items:center;place-content:center;text-align:center;gap:12px;padding:34px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(229,9,20,.12),rgba(255,255,255,.035)),rgba(10,12,18,.9)}.oz-empty-mark{display:grid;place-items:center;width:74px;height:74px;border-radius:8px;background:linear-gradient(135deg,#ff1b25,#8b0008);font-weight:950;font-size:24px;box-shadow:0 0 34px rgba(229,9,20,.28)}.oz-empty h2{margin:0;font-size:30px}.oz-empty p{max-width:560px;margin:0;color:var(--muted);line-height:1.55}.oz-empty button{height:44px;min-height:44px;padding:0 18px;border:0;border-radius:8px;background:linear-gradient(135deg,#ff1b25,#8b0008);color:#fff;font-weight:950}.view-home .rail{display:none!important}.view-home .home-rows{display:grid!important}.view-browse .home-rows{display:none!important}.view-settings .home-rows,.view-settings .rail{display:none!important}

.rail:has(.oz-empty) .heading{display:none}

#checkFolder{background:#11131c!important;border-color:var(--line)!important;color:var(--text)!important}

.library-list{display:grid;gap:10px;margin:14px 0}.library-row{display:grid;grid-template-columns:minmax(0,1fr)120px 110px 90px;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#080b14}.library-row strong{display:block;color:var(--text)}.library-row span{display:block;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.library-row button{height:38px;border:1px solid var(--line);border-radius:8px;background:#11131c;color:var(--text);font-weight:900}.library-row button:first-of-type{background:linear-gradient(135deg,#ff1b25,#8b0008);border-color:transparent;color:#fff}.library-editor{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(5,6,8,.45)}.library-editor h3{margin:0 0 12px}.library-editor.hidden{display:none}.library-editor .button-row button:nth-child(3){background:#25090c;border-color:#5c1a20;color:#fff}.library-editor .button-row button:nth-child(4){background:#11131c;border-color:var(--line);color:var(--text)}@media(max-width:900px){.library-row{grid-template-columns:1fr 1fr}.library-row button{width:100%}}@media(max-width:560px){.library-row{grid-template-columns:1fr}}

.view-detail .netflix-hero,.view-detail .command-bar,.view-detail .browse-bar,.view-detail .home-rows,.view-detail .rail,.view-detail .settings-page{display:none}.view-detail .media-page{display:block}.view-home .media-page,.view-browse .media-page,.view-settings .media-page{display:none}.media-page{padding-bottom:46px}.media-detail,.person-page{min-height:100vh}.media-hero{min-height:560px;margin:0 -28px 30px;background-position:center;background-size:cover;border-bottom:1px solid var(--line)}.media-hero-overlay{min-height:560px;display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:28px;align-items:end;padding:42px 48px;background:linear-gradient(90deg,rgba(5,8,18,.98),rgba(5,8,18,.72) 54%,rgba(5,8,18,.18)),linear-gradient(0deg,#050812 0,rgba(5,8,18,0) 45%)}.back-button{position:absolute;margin-top:10px;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(5,8,18,.72);color:var(--text);font-weight:950}.media-poster{aspect-ratio:2/3;border-radius:8px;background:var(--poster);background-size:cover;background-position:center;box-shadow:0 28px 80px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12)}.media-copy{max-width:860px}.media-copy p,.person-hero p{margin:0 0 8px;color:var(--mint);font-size:12px;font-weight:950;text-transform:uppercase}.media-copy h1,.person-hero h1{margin:0 0 12px;font-size:clamp(44px,6vw,92px);line-height:.92}.media-copy>span,.person-hero span{display:block;color:#d8deea;line-height:1.55;max-width:760px}.detail-facts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.detail-facts span{min-height:30px;display:inline-grid;place-items:center;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:12px;font-weight:850}.detail-section{margin:0 0 30px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:14px}.section-head span,.metadata-grid span,.episode-card p,.episode-card span,.cast-card span{color:var(--muted);font-size:13px}.season-tabs,.version-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.season-tabs button,.version-row button{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:#070b18;color:var(--text);font-weight:950}.season-tabs button.active{background:linear-gradient(135deg,var(--cyan),var(--violet));border-color:transparent}.episode-list-rich{display:grid;gap:12px}.episode-card{display:grid;grid-template-columns:180px minmax(0,1fr)150px;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(15,20,34,.86)}.episode-thumb{aspect-ratio:16/9;border-radius:8px;background:var(--poster);background-size:cover;background-position:center;display:grid;place-items:end start;padding:10px;box-shadow:inset 0 -70px 70px rgba(0,0,0,.5)}.episode-thumb span{font-weight:950}.episode-card h3{margin:2px 0 8px}.episode-actions{display:grid;gap:8px}.episode-actions button,.cast-card{min-height:40px;border:1px solid var(--line);border-radius:8px;background:#070b18;color:var(--text);font-weight:900}.episode-actions button:first-child{background:linear-gradient(135deg,var(--cyan),var(--violet));border-color:transparent}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.metadata-grid div{padding:12px;border:1px solid var(--line);border-radius:8px;background:#070b18}.metadata-grid strong{display:block;margin-top:5px;line-height:1.35}.cast-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,170px);gap:12px;overflow-x:auto;padding-bottom:12px}.cast-card{padding:12px;text-align:left}.cast-card div,.person-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));font-weight:950;margin-bottom:10px}.cast-card strong{display:block}.row-strip.compact{grid-auto-columns:minmax(150px,190px)}.person-hero{min-height:300px;margin:0 -28px 28px;padding:84px 48px 34px;display:flex;align-items:end;gap:22px;background:linear-gradient(135deg,#0d111d,#170407);border-bottom:1px solid var(--line)}.person-avatar{width:104px;height:104px;font-size:42px;margin:0}.settings-card select{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#070b18;color:var(--text);padding:0 12px}@media(max-width:760px){.media-hero,.media-hero-overlay{min-height:auto}.media-hero{margin:0 -18px 24px}.media-hero-overlay{display:block;padding:74px 22px 28px}.media-poster{width:min(190px,56vw);margin-bottom:18px}.episode-card{grid-template-columns:1fr}.episode-actions{grid-template-columns:1fr 1fr}.person-hero{margin:0 -18px 24px;padding:74px 22px 28px;display:block}.person-avatar{margin-bottom:16px}}

.metadata-edit-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metadata-edit-form label{display:grid;gap:6px}.metadata-edit-form label span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.metadata-edit-form input,.metadata-edit-form textarea{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#070b18;color:var(--text);padding:10px 12px;font:inherit}.metadata-edit-form textarea{resize:vertical;line-height:1.45}.metadata-edit-form .wide{grid-column:1/-1}.metadata-edit-form .button-row{grid-column:1/-1}@media(max-width:900px){.metadata-edit-form{grid-template-columns:1fr}}

.library-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.library-tile{min-height:118px;padding:16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(229,9,20,.22),rgba(7,11,24,.92));color:var(--text);text-align:left;box-shadow:0 16px 40px rgba(0,0,0,.18)}.library-tile strong{display:block;font-size:20px;margin-bottom:10px}.library-tile span{color:var(--muted);font-weight:850}.library-tile:hover,.library-tile:focus-visible{border-color:var(--focus);transform:translateY(-2px)}

.view-watch .app{display:block;min-height:100vh}.view-watch .side,.view-watch .detail,.view-watch .netflix-hero,.view-watch .command-bar,.view-watch .browse-bar,.view-watch .home-rows,.view-watch .rail,.view-watch .settings-page{display:none}.view-watch main{padding:0;min-height:100vh}.view-watch .media-page{display:block;padding:0}.watch-page{min-height:100vh;background:#02040a}.watch-frame{min-height:68vh;display:grid;place-items:center;background:#000}.watch-frame video,.watch-frame audio{width:100%;max-height:78vh;margin:0;border-radius:0;background:#000}.watch-frame audio{width:min(900px,92vw);margin:12vh auto}.watch-info{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px 28px;border-top:1px solid var(--line);background:linear-gradient(180deg,#090d18,#050812)}.watch-info .watch-back-button{position:static;margin:0}.watch-info p{margin:0 0 6px;color:var(--mint);font-size:12px;font-weight:950;text-transform:uppercase}.watch-info h1{margin:0;font-size:clamp(24px,4vw,48px)}.watch-info span{display:block;color:var(--muted);margin-top:6px}.watch-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.watch-actions button{min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#070b18;color:var(--text);font-weight:950}.watch-actions button:last-child{background:linear-gradient(135deg,var(--cyan),var(--violet));border-color:transparent}.watch-next{padding:22px 28px}@media(max-width:760px){.watch-info{display:block}.watch-actions{justify-content:flex-start;margin-top:14px}.watch-frame{min-height:52vh}}
.watch-back-button{min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#070b18;color:var(--text);font-weight:950;white-space:nowrap}.watch-back-button:hover,.watch-back-button:focus-visible{border-color:var(--focus)}


/* OZBOX INTERFACE REVIEW 2026-06-27 */
:root{--bg:#08090D;--panel:#171A21;--panel2:#20242D;--line:#2A2F3A;--text:#F5F7FA;--muted:#B4BAC5;--gold:#E50914;--mint:#E50914;--focus:#E50914;--violet:#E50914;--cyan:#E50914;--silver:#F5F7FA;--radius:14px;--shadow:0 18px 50px rgba(0,0,0,.36)}
html,body{background:#08090D;color:var(--text);letter-spacing:0}body{background:radial-gradient(circle at 72% -18%,rgba(229,9,20,.12),transparent 34rem),#08090D}button,input,select,textarea{font:inherit}.hidden-control{display:none!important}.app{display:block;min-height:100vh}.app-header{position:sticky;top:0;z-index:40;height:auto;min-height:76px;width:100%;display:grid;grid-template-columns:auto minmax(420px,1fr) minmax(180px,300px) auto auto;align-items:center;gap:14px;padding:12px 24px;border:0;border-bottom:1px solid var(--line);background:rgba(8,9,13,.92);backdrop-filter:blur(16px);box-shadow:0 12px 34px rgba(0,0,0,.22);overflow:visible}.brand{margin:0;padding:0;border:0;background:transparent;box-shadow:none;display:flex;align-items:center;gap:10px;min-height:48px;color:var(--text)}.brand:hover,.brand:focus-visible{transform:none;border:0}.brand-logo{width:42px;height:42px;border-radius:10px;object-fit:cover;box-shadow:0 0 24px rgba(229,9,20,.28)}.brand strong{font-size:20px;color:var(--text);white-space:nowrap}.brand span,.server,.view-switch,.tv-toggle{display:none!important}.nav{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button,.settings-nav{height:40px;min-height:40px;width:auto;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font-weight:850;white-space:nowrap}.nav button.active,.settings-nav.active{background:#E50914;border-color:#E50914;color:#fff}.nav button.active::before{display:none}.nav button:hover,.settings-nav:hover{background:rgba(255,255,255,.06);color:var(--text)}.nav button.active:hover,.settings-nav.active:hover{background:#E50914;color:#fff}.header-search{min-width:0}.header-search input{width:100%;height:42px;border:1px solid var(--line);border-radius:999px;background:#101218;color:var(--text);padding:0 16px;outline:none}.header-search input::placeholder{color:var(--muted)}.header-search input:focus{border-color:#E50914;box-shadow:0 0 0 3px rgba(229,9,20,.16)}.profile-panel{margin:0;padding:0;border:0;background:transparent;box-shadow:none}.profile-panel label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.profile-panel div{display:grid;grid-template-columns:minmax(116px,1fr)40px;gap:8px}.profile-panel select,.profile-panel button{height:40px;min-height:40px;border-radius:999px;border:1px solid var(--line);background:#101218;color:var(--text)}.profile-panel button{font-size:20px;padding:0;color:#fff;background:#171A21}.settings-nav{background:#171A21;border-color:var(--line)}main{padding:0 32px 48px;overflow:visible}.command-bar{display:none!important}.browse-bar{justify-content:flex-end;margin:0 0 20px}.browse-bar select{width:220px;background:#171A21;border-color:var(--line);border-radius:999px;color:var(--text)}.netflix-hero{min-height:440px;margin:0 -32px 28px;padding:76px 52px 44px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(8,9,13,.96),rgba(8,9,13,.68) 48%,rgba(8,9,13,.2)),linear-gradient(0deg,#08090D 0,rgba(8,9,13,0) 36%);background-size:cover;background-position:center}.hero-copy{max-width:760px}.hero-copy p,.settings-head p,.media-copy p,.person-hero p,#kind{color:#E50914;letter-spacing:.04em}.hero-copy h1,.settings-head h1,.media-copy h1,.person-hero h1{color:#F5F7FA;text-shadow:none;letter-spacing:0}.hero-copy span,.media-copy>span,.person-hero span{color:#B4BAC5}.hero-buttons{gap:10px}.hero-buttons button,.ui-btn,.button-row button,.settings-form button,.metadata-form button,.access-controls button,.watch-actions button{height:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#171A21;color:#F5F7FA;font-weight:900;line-height:1}.hero-buttons button:first-child,.ui-btn-primary,.button-row button:first-child,.settings-form button,.metadata-form button,.access-controls button:first-of-type,.watch-actions .ui-btn-primary{background:#E50914;border-color:#E50914;color:#fff}.hero-buttons button:nth-child(2){background:#F5F7FA;border-color:#F5F7FA;color:#08090D}.ui-btn-secondary{background:#171A21;border-color:var(--line);color:var(--text)}.home-rows{gap:34px}.row-head{margin-bottom:14px}.row-head h2,.heading h2,.settings-card h2,.detail-section h2{font-size:22px;font-weight:900;color:#F5F7FA}.row-head span,#count,.remote-hint{color:#B4BAC5}.row-strip{grid-auto-columns:minmax(178px,220px);gap:16px;padding:2px 2px 22px}.grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:20px}.card{border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#171A21;box-shadow:0 10px 28px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover,.card:focus-visible,.card.selected{transform:translateY(-6px);border-color:#E50914;box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 0 1px rgba(229,9,20,.26)}.poster{border-radius:13px 13px 0 0;box-shadow:inset 0 -100px 90px rgba(0,0,0,.48);background-color:#101218}.badge{background:rgba(8,9,13,.78);border:1px solid rgba(255,255,255,.08);color:#F5F7FA}.info{padding:14px}.info strong{min-height:40px;font-size:15px;color:#F5F7FA}.info span{color:#B4BAC5}.fav-dot{color:#E50914}.progress-line{height:5px;background:#2A2F3A}.progress-line span{background:#E50914}.library-strip{gap:14px}.library-tile{border-color:rgba(255,255,255,.06);border-radius:14px;background:#171A21;box-shadow:var(--shadow)}.library-tile:hover,.library-tile:focus-visible{border-color:#E50914;box-shadow:0 20px 50px rgba(0,0,0,.42)}.settings-head{margin:0 -32px 24px;background:linear-gradient(115deg,rgba(229,9,20,.14),rgba(255,255,255,.03)),#08090D}.settings-card,.metadata-grid div,.episode-card,.people div{background:#171A21;border-color:rgba(255,255,255,.07);border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.18)}.settings-subnav{background:#101218;border-color:var(--line);border-radius:14px}.settings-subnav button{border-radius:999px}.settings-subnav button.active,.season-tabs button.active{background:#E50914;border-color:#E50914}.media-hero{margin:0 -32px 30px}.media-hero-overlay{background:linear-gradient(90deg,rgba(8,9,13,.98),rgba(8,9,13,.74) 54%,rgba(8,9,13,.2)),linear-gradient(0deg,#08090D 0,rgba(8,9,13,0) 45%)}.media-poster{border-radius:14px;box-shadow:0 28px 70px rgba(0,0,0,.52)}.detail-facts span{background:#171A21;color:#B4BAC5;border:1px solid rgba(255,255,255,.06)}.episode-thumb{border-radius:12px}.season-tabs button,.version-row button{border-radius:999px;background:#171A21}.action-menu{position:relative;display:inline-flex}.icon-btn{width:42px;height:42px;min-height:42px;border-radius:999px;border:1px solid var(--line);background:#171A21;color:#F5F7FA;font-size:20px;font-weight:900;line-height:1}.menu-list{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;display:none;padding:8px;border:1px solid var(--line);border-radius:12px;background:#171A21;box-shadow:0 20px 50px rgba(0,0,0,.45);z-index:50}.action-menu.open .menu-list,.action-menu:focus-within .menu-list{display:grid;gap:4px}.menu-list button{height:38px;min-height:38px;width:100%;justify-content:flex-start;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#F5F7FA}.menu-list button:hover{background:rgba(255,255,255,.06)}.loading-state{display:grid;place-items:center;gap:10px;min-height:180px;color:#B4BAC5}.loading-state span{width:30px;height:30px;border-radius:50%;border:3px solid #2A2F3A;border-top-color:#E50914;animation:oz-spin 1s linear infinite}@keyframes oz-spin{to{transform:rotate(360deg)}}.ui-dialog{background:#171A21;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);color:var(--text)}.view-detail .netflix-hero,.view-detail .command-bar,.view-detail .browse-bar,.view-detail .home-rows,.view-detail .rail,.view-detail .settings-page{display:none}.view-settings .netflix-hero,.view-settings .command-bar,.view-settings .browse-bar,.view-settings .home-rows,.view-settings .rail{display:none}.view-watch .app-header{display:none!important}.watch-page{background:#08090D}.watch-info{background:#08090D}.watch-back-button{background:#171A21;border-color:var(--line);border-radius:999px}.toast{background:#171A21;border-color:var(--line);color:#F5F7FA}.detail{display:none}@media(max-width:1180px){.app-header{grid-template-columns:auto 1fr auto;gap:10px}.nav{grid-column:1/-1;order:5}.header-search{min-width:180px}.profile-panel{min-width:150px}main{padding:0 24px 42px}.netflix-hero,.settings-head,.media-hero{margin-left:-24px;margin-right:-24px}}@media(max-width:760px){.app-header{position:sticky;grid-template-columns:1fr auto;align-items:center;padding:10px 14px}.brand strong{font-size:18px}.brand-logo{width:38px;height:38px}.settings-nav{grid-column:2}.header-search{grid-column:1/-1;order:3}.profile-panel{grid-column:1/-1;order:4;width:100%}.profile-panel div{grid-template-columns:minmax(0,1fr)40px}.nav{grid-column:1/-1;order:5;display:flex;gap:6px;overflow-x:auto}.nav button{height:38px;min-height:38px;padding:0 12px}.netflix-hero,.settings-head,.media-hero{margin-left:-16px;margin-right:-16px}.netflix-hero{min-height:380px;padding:60px 22px 34px}.hero-copy h1,.settings-head h1{font-size:42px}main{padding:0 16px 36px}.row-strip{grid-auto-columns:minmax(150px,184px)}.grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px}.media-hero-overlay{padding:72px 22px 28px}.hero-buttons{align-items:center}.metadata-edit-form{grid-template-columns:1fr}.watch-info{padding:18px}.watch-actions{justify-content:flex-start}.browse-bar{justify-content:stretch}.browse-bar select{width:100%}}
.view-home .browse-bar{display:none!important}
.hero-buttons .action-menu .icon-btn{background:#171A21!important;border-color:var(--line)!important;color:#F5F7FA!important}
.card:focus,.library-tile:focus,.episode-actions button:focus,.season-tabs button:focus,.settings-subnav button:focus,.watch-actions button:focus,.watch-back-button:focus,.back-button:focus,.media-copy button:focus,.app-header button:focus,.app-header select:focus,#search:focus{outline:3px solid rgba(229,9,20,.92)!important;outline-offset:4px;box-shadow:0 0 0 8px rgba(229,9,20,.14),0 22px 60px rgba(0,0,0,.44)!important}
.card:focus,.library-tile:focus{transform:translateY(-7px) scale(1.018)}
.menu-list button:focus{outline:0!important;background:rgba(229,9,20,.18)!important}

video::cue{color:#fff;background:rgba(0,0,0,.58);font-size:var(--subtitle-font-size,100%);line-height:1.35;text-shadow:0 2px 5px rgba(0,0,0,.95),0 0 2px #000}
video::cue(:lang(ar)){direction:rtl;unicode-bidi:plaintext;font-family:Tahoma,Arial,sans-serif}
.player-settings-menu{position:relative;display:inline-flex;align-items:center}
.player-settings-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(310px,calc(100vw - 38px));display:none;grid-template-columns:1fr;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#171a21;box-shadow:0 22px 56px rgba(0,0,0,.54);z-index:25}
.player-settings-menu.open .player-settings-panel{display:grid}
.player-settings-panel label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase}
.player-settings-panel select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#08090d;color:var(--text);padding:0 10px;outline:none}
.player-settings-panel select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.watch-frame video{box-shadow:0 24px 70px rgba(0,0,0,.42)}
.tv .player-settings-panel{width:360px}
.tv .player-settings-panel select{min-height:54px;font-size:18px}
@media(max-width:760px){.watch-actions{align-items:stretch}.player-settings-menu{position:static}.player-settings-panel{left:18px;right:18px;top:auto;width:auto}.player-settings-menu.open .player-settings-panel{position:fixed;bottom:18px}}

.watch-player-shell{position:relative;width:100%;display:grid;background:#000;overflow:hidden;isolation:isolate}
.watch-player-shell video{min-height:54vh;max-height:100vh;object-fit:contain}
.watch-overlay{position:absolute;inset:0;z-index:5;display:grid;grid-template-rows:auto 1fr auto;padding:22px;color:#F5F7FA;background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.08) 28%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.76));opacity:1;transition:opacity .24s ease,visibility .24s ease;pointer-events:none}
.watch-player-shell.controls-hidden .watch-overlay{opacity:0;visibility:hidden}
.watch-player-shell.controls-hidden video{cursor:none}
.watch-top-bar,.watch-center-controls,.watch-control-bar{pointer-events:auto}
.watch-top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;min-height:72px}
.watch-top-bar p{margin:0 0 5px;color:#E50914;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.watch-top-bar strong{display:block;max-width:min(820px,80vw);font-size:clamp(18px,2.4vw,34px);line-height:1.12;text-shadow:0 3px 16px rgba(0,0,0,.72)}
.watch-center-controls{display:flex;align-items:center;justify-content:center;gap:24px}
.watch-round{width:78px;height:78px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(23,26,33,.74);color:#F5F7FA;font-size:20px;font-weight:950;box-shadow:0 16px 42px rgba(0,0,0,.34);backdrop-filter:blur(12px);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.watch-round:hover,.watch-round:focus-visible{transform:scale(1.06);border-color:#E50914;background:rgba(229,9,20,.9)}
.watch-play-toggle{width:96px;height:96px;background:#F5F7FA;color:#08090D;font-size:19px}
.watch-play-toggle:hover,.watch-play-toggle:focus-visible{background:#E50914;color:#fff}
.watch-control-bar{align-self:end;padding-top:28px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.22))}
.watch-time-row{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:14px;align-items:center;color:#B4BAC5;font-size:13px;font-weight:850}
.watch-scrubber{width:100%;height:22px;accent-color:#E50914;background:transparent}
.watch-scrubber::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:#2A2F3A}
.watch-scrubber::-webkit-slider-thumb{margin-top:-6px;width:19px;height:19px;border-radius:50%;background:#E50914;box-shadow:0 0 0 5px rgba(229,9,20,.2)}
.watch-bottom-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:12px}
.watch-pill,.watch-control-field{min-height:44px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(23,26,33,.82);color:#F5F7FA;box-shadow:0 10px 28px rgba(0,0,0,.22);backdrop-filter:blur(12px)}
.watch-pill{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;font-weight:950}
.watch-pill.primary{background:#E50914;border-color:#E50914;color:#fff}
.watch-control-field{display:inline-flex;align-items:center;gap:8px;padding:0 12px}
.watch-control-field span{color:#B4BAC5;font-size:11px;font-weight:950;text-transform:uppercase}
.watch-control-field select{height:30px;min-height:30px;border:0;background:transparent;color:#F5F7FA;outline:0;font-weight:850}
.watch-control-field select:disabled{color:#B4BAC5}
.watch-volume input{width:104px;accent-color:#E50914}
.watch-pill:hover,.watch-pill:focus-visible,.watch-control-field:focus-within{border-color:#E50914;box-shadow:0 0 0 4px rgba(229,9,20,.16),0 10px 28px rgba(0,0,0,.28)}
.watch-player-shell .player-settings-menu{position:relative}
.watch-player-shell .player-settings-panel{right:0;top:auto;bottom:calc(100% + 12px)}
.subtitle-online{display:grid;gap:8px;padding-top:2px}
.subtitle-online-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.subtitle-online-row button,.subtitle-search-results button{min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#101218;color:#F5F7FA;font-weight:900}
.subtitle-online-row button{padding:0 12px;background:#E50914;border-color:#E50914}
.subtitle-search-results{display:grid;gap:6px;max-height:190px;overflow:auto}
.subtitle-search-results p{margin:0;color:#B4BAC5;font-size:12px;line-height:1.35;text-transform:none}
.subtitle-search-results button{display:grid;justify-items:start;gap:3px;padding:8px 10px;text-align:left}
.subtitle-search-results button strong{font-size:12px}
.subtitle-search-results button span{min-width:0;color:#B4BAC5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subtitle-search-results button:hover,.subtitle-search-results button:focus-visible{border-color:#E50914;background:rgba(229,9,20,.16)}
.subtitle-manual{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px;background:rgba(8,9,13,.5);color:var(--text)}
.subtitle-manual summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}
.subtitle-manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.subtitle-manual-grid input{min-width:0;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#101218;color:#F5F7FA;padding:0 10px;outline:none}
.subtitle-manual-grid input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.subtitle-diagnostics{display:grid;gap:5px;margin-top:8px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.22)}
.subtitle-diagnostics span{display:grid;grid-template-columns:94px minmax(0,1fr);gap:8px;align-items:start;color:#B4BAC5;font-size:11px;line-height:1.35;text-transform:none}
.subtitle-diagnostics strong{color:#F5F7FA;font-size:11px}
.subtitle-diagnostics em{min-width:0;font-style:normal;overflow-wrap:anywhere}
.tv .watch-overlay{padding:34px}
.tv .watch-top-bar strong{font-size:42px}
.tv .watch-round{width:104px;height:104px;font-size:26px}
.tv .watch-play-toggle{width:126px;height:126px}
.tv .watch-time-row{font-size:18px}
.tv .watch-pill,.tv .watch-control-field{min-height:58px;font-size:18px}
.tv .watch-control-field select{font-size:18px}
@media(max-width:760px){.watch-frame{min-height:100vh}.watch-player-shell video{min-height:100vh}.watch-overlay{padding:16px}.watch-top-bar{min-height:60px}.watch-top-bar strong{font-size:20px;max-width:92vw}.watch-center-controls{gap:12px}.watch-round{width:60px;height:60px;font-size:16px}.watch-play-toggle{width:76px;height:76px}.watch-control-bar{padding-top:18px}.watch-time-row{grid-template-columns:auto 1fr auto;gap:8px}.watch-bottom-controls{justify-content:stretch;gap:8px}.watch-pill,.watch-control-field{flex:1 1 132px;justify-content:center}.watch-volume{order:4}.watch-volume input{width:92px}.watch-player-shell .player-settings-menu{position:static}.watch-player-shell .player-settings-panel{left:12px;right:12px;bottom:72px;width:auto}}

.watch-badge{justify-self:end;align-self:start;border-radius:999px;padding:5px 9px;background:rgba(229,9,20,.9);color:#fff;font-size:11px;font-weight:950;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.card.watched .poster{filter:saturate(.72)}
.card.watched .info strong{color:#B4BAC5}
.episode-card.watched{border-color:rgba(229,9,20,.22)}
.episode-thumb{position:relative;overflow:hidden}
.episode-thumb b{position:absolute;right:10px;top:10px;border-radius:999px;padding:5px 9px;background:rgba(229,9,20,.92);color:#fff;font-size:11px;font-style:normal;font-weight:950}
.episode-card.watched .episode-thumb{filter:saturate(.74)}
.episode-card.watched h3{color:#B4BAC5}
.played-at{display:block;margin-top:7px;color:#E50914;font-size:12px;font-weight:850}

.show-progress-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:16px;align-items:stretch;margin:24px 0;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(135deg,rgba(229,9,20,.12),rgba(255,255,255,.03)),#171A21;box-shadow:0 18px 44px rgba(0,0,0,.22)}
.show-progress-panel>div{display:grid;align-content:center;gap:8px}
.show-progress-panel p{margin:0;color:#E50914;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.show-progress-panel h2{margin:0;color:#F5F7FA;font-size:clamp(24px,3vw,36px)}
.show-progress-panel strong{color:#F5F7FA;font-size:18px;line-height:1.35}
.show-progress-panel button{width:max-content;min-height:42px;padding:0 16px;border:1px solid #E50914;border-radius:999px;background:#E50914;color:#fff;font-weight:950}
.progress-actions,.season-progress-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.progress-actions button,.season-progress-actions button{min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#101218;color:#F5F7FA;font-weight:950}
.progress-actions button:first-child,.season-progress-actions button:first-child{background:rgba(229,9,20,.16);border-color:rgba(229,9,20,.55);color:#fff}
.progress-actions button:hover,.season-progress-actions button:hover,.progress-actions button:focus-visible,.season-progress-actions button:focus-visible{border-color:#E50914;box-shadow:0 0 0 4px rgba(229,9,20,.14)}
.season-tabs button span,.episode-filter-tabs button span{margin-left:6px;color:inherit;opacity:.78}
.episode-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}
.episode-filter-tabs button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#101218;color:#B4BAC5;font-weight:950}
.episode-filter-tabs button.active{background:#E50914;border-color:#E50914;color:#fff}
@media(max-width:760px){.show-progress-panel{grid-template-columns:1fr;margin:18px 0}.show-progress-panel button{width:100%}}

/* OZBOX CINEMATIC PLAYER 2026-06-27 */
.view-watch main,.view-watch .media-page,.watch-page,.watch-frame{width:100vw;min-height:100vh;padding:0;margin:0;background:#000;overflow:hidden}
.watch-frame{display:block;place-items:unset}
.watch-player-shell{position:fixed;inset:0;width:100vw;height:100vh;background:#000;display:block}
.watch-player-shell video{width:100vw!important;height:100vh!important;min-height:100vh;max-height:none;object-fit:contain;margin:0!important;border-radius:0;background:#000;box-shadow:none}
.watch-info{display:none!important}
.watch-overlay{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;padding:22px 26px;color:#F5F7FA;background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.12) 24%,rgba(0,0,0,0) 46%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.76));opacity:1;transition:opacity .24s ease,visibility .24s ease;pointer-events:none}
.watch-player-shell.controls-hidden .watch-overlay{opacity:0;visibility:hidden}
.watch-top-bar,.watch-center-controls,.watch-control-bar,.watch-next-card,.watch-file-card{pointer-events:auto}
.watch-top-bar{display:grid;grid-template-columns:42px minmax(0,1fr)42px;gap:14px;align-items:start}
.watch-title{min-width:0;padding-top:2px}
.watch-title p{margin:0 0 4px;color:#B4BAC5;font-size:12px;font-weight:850;letter-spacing:.02em;text-transform:none}
.watch-title strong{display:block;max-width:min(820px,80vw);font-size:clamp(18px,2.4vw,30px);line-height:1.15;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 4px 20px rgba(0,0,0,.8)}
.watch-icon-btn{width:38px;height:38px;min-height:38px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(16,18,24,.62);color:#F5F7FA;font-size:15px;font-weight:900;line-height:1;backdrop-filter:blur(14px);box-shadow:0 10px 26px rgba(0,0,0,.28)}
.watch-icon-btn:hover,.watch-icon-btn:focus-visible{border-color:#E50914;background:rgba(229,9,20,.18);outline:0;box-shadow:0 0 0 4px rgba(229,9,20,.14),0 12px 30px rgba(0,0,0,.36)}
.watch-back-button{position:static!important;margin:0!important;padding:0!important}
.watch-center-controls{align-self:center;justify-self:center;display:flex;align-items:center;justify-content:center;gap:18px;transition:opacity .2s ease,transform .2s ease}
.watch-round{width:60px;height:60px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(16,18,24,.52);color:#F5F7FA;font-size:22px;font-weight:950;backdrop-filter:blur(16px);box-shadow:0 18px 48px rgba(0,0,0,.34);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.watch-play-toggle{width:74px;height:74px;background:rgba(245,247,250,.9);color:#08090D;font-size:21px}
.watch-round:hover,.watch-round:focus-visible{transform:scale(1.06);border-color:#E50914;background:rgba(229,9,20,.82);color:#fff;outline:0}
.watch-control-bar{align-self:end;display:grid;gap:10px;padding:0 0 4px}
.watch-timeline-wrap{position:relative;height:26px;display:grid;align-items:center}
.watch-buffer-track{position:absolute;left:0;right:0;height:5px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}
.watch-buffer-track span,.watch-buffer-track b{position:absolute;left:0;top:0;height:100%;border-radius:inherit}
.watch-buffer-track span{width:0;background:rgba(255,255,255,.34)}
.watch-buffer-track b{width:0;background:#E50914}
.watch-scrubber{position:relative;z-index:2;width:100%;height:24px;opacity:0;cursor:pointer}
.timeline-preview{position:absolute;bottom:28px;left:0;width:150px;height:84px;display:grid;align-items:end;overflow:hidden;border-radius:10px;background:#171A21;background-size:cover;background-position:center;box-shadow:0 20px 50px rgba(0,0,0,.55);opacity:0;transform:translateX(-50%) translateY(8px);transition:opacity .14s ease,transform .14s ease;pointer-events:none}
.timeline-preview::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72))}
.timeline-preview span{position:relative;padding:8px;color:#fff;font-size:12px;font-weight:950;text-shadow:0 2px 8px #000}
.timeline-preview.visible{opacity:1;transform:translateX(-50%) translateY(0)}
.watch-bottom-controls{display:grid;grid-template-columns:auto auto minmax(82px,130px) auto auto auto auto;gap:8px;align-items:center;justify-content:end}
.watch-inline-play{background:rgba(245,247,250,.88);color:#08090D}
.watch-time-text{color:#F5F7FA;font-size:12px;font-weight:800;white-space:nowrap}
.watch-time-text b{margin-left:8px;color:#B4BAC5;font-weight:850}
.watch-volume{height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(16,18,24,.62);backdrop-filter:blur(14px)}
.watch-volume .watch-icon-btn{width:30px;height:30px;min-height:30px;border:0;background:transparent;box-shadow:none}
.watch-volume input{width:74px;accent-color:#E50914}
.player-settings-menu{display:inline-flex}
.watch-player-shell .player-settings-panel{right:0;bottom:calc(100% + 12px);top:auto;width:min(360px,calc(100vw - 34px));max-height:min(66vh,560px);overflow:auto;border-radius:14px;background:rgba(23,26,33,.96);backdrop-filter:blur(18px)}
.watch-player-shell .player-settings-panel label{gap:7px}
.watch-player-shell .player-settings-panel select{border-radius:10px}
.watch-next-button{position:relative}
.watch-next-button span{position:absolute;right:0;bottom:calc(100% + 12px);width:250px;min-height:118px;display:none;align-content:end;padding:54px 14px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(23,26,33,.96);background-size:cover;background-position:center;box-shadow:0 20px 50px rgba(0,0,0,.5);color:#F5F7FA;font-size:12px;line-height:1.35;text-align:left;white-space:normal;overflow:hidden}
.watch-next-button span::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.84))}
.watch-next-button span{position:absolute}
.watch-next-button span{z-index:1}
.watch-next-button:hover span,.watch-next-button:focus-visible span{display:block}
.watch-next-card,.watch-file-card{position:absolute;right:26px;bottom:92px;width:min(360px,calc(100vw - 52px));padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(23,26,33,.92);box-shadow:0 24px 60px rgba(0,0,0,.52);backdrop-filter:blur(18px)}
.watch-next-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.watch-next-card p{margin:0 0 3px;color:#E50914;font-size:11px;font-weight:950;text-transform:uppercase}
.watch-next-card strong{display:block;color:#F5F7FA;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.watch-next-card span,.watch-file-card span{display:block;margin-top:4px;color:#B4BAC5;font-size:12px}
.watch-next-card button{height:34px;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#171A21;color:#F5F7FA;font-weight:900}
.watch-file-card{left:26px;right:auto;bottom:auto;top:86px}
.watch-file-card strong{display:block;margin-bottom:6px}
.watch-file-card span{word-break:break-all;line-height:1.4}
.watch-next-card.hidden,.watch-file-card.hidden{display:none!important}
@media(max-width:760px){.watch-overlay{padding:14px}.watch-top-bar{grid-template-columns:38px minmax(0,1fr)38px}.watch-title strong{font-size:18px;max-width:74vw}.watch-center-controls{gap:12px}.watch-round{width:52px;height:52px;font-size:19px}.watch-play-toggle{width:64px;height:64px}.watch-bottom-controls{grid-template-columns:auto auto 1fr auto auto;justify-content:stretch}.watch-volume{display:none}.watch-time-text{font-size:11px}.watch-player-shell .player-settings-panel{left:12px;right:12px;bottom:70px;width:auto}.timeline-preview{width:128px;height:72px}.watch-next-card{right:14px;bottom:86px;width:calc(100vw - 28px)}.watch-file-card{left:14px;top:70px;width:calc(100vw - 28px)}}
.playback-preparing{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);max-width:min(420px,calc(100vw - 40px));padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(23,26,33,.86);color:#F5F7FA;text-align:center;font-weight:900;box-shadow:0 24px 70px rgba(0,0,0,.48);backdrop-filter:blur(14px)}

/* OZBOX UI REFINEMENT */
.home-row{position:relative}
.home-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 30px}
.overview-card{position:relative;min-height:118px;display:grid;align-content:space-between;gap:10px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)),#171A21;box-shadow:0 16px 40px rgba(0,0,0,.25);overflow:hidden}
.overview-card::after{content:'';position:absolute;right:-36px;bottom:-42px;width:118px;height:118px;border-radius:999px;background:rgba(245,247,250,.04)}
.overview-card-primary{border-color:rgba(229,9,20,.24);background:linear-gradient(135deg,rgba(229,9,20,.16),rgba(255,255,255,.025)),#171A21}
.overview-card-primary::after{background:rgba(229,9,20,.16)}
.overview-card-ready{box-shadow:0 16px 40px rgba(0,0,0,.25),inset 0 -3px 0 rgba(55,214,122,.5)}
.overview-card-warning{border-color:rgba(255,176,32,.26);box-shadow:0 16px 40px rgba(0,0,0,.25),inset 0 -3px 0 rgba(255,176,32,.62)}
.overview-card span,.overview-card strong,.overview-card small{position:relative;z-index:1}
.overview-card span{color:#B4BAC5;font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.overview-card strong{color:#F5F7FA;font-size:clamp(24px,3vw,38px);line-height:1;font-weight:950}
.overview-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;color:#B4BAC5;font-size:13px;line-height:1.35;overflow:hidden}
.row-head h2{font-size:clamp(20px,2.2vw,28px)}
.row-head span{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(23,26,33,.72)}
.library-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;overflow:visible;padding:2px 2px 4px}
.library-tile{position:relative;min-height:142px;display:grid;align-content:end;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(135deg,rgba(229,9,20,.13),rgba(255,255,255,.03)),#171A21;color:#F5F7FA;text-align:left;overflow:hidden}
.library-tile::before{content:'';position:absolute;right:-34px;top:-42px;width:138px;height:138px;border-radius:999px;background:rgba(229,9,20,.18);filter:blur(4px)}
.library-tile strong,.library-tile span,.library-tile small{position:relative}
.library-tile strong{font-size:22px;line-height:1.1}
.library-tile>span:not(.status-chip){color:#B4BAC5;font-weight:850}
.library-tile small{display:block;max-width:100%;color:#7F8794;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.library-tile-offline{background:linear-gradient(135deg,rgba(255,176,32,.12),rgba(255,255,255,.03)),#171A21}
.status-chip{width:max-content;min-height:26px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#101218;color:#F5F7FA;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.02em}
.status-chip::before{content:'';width:7px;height:7px;border-radius:50%;background:#B4BAC5}
.status-ready{color:#DFF8EA;background:rgba(25,135,84,.16);border-color:rgba(25,135,84,.32)}
.status-ready::before{background:#37D67A}
.status-offline,.status-warning{color:#FFE8B8;background:rgba(255,176,32,.14);border-color:rgba(255,176,32,.34)}
.status-offline::before,.status-warning::before{background:#FFB020}
.status-idle{color:#D8DEE9;background:rgba(180,186,197,.11);border-color:rgba(180,186,197,.2)}
.library-list{gap:12px}
.library-row{grid-template-columns:minmax(260px,1fr)92px 92px minmax(170px,.45fr) auto;gap:14px;padding:16px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),#171A21;border-color:rgba(255,255,255,.08);box-shadow:0 12px 32px rgba(0,0,0,.22)}
.library-row-offline,.library-row-warning{border-color:rgba(255,176,32,.28);box-shadow:0 12px 32px rgba(0,0,0,.22),inset 4px 0 0 rgba(255,176,32,.72)}
.library-row-ready{box-shadow:0 12px 32px rgba(0,0,0,.22),inset 4px 0 0 rgba(55,214,122,.54)}
.library-main{min-width:0;display:grid;gap:8px}
.library-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.library-title-line strong{font-size:18px}
.library-paths{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.library-error{display:block;color:#FFB020;line-height:1.35;overflow-wrap:anywhere}
.library-metric{display:grid;place-items:center;gap:2px;min-height:62px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#101218}
.library-metric strong{font-size:22px}
.library-metric span{font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.03em}
.library-meta{display:grid;align-content:center;gap:4px;color:#B4BAC5;font-size:12px}
.library-actions{display:flex;justify-content:flex-end;gap:8px}
.library-row .library-actions button{min-width:76px;border-radius:999px}
.library-row .library-actions button:first-child{background:#E50914;border-color:#E50914}
#libraryFolders{display:flex;gap:8px;flex-wrap:wrap}
.library-summary-chip{display:inline-grid;gap:2px;min-height:42px;padding:7px 11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#101218}
.library-summary-chip strong{color:#F5F7FA;font-size:13px}
.library-summary-chip small{color:#B4BAC5;font-size:11px}
@media(max-width:980px){.library-row{grid-template-columns:1fr 1fr}.library-main,.library-meta,.library-actions{grid-column:1/-1}.library-actions{justify-content:stretch}.library-actions button{flex:1}}
@media(max-width:980px){.home-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.home-overview{grid-template-columns:1fr;margin:16px 0 24px}.overview-card{min-height:104px}.library-strip{grid-template-columns:1fr}.library-row{grid-template-columns:1fr}.library-metric{place-items:start;padding:10px 12px}.library-actions{display:grid;grid-template-columns:1fr 1fr}.library-paths{white-space:normal}.row-head{align-items:start;gap:8px;flex-direction:column}}
.playback-settings-grid{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(300px,1.35fr);gap:16px;align-items:start}
.playback-tool-panel{display:grid;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#101218}
.performance-server-grid,.metadata-review-paging{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}
.performance-server-grid article{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(8,9,13,.48)}
.performance-server-grid span,.metadata-review-paging span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}
.performance-server-grid strong{display:block;min-width:0;margin-top:4px;color:var(--text);font-size:14px;overflow-wrap:anywhere}
.metadata-review-paging{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;margin:10px 0}
.metadata-review-paging button{min-height:38px}
.tool-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tool-panel-head strong{display:block;color:#F5F7FA;font-size:16px}
.tool-panel-head span{display:block;margin-top:4px;color:#B4BAC5;font-size:13px;line-height:1.35}
.tool-panel-head button{min-height:38px;padding:0 14px;border:1px solid #E50914;border-radius:999px;background:#E50914;color:#fff;font-weight:950;white-space:nowrap}
.tool-status-list{display:grid;gap:10px}
.tool-status-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#171A21}
.tool-status-row strong{display:block;color:#F5F7FA}
.tool-status-row small{display:block;margin-top:3px;color:#B4BAC5;line-height:1.35;overflow-wrap:anywhere}
.tool-status-row code{margin-top:8px;padding:8px;border-radius:8px;font-size:11px;color:#B4BAC5;background:#08090D}
.tool-missing{border-color:rgba(255,176,32,.24)}
@media(max-width:760px){.playback-settings-grid{grid-template-columns:1fr}.tool-panel-head{align-items:stretch;flex-direction:column}.tool-panel-head button{width:100%}.performance-server-grid{grid-template-columns:1fr 1fr}.metadata-review-paging{grid-template-columns:1fr}.metadata-review-paging button{width:100%}}

/* OZBOX PAGE POLISH 2026-06-27 */
.view-browse main{padding-top:24px}
.browse-hero{margin:0 0 22px}
.browse-hero-panel{position:relative;min-height:238px;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.42fr);gap:24px;align-items:end;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(90deg,rgba(8,9,13,.98),rgba(8,9,13,.8) 48%,rgba(8,9,13,.35)),linear-gradient(135deg,rgba(229,9,20,.16),rgba(255,255,255,.025)),#171A21;background-size:cover;background-position:center;box-shadow:0 24px 70px rgba(0,0,0,.34);overflow:hidden}
.browse-hero-panel::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(8,9,13,.68));pointer-events:none}
.browse-hero-panel::after{content:'';position:absolute;right:-80px;top:-120px;width:280px;height:280px;border-radius:999px;background:rgba(229,9,20,.16);filter:blur(6px);pointer-events:none}
.browse-hero-panel>div{position:relative;z-index:1}
.browse-hero-panel p{margin:0 0 8px;color:#E50914;font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.browse-hero-panel h1{margin:0;color:#F5F7FA;font-size:clamp(40px,5vw,72px);line-height:.92;font-weight:950}
.browse-hero-panel span{display:block;margin-top:12px;max-width:640px;color:#B4BAC5;line-height:1.5}
.browse-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.browse-metrics article{min-height:92px;display:grid;align-content:center;gap:4px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(23,26,33,.78);box-shadow:0 16px 36px rgba(0,0,0,.24);backdrop-filter:blur(12px)}
.browse-metrics strong{color:#F5F7FA;font-size:30px;line-height:1;font-weight:950}
.browse-metrics span{margin:0;color:#B4BAC5;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.03em}
.browse-bar{position:relative;z-index:3;min-height:52px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(23,26,33,.72);box-shadow:0 12px 32px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.view-home .browse-bar{display:none!important}
.rail>.heading{padding:0 2px 4px}
.rail>.heading h2{font-size:clamp(24px,3vw,34px)}
.rail>.heading span{min-height:30px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#171A21;color:#B4BAC5;font-weight:850}
.grid{align-items:start}
.card{position:relative}
.card::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,0);pointer-events:none;transition:box-shadow .18s ease}
.card:hover::after,.card:focus-visible::after,.card.selected::after{box-shadow:inset 0 0 0 1px rgba(229,9,20,.32)}
.info strong{letter-spacing:0}
.settings-head{min-height:300px;background:linear-gradient(100deg,rgba(8,9,13,.98),rgba(8,9,13,.82) 52%,rgba(229,9,20,.18)),radial-gradient(circle at 82% 20%,rgba(229,9,20,.24),transparent 320px),#08090D}
.settings-head h1{font-size:clamp(46px,6vw,84px)}
.settings-subnav{gap:10px;padding:10px;border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.settings-subnav button{min-height:40px;border-radius:999px}
.settings-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.settings-stat-card{display:grid;gap:8px;min-height:118px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)),#101218;box-shadow:0 14px 34px rgba(0,0,0,.2)}
.settings-stat-card span{color:#B4BAC5;font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.settings-stat-card strong{color:#F5F7FA;font-size:30px;line-height:1;font-weight:950}
.settings-stat-card small{color:#B4BAC5;line-height:1.35}
.settings-card{border-color:rgba(255,255,255,.08)}
.settings-card h2{font-size:24px}
.settings-form input,.settings-form select,.metadata-form select,.folder-input-row input{border-color:rgba(255,255,255,.1);background:#101218}
.settings-form input:focus-visible,.settings-form select:focus-visible,.metadata-form select:focus-visible,.folder-input-row input:focus-visible,#search:focus-visible{border-color:#E50914}
.access-controls,.playback-tool-panel,.folder-list,.library-list{min-width:0}
.button-row button:not(:first-child),.settings-form .button-row button:not(:first-child),.metadata-form button:last-child,#cleanMissing,#deleteSelectedLibrary,#closeLibraryEditor{background:#101218;border-color:rgba(255,255,255,.1);color:#F5F7FA}
.button-row button:hover,.settings-form button:hover,.metadata-form button:hover,.access-controls button:hover,.folder-input-row button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.28)}
@media(max-width:980px){.browse-hero-panel{grid-template-columns:1fr}.browse-metrics{max-width:520px}.settings-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.view-browse main{padding-top:14px}.browse-hero-panel{min-height:210px;padding:20px;border-radius:14px}.browse-hero-panel h1{font-size:40px}.browse-metrics{grid-template-columns:1fr 1fr}.browse-metrics article:first-child{grid-column:1/-1}.browse-bar{border-radius:14px}.settings-head{min-height:250px}.settings-overview{grid-template-columns:1fr}.settings-stat-card{min-height:104px}.settings-subnav{position:static;overflow-x:auto;flex-wrap:nowrap}.settings-subnav button{flex:0 0 auto}}

/* OZBOX PLAYER POLISH 2026-06-28 */
.watch-player-shell{background:radial-gradient(circle at 50% 44%,rgba(23,26,33,.9),#000 58%)}
.watch-player-shell::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 52%,rgba(229,9,20,.08),transparent 34vw);pointer-events:none;z-index:1}
.watch-player-shell video,.watch-player-shell audio{position:relative;z-index:0}
.watch-overlay{z-index:3;padding:24px 30px 26px;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.2) 22%,rgba(0,0,0,0) 45%,rgba(0,0,0,.16) 68%,rgba(0,0,0,.86));}
.watch-top-bar{grid-template-columns:42px minmax(0,1fr)42px;align-items:start}
.watch-title{display:grid;justify-items:center;gap:5px;text-align:center}
.watch-title p{max-width:min(760px,76vw);margin:0;color:#E50914;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.watch-title strong{max-width:min(900px,78vw);font-size:clamp(20px,2.1vw,34px);font-weight:900;letter-spacing:0}
.watch-state-pill{min-height:24px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(16,18,24,.56);color:#B4BAC5;font-size:11px;font-weight:900;backdrop-filter:blur(12px)}
.watch-icon-btn{width:40px;height:40px;min-height:40px;border-color:rgba(255,255,255,.11);background:rgba(12,14,19,.62);font-size:13px}
.watch-inline-play{background:rgba(245,247,250,.94);color:#08090D}
.watch-center-controls{gap:14px}
.watch-round{width:56px;height:56px;background:rgba(12,14,19,.5);font-size:14px}
.watch-play-toggle{width:72px;height:72px;background:rgba(245,247,250,.94);color:#08090D;font-size:20px}
.watch-round:hover,.watch-round:focus-visible{transform:scale(1.05)}
.watch-control-bar{gap:8px;padding:0 8px 2px}
.watch-timeline-wrap{height:30px}
.watch-buffer-track{height:6px;background:rgba(255,255,255,.16)}
.watch-buffer-track span{background:rgba(255,255,255,.34)}
.watch-buffer-track b{background:#E50914;box-shadow:0 0 18px rgba(229,9,20,.45)}
.watch-bottom-controls{grid-template-columns:auto auto minmax(108px,150px) auto auto auto;gap:9px;justify-content:end}
.watch-time-text{min-width:150px;text-align:center;color:#F5F7FA;font-size:12px}
.watch-time-text b{display:inline-block;min-width:48px;margin-left:6px}
.watch-volume{height:40px;background:rgba(12,14,19,.62)}
.watch-volume input{width:86px}
.player-settings-menu{position:relative}
.watch-settings-toggle{background:rgba(229,9,20,.16);border-color:rgba(229,9,20,.44)}
.watch-player-shell .player-settings-panel{display:none;grid-template-columns:1fr;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.55)}
.watch-player-shell .player-settings-menu.open .player-settings-panel{display:grid}
.player-settings-head{display:grid;gap:2px;padding-bottom:4px}
.player-settings-head strong{color:#F5F7FA;font-size:15px}
.player-settings-head span{color:#B4BAC5;font-size:12px}
.watch-player-shell .player-settings-panel label{display:grid;gap:6px;color:#B4BAC5;font-size:12px;font-weight:900}
.watch-player-shell .player-settings-panel select{height:38px;min-height:38px;border:1px solid rgba(255,255,255,.1);background:#101218;color:#F5F7FA}
.watch-spinner{position:absolute;left:50%;top:50%;z-index:4;display:grid;place-items:center;gap:10px;transform:translate(-50%,-50%);padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(12,14,19,.72);box-shadow:0 24px 70px rgba(0,0,0,.46);backdrop-filter:blur(18px);pointer-events:none}
.watch-spinner span{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:#E50914;animation:oz-spin 1s linear infinite}
.watch-spinner strong{color:#F5F7FA;font-size:13px}
.playback-preparing{z-index:5;border-radius:16px;background:rgba(12,14,19,.82)}
.watch-audio-shell{display:grid;place-items:center;background:#050608}
.watch-audio-shell audio{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.watch-audio-backdrop{position:absolute;inset:-28px;background:var(--poster);background-size:cover;background-position:center;filter:blur(26px) saturate(.8);opacity:.38;transform:scale(1.05)}
.watch-audio-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.52),rgba(0,0,0,.88)),radial-gradient(circle at 50% 40%,rgba(229,9,20,.16),transparent 42%)}
.watch-audio-art{position:absolute;left:50%;top:47%;z-index:2;width:min(320px,58vw);aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:var(--poster);background-size:cover;background-position:center;box-shadow:0 34px 90px rgba(0,0,0,.62);transform:translate(-50%,-50%)}
.watch-audio-art::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.watch-audio-shell .watch-center-controls{transform:translateY(172px)}
.watch-audio-shell .watch-title strong{max-width:min(680px,76vw)}
.watch-audio-shell .watch-control-bar{padding-bottom:8px}
@media(max-width:760px){.watch-overlay{padding:14px}.watch-title{justify-items:start;text-align:left}.watch-title p{max-width:68vw}.watch-title strong{max-width:68vw;font-size:18px}.watch-state-pill{display:none}.watch-center-controls{gap:10px}.watch-round{width:50px;height:50px}.watch-play-toggle{width:64px;height:64px}.watch-bottom-controls{grid-template-columns:auto auto 1fr auto auto;gap:7px}.watch-time-text{min-width:0;text-align:left;font-size:11px}.watch-volume{display:none}.watch-player-shell .player-settings-panel{left:12px;right:12px;bottom:72px;width:auto}.watch-audio-art{width:min(270px,70vw);top:44%}.watch-audio-shell .watch-center-controls{transform:translateY(146px)}}

/* OZBOX MUSIC PLAYER MODES 2026-07-11 */
.watch-music-video-shell{background:#000}
.watch-music-video-shell video{width:100%;height:100%;object-fit:contain;margin:0;border-radius:0;background:#000}
.watch-music-audio-shell{overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(229,9,20,.16),transparent 34%),linear-gradient(180deg,#08090D,#020304 72%)}
.watch-music-audio-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(170px,300px) minmax(260px,640px);gap:clamp(24px,5vw,58px);align-items:center;width:min(1060px,88vw);padding:clamp(22px,4vw,42px);border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(135deg,rgba(23,26,33,.82),rgba(8,9,13,.42));box-shadow:0 34px 120px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
.watch-music-artwork{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:var(--poster);background-size:cover;background-position:center;box-shadow:0 24px 78px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden}
.watch-music-artwork::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.22));pointer-events:none}
.watch-music-artwork-placeholder{background:linear-gradient(135deg,#E50914,#520007)}
.watch-music-artwork-placeholder strong{position:relative;z-index:1;color:#fff;font-size:clamp(44px,7vw,88px);line-height:.9;font-weight:950;letter-spacing:0}
.watch-music-artwork-placeholder span{position:absolute;z-index:1;bottom:22px;color:rgba(255,255,255,.82);font-weight:900}
.watch-music-visualizer{min-width:0;display:grid;gap:20px}
.watch-music-visualizer p{margin:0;color:#B4BAC5;font-size:clamp(13px,1.4vw,16px);font-weight:850;line-height:1.4;overflow-wrap:anywhere}
.watch-music-wave-bars{height:clamp(96px,18vh,188px);display:flex;align-items:center;gap:clamp(3px,.55vw,7px);padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(8,9,13,.58);overflow:hidden}
.watch-music-wave-bars span{flex:1 1 0;min-width:3px;height:var(--h,40%);border-radius:999px;background:linear-gradient(180deg,#F5F7FA,#E50914 65%,#780008);box-shadow:0 0 18px rgba(229,9,20,.22);opacity:.9;animation:oz-wave 1.45s ease-in-out infinite;animation-delay:calc(var(--i,0) * -43ms);transform-origin:center}
.watch-music-wave-bars.has-waveform span{animation-duration:1.9s;opacity:.82}
.watch-music-audio-shell .watch-center-controls{align-self:end;transform:none;margin-bottom:min(150px,18vh)}
.watch-music-audio-shell .watch-control-bar{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
.watch-music-audio-shell .watch-title strong{max-width:min(760px,78vw)}
@keyframes oz-wave{0%,100%{transform:scaleY(.58);filter:saturate(.82)}50%{transform:scaleY(1.08);filter:saturate(1.22)}}
@media(max-width:900px){.watch-music-audio-stage{grid-template-columns:1fr;width:min(620px,88vw);gap:22px;text-align:center}.watch-music-artwork{width:min(270px,62vw);justify-self:center}.watch-music-visualizer p{max-width:100%}.watch-music-wave-bars{height:112px}.watch-music-audio-shell .watch-center-controls{margin-bottom:118px}}
@media(max-width:560px){.watch-music-audio-stage{width:min(420px,90vw);padding:18px;border-radius:20px}.watch-music-artwork{width:min(220px,58vw);border-radius:18px}.watch-music-wave-bars{height:82px;padding:10px;gap:3px}.watch-music-wave-bars span:nth-child(n+49){display:none}.watch-music-audio-shell .watch-center-controls{margin-bottom:96px}.watch-music-audio-shell .watch-bottom-controls{grid-template-columns:auto auto 1fr auto}.watch-music-audio-shell .watch-control-bar{padding-left:0;padding-right:0}}

/* OZBOX SEARCH PANEL 2026-06-28 */
.header-search{position:relative;z-index:70}
.search-panel{position:absolute;left:0;right:0;top:calc(100% + 10px);display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(23,26,33,.96);box-shadow:0 26px 70px rgba(0,0,0,.52);backdrop-filter:blur(18px);overflow:hidden}
.search-panel::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(229,9,20,.08),rgba(255,255,255,.025));pointer-events:none}
.search-panel>*{position:relative}
.search-panel-head,.search-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px;color:#B4BAC5;font-size:12px}
.search-panel-head strong{color:#F5F7FA;font-size:13px}
.search-panel-head span,.search-panel-foot{font-weight:850}
.search-results{display:grid;gap:8px;max-height:min(58vh,520px);overflow:auto;padding-right:2px}
.search-result{display:grid;grid-template-columns:minmax(0,1fr)64px;gap:8px;align-items:stretch}
.search-result-main{min-width:0;min-height:72px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:11px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#101218;color:#F5F7FA;text-align:left}
.search-result-main:hover,.search-result-main:focus-visible{border-color:#E50914;background:#171A21;box-shadow:0 12px 28px rgba(0,0,0,.26)}
.search-thumb{width:52px;height:56px;border-radius:9px;background:var(--poster);background-size:cover;background-position:center;box-shadow:inset 0 -28px 34px rgba(0,0,0,.32)}
.search-copy{min-width:0;display:grid;gap:4px}
.search-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.search-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#B4BAC5;font-size:12px;line-height:1.25}
.search-type{min-height:26px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#171A21;color:#B4BAC5;font-size:11px;font-weight:950;white-space:nowrap}
.search-play{min-height:72px;border:1px solid #E50914;border-radius:12px;background:#E50914;color:#fff;font-size:12px;font-weight:950}
.search-play:hover,.search-play:focus-visible{box-shadow:0 0 0 4px rgba(229,9,20,.18),0 12px 28px rgba(0,0,0,.3)}
.search-empty{display:grid;place-items:center;gap:4px;min-height:112px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#101218;text-align:center}
.search-empty strong{color:#F5F7FA}
.search-empty span{color:#B4BAC5;font-size:13px}
@media(max-width:1180px){.search-panel{left:0;right:0}}
@media(max-width:760px){.search-panel{position:fixed;left:14px;right:14px;top:232px;max-height:calc(100vh - 250px)}.search-results{max-height:calc(100vh - 360px)}.search-result{grid-template-columns:1fr}.search-play{min-height:40px}.search-result-main{grid-template-columns:48px minmax(0,1fr);min-height:68px}.search-type{display:none}}

/* OZBOX EMPTY STATE POLISH 2026-06-28 */
.oz-empty{position:relative;min-height:380px;display:grid;grid-template-columns:minmax(130px,.34fr) minmax(0,1fr);align-items:center;gap:24px;padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(135deg,rgba(229,9,20,.11),rgba(255,255,255,.025)),#171A21;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden;text-align:left}
.oz-empty::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,13,.34),rgba(8,9,13,0));pointer-events:none}
.oz-empty>*{position:relative}
.oz-empty-art{display:grid;place-items:center;gap:16px}
.oz-empty-mark{width:104px;height:104px;border-radius:22px;background:#E50914;color:#fff;box-shadow:0 22px 60px rgba(229,9,20,.28);font-size:34px}
.oz-empty-lines{display:grid;gap:7px;width:min(130px,100%)}
.oz-empty-lines span{display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.1)}
.oz-empty-lines span:nth-child(2){width:74%;background:rgba(229,9,20,.62)}
.oz-empty-lines span:nth-child(3){width:52%}
.oz-empty-copy{display:grid;gap:10px;max-width:720px}
.oz-empty-copy p{margin:0;color:#E50914;font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.oz-empty h2{margin:0;color:#F5F7FA;font-size:clamp(30px,4vw,52px);line-height:1;font-weight:950}
.oz-empty-copy span{display:block;max-width:640px;color:#B4BAC5;line-height:1.55}
.oz-empty-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.oz-empty-stats article{min-height:78px;display:grid;align-content:center;gap:4px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#101218}
.oz-empty-stats strong{color:#F5F7FA;font-size:28px;line-height:1}
.oz-empty-stats small{color:#B4BAC5;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.oz-empty button{grid-column:1/-1;justify-self:start;height:44px;min-height:44px;padding:0 18px;border:1px solid #E50914;border-radius:999px;background:#E50914;color:#fff;font-weight:950}
.oz-empty button:hover,.oz-empty button:focus-visible{box-shadow:0 14px 34px rgba(229,9,20,.28);transform:translateY(-1px)}
@media(max-width:720px){.oz-empty{grid-template-columns:1fr;gap:18px;padding:24px;text-align:center}.oz-empty button{justify-self:center}.oz-empty-copy span{margin:0 auto}.oz-empty-stats{grid-template-columns:1fr}.oz-empty-art{gap:12px}.oz-empty-mark{width:86px;height:86px;border-radius:18px;font-size:28px}}

/* OZBOX FFMPEG TOOL SETTINGS 2026-06-28 */
.playback-settings-grid .access-controls{align-content:start}
.playback-settings-grid .access-controls label:has(#ffmpegFolder){display:grid;gap:7px;align-items:start}
#ffmpegFolder{width:100%;height:42px;min-height:42px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#101218;color:#F5F7FA;padding:0 12px;outline:none}
#ffmpegFolder:focus{border-color:#E50914;box-shadow:0 0 0 3px rgba(229,9,20,.16)}
#saveFfmpegFolder{border-radius:999px;background:#E50914;border-color:#E50914;color:#fff}

/* OZBOX UNAVAILABLE MEDIA 2026-07-01 */
.card.unavailable,.episode-card.unavailable{opacity:.72}
.card.unavailable .poster,.episode-card.unavailable .episode-thumb{filter:grayscale(.55)}
.card.unavailable .badge,.episode-card.unavailable b{background:rgba(229,9,20,.9);color:#fff}
.card.unavailable:hover,.card.unavailable:focus-visible{border-color:rgba(255,255,255,.14);box-shadow:0 12px 32px rgba(0,0,0,.26);transform:none}
.episode-card.unavailable{border-color:rgba(229,9,20,.18)}
.episode-card.unavailable .episode-actions button[disabled],.media-detail.unavailable .hero-buttons button[disabled],.show-progress-panel button[disabled]{cursor:not-allowed;opacity:.75;background:#2A2F3A!important;border-color:rgba(255,255,255,.08)!important;color:#B4BAC5!important}
.media-detail.unavailable .media-poster{filter:grayscale(.45)}

/* OZBOX CARD BADGE LAYOUT 2026-07-01 */
.card .poster{padding:0}
.card-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.info .card-badges span{display:inline-flex;align-items:center;width:auto;margin-top:0;line-height:1}
.card-badges .badge{min-height:25px;padding:0 9px;background:#101218;border-color:rgba(255,255,255,.1);color:#F5F7FA;font-size:11px}
.card-badges .type-badge{color:#F5F7FA}
.card-badges .watch-status-badge{color:#B4BAC5;background:rgba(255,255,255,.045)}
.card.unavailable .card-badges .type-badge{background:#101218;color:#F5F7FA}
.card.unavailable .card-badges .watch-status-badge{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1);color:#B4BAC5}
.info .card-meta{display:block;margin-top:8px;color:#B4BAC5;font-size:13px;line-height:1.35}
.card-note,.played-at{display:block;margin-top:7px;color:#7F8794;font-size:12px;line-height:1.35}
.card-note{color:#FFB020}
.tv .card-badges .badge{min-height:30px;font-size:12px;padding:0 11px}

/* OZBOX CAST PHOTOS 2026-07-01 */
.cast-row{grid-auto-columns:minmax(150px,178px);gap:14px;padding:2px 2px 16px}
.cast-card{display:grid;align-content:start;gap:9px;min-height:244px;padding:10px;border-radius:14px;background:#171A21;border-color:rgba(255,255,255,.08);box-shadow:0 12px 32px rgba(0,0,0,.2);overflow:hidden}
.cast-card:hover,.cast-card:focus-visible{border-color:#E50914;transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.38)}
.cast-card .cast-photo{width:100%;height:auto;aspect-ratio:2/3;margin:0;border-radius:12px;background:#101218;background-size:cover;background-position:center;box-shadow:inset 0 -44px 50px rgba(0,0,0,.34)}
.cast-card .cast-photo-empty{display:grid;place-items:center;background:linear-gradient(135deg,rgba(229,9,20,.82),rgba(80,12,18,.92));color:#fff;font-size:42px;font-weight:950}
.cast-card strong{min-height:36px;color:#F5F7FA;line-height:1.18}
.cast-card span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;overflow:hidden;color:#B4BAC5;line-height:1.25}
@media(max-width:760px){.cast-row{grid-auto-columns:minmax(134px,156px)}.cast-card{min-height:220px}}

/* OZBOX RESPONSIVE EMPTY STATES 2026-07-01 */
.grid>.oz-empty,
.rail>.oz-empty,
.home-rows>.oz-empty{
  grid-column:1/-1;
  justify-self:center;
  width:min(100%,720px);
  max-width:720px;
  min-width:0;
  min-height:auto;
  overflow:hidden;
}
.grid>.oz-empty{
  margin:18px auto 40px;
}
.oz-empty{
  inline-size:min(100%,720px);
  max-inline-size:720px;
  min-inline-size:0;
  block-size:auto;
  min-block-size:auto;
  grid-template-columns:minmax(92px,140px) minmax(0,1fr);
  align-items:center;
  gap:22px;
  padding:clamp(22px,4vw,34px);
}
.oz-empty-art,
.oz-empty-copy,
.oz-empty-stats,
.oz-empty button{
  min-width:0;
}
.oz-empty-copy{
  max-width:100%;
}
.oz-empty-copy p,
.oz-empty h2,
.oz-empty-copy span,
.oz-empty-stats small,
.oz-empty button{
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}
.oz-empty h2{
  max-width:100%;
  line-height:1.08;
}
.oz-empty-copy span{
  max-width:100%;
}
.oz-empty-stats{
  width:100%;
  min-width:0;
}
.oz-empty button{
  max-width:100%;
}
@media(max-width:760px){
  .grid>.oz-empty,
  .rail>.oz-empty,
  .home-rows>.oz-empty,
  .oz-empty{
    width:100%;
    max-width:100%;
  }
  .oz-empty{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
    gap:18px;
  }
  .oz-empty-copy span{
    margin:0 auto;
  }
  .oz-empty-stats{
    grid-template-columns:1fr;
  }
  .oz-empty button{
    justify-self:center;
  }
}

/* OZBOX HOME HERO CAROUSEL 2026-07-01 */
.netflix-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition:background-image .55s ease,background-position .55s ease;
}
.netflix-hero::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(8,9,13,.98),rgba(8,9,13,.7) 46%,rgba(8,9,13,.18)),
    linear-gradient(0deg,#08090D 0,rgba(8,9,13,.7) 18%,rgba(8,9,13,0) 52%),
    linear-gradient(180deg,rgba(8,9,13,.52),rgba(8,9,13,0) 34%);
  pointer-events:none;
}
.hero-copy{
  position:relative;
  z-index:2;
  transition:opacity .45s ease,transform .45s ease;
}
.hero-animating .hero-copy{
  opacity:.28;
  transform:translateX(14px);
}
.hero-carousel-ready .hero-buttons{
  margin-bottom:26px;
}
.hero-nav{
  position:absolute;
  left:24px;
  right:24px;
  top:50%;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  pointer-events:none;
  transform:translateY(-50%);
}
.hero-nav button{
  width:46px;
  height:46px;
  min-height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(245,247,250,.18);
  border-radius:999px;
  background:rgba(23,26,33,.58);
  color:#F5F7FA;
  box-shadow:0 14px 38px rgba(0,0,0,.34);
  backdrop-filter:blur(14px);
  font-size:34px;
  font-weight:650;
  line-height:1;
  pointer-events:auto;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease;
}
.hero-nav button:hover,
.hero-nav button:focus-visible{
  background:#E50914;
  border-color:#E50914;
  transform:scale(1.04);
}
.hero-dots{
  position:absolute;
  left:52px;
  bottom:24px;
  z-index:4;
  display:flex;
  align-items:center;
  gap:8px;
}
.hero-dots button{
  width:9px;
  height:9px;
  min-height:9px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(245,247,250,.42);
  transition:width .2s ease,background .2s ease,opacity .2s ease;
}
.hero-dots button:hover,
.hero-dots button:focus-visible{
  background:#F5F7FA;
}
.hero-dots button.active{
  width:30px;
  background:#E50914;
}
@media(max-width:760px){
  .hero-carousel-ready .hero-buttons{
    margin-bottom:38px;
  }
  .hero-nav{
    left:16px;
    right:16px;
    top:auto;
    bottom:24px;
    justify-content:flex-end;
    gap:8px;
    transform:none;
  }
  .hero-nav button{
    width:40px;
    height:40px;
    min-height:40px;
    font-size:28px;
  }
  .hero-dots{
    left:22px;
    right:116px;
    bottom:38px;
    flex-wrap:wrap;
  }
}

/* OZBOX TWO CARD HOME HERO 2026-07-01 */
.netflix-hero{
  display:block;
  min-height:clamp(430px,48vw,620px);
  padding:70px 52px 54px;
  background:
    radial-gradient(circle at 86% 18%,rgba(229,9,20,.18),transparent 34rem),
    linear-gradient(180deg,rgba(8,9,13,.86),#08090D);
}
.hero-carousel-viewport{
  position:relative;
  z-index:2;
  width:100%;
  overflow:hidden;
}
.hero-track{
  display:flex;
  width:100%;
  transition:transform .72s cubic-bezier(.2,.8,.2,1);
  will-change:transform;
}
.hero-page{
  flex:0 0 100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.hero-title-card{
  position:relative;
  min-height:390px;
  display:flex;
  align-items:end;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:22px;
  background:#171A21;
  background-size:cover;
  background-position:center;
  box-shadow:0 28px 78px rgba(0,0,0,.46);
}
.hero-title-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(8,9,13,.06) 20%,rgba(8,9,13,.86)),
    linear-gradient(90deg,rgba(8,9,13,.88),rgba(8,9,13,.2) 70%);
  pointer-events:none;
}
.hero-title-card-copy{
  position:relative;
  z-index:2;
  width:min(620px,100%);
  display:grid;
  gap:10px;
  padding:28px;
}
.hero-title-card-copy p{
  margin:0;
  color:#E50914;
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.hero-title-card-copy h2{
  margin:0;
  color:#F5F7FA;
  font-size:clamp(34px,3.8vw,64px);
  line-height:.94;
  letter-spacing:0;
}
.hero-title-card-copy span{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  max-width:620px;
  overflow:hidden;
  color:#D5DAE3;
  line-height:1.5;
}
.hero-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:8px;
}
.hero-card-actions button{
  height:42px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(23,26,33,.78);
  color:#F5F7FA;
  font-weight:950;
  backdrop-filter:blur(12px);
}
.hero-card-actions button:first-child{
  border-color:#E50914;
  background:#E50914;
  color:#fff;
}
.hero-card-actions button:nth-child(2){
  border-color:rgba(245,247,250,.82);
  background:rgba(245,247,250,.92);
  color:#08090D;
}
.hero-single-card .hero-page{
  grid-template-columns:minmax(0,min(760px,100%));
  justify-content:center;
}
.hero-single-card .hero-title-card{
  min-height:390px;
}
.hero-animating .hero-track{
  filter:saturate(1.04);
}
.hero-nav{
  left:18px;
  right:18px;
}
.hero-dots{
  left:52px;
  bottom:22px;
}
@media(max-width:1180px){
  .netflix-hero{
    padding:58px 34px 48px;
  }
  .hero-page{
    gap:16px;
  }
  .hero-title-card{
    min-height:340px;
  }
  .hero-title-card-copy{
    padding:22px;
  }
}
@media(max-width:760px){
  .netflix-hero{
    min-height:420px;
    padding:52px 18px 64px;
  }
  .hero-page{
    grid-template-columns:1fr;
  }
  .hero-title-card{
    min-height:340px;
    border-radius:18px;
  }
  .hero-title-card-copy{
    padding:20px;
  }
  .hero-title-card-copy h2{
    font-size:clamp(32px,10vw,46px);
  }
  .hero-title-card-copy span{
    -webkit-line-clamp:2;
  }
}

/* OZBOX EPISODE BROWSER GRID 2026-07-01 */
.episode-list-rich{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
  gap:18px;
  align-items:start;
}
.episode-card{
  min-width:0;
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
  gap:0;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:#171A21;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.episode-card:hover,
.episode-card:focus-visible{
  transform:translateY(-5px);
  border-color:rgba(229,9,20,.72);
  background:#1B1F28;
  box-shadow:0 24px 60px rgba(0,0,0,.4),0 0 0 1px rgba(229,9,20,.16);
  outline:none;
}
.episode-thumb{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  min-height:0;
  display:block;
  padding:0;
  overflow:hidden;
  border-radius:0;
  background:#101218;
  background-size:cover;
  background-position:center;
  box-shadow:inset 0 -80px 90px rgba(0,0,0,.44);
}
.episode-thumb::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,9,13,0) 46%,rgba(8,9,13,.84));
  pointer-events:none;
}
.episode-thumb>span{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:2;
  min-height:26px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border-radius:999px;
  background:rgba(8,9,13,.72);
  color:#F5F7FA;
  font-size:12px;
  font-weight:950;
  backdrop-filter:blur(10px);
}
.episode-thumb>b{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:2;
  min-height:26px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border-radius:999px;
  background:rgba(229,9,20,.9);
  color:#fff;
  font-size:11px;
  font-weight:950;
}
.episode-preview{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .18s ease;
}
.episode-card:hover .episode-preview,
.episode-card:focus-within .episode-preview,
.episode-card:focus-visible .episode-preview{
  opacity:1;
}
.episode-copy{
  min-width:0;
  display:grid;
  gap:8px;
  padding:14px 14px 12px;
}
.episode-labels{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
}
.episode-labels strong,
.episode-labels span{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:#101218;
  color:#F5F7FA;
  font-size:11px;
  font-weight:950;
}
.episode-labels span{
  color:#B4BAC5;
}
.episode-copy h3{
  min-height:42px;
  margin:0;
  color:#F5F7FA;
  font-size:16px;
  line-height:1.3;
  font-weight:900;
}
.episode-copy p{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  min-height:0;
  margin:0;
  overflow:hidden;
  color:#B4BAC5;
  font-size:13px;
  line-height:1.45;
}
.episode-card .progress-line{
  margin-top:2px;
}
.episode-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  padding:0 14px 14px;
}
.episode-actions button{
  min-width:0;
  height:38px;
  min-height:38px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:#101218;
  color:#F5F7FA;
  font-size:13px;
  font-weight:950;
}
.episode-actions button:first-child:not([disabled]){
  background:#E50914;
  border-color:#E50914;
  color:#fff;
}
.episode-actions button:last-child{
  width:72px;
}
.episode-card.unavailable{
  cursor:default;
}
@media(max-width:1180px){
  .episode-list-rich{
    grid-template-columns:repeat(auto-fill,minmax(235px,1fr));
    gap:16px;
  }
}
@media(max-width:760px){
  .episode-list-rich{
    grid-template-columns:repeat(auto-fill,minmax(min(100%,158px),1fr));
    gap:13px;
  }
  .episode-copy{
    padding:11px 11px 10px;
  }
  .episode-copy h3{
    min-height:38px;
    font-size:14px;
  }
  .episode-copy p{
    -webkit-line-clamp:2;
    font-size:12px;
  }
  .episode-actions{
    grid-template-columns:1fr;
    padding:0 11px 11px;
  }
  .episode-actions button:last-child{
    width:100%;
  }
}

/* OZBOX MOBILE PLAYER VIEWPORT FIX 2026-07-01 */
html,
body{
  min-height:100%;
  min-height:100dvh;
}
.view-watch{
  background:#000;
  overscroll-behavior:none;
}
.view-watch .app,
.view-watch main,
.view-watch .media-page,
.watch-page,
.watch-frame{
  width:100vw;
  height:100vh;
  height:100svh;
  height:100dvh;
  min-height:0;
  max-height:100dvh;
  padding:0;
  margin:0;
  overflow:hidden;
  background:#000;
}
.watch-player-shell{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  height:100svh;
  height:100dvh;
  min-height:0;
  max-height:100dvh;
  overflow:hidden;
  display:grid;
  grid-template:1fr/1fr;
  background:#000;
}
.watch-player-shell video{
  grid-area:1/1;
  width:100vw!important;
  height:100%!important;
  min-height:0;
  max-height:100dvh;
  object-fit:contain;
}
.watch-overlay{
  grid-area:1/1;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  padding:
    max(18px,env(safe-area-inset-top))
    max(22px,env(safe-area-inset-right))
    max(18px,env(safe-area-inset-bottom))
    max(22px,env(safe-area-inset-left));
  overflow:hidden;
}
.watch-top-bar,
.watch-control-bar{
  min-width:0;
  min-height:0;
}
.watch-center-controls{
  min-height:0;
  align-self:center;
}
.watch-control-bar{
  align-self:end;
  max-height:min(38dvh,260px);
  padding-bottom:max(6px,env(safe-area-inset-bottom));
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.watch-player-shell .player-settings-panel{
  max-height:min(56dvh,480px);
}
body.oz-watch-fallback-fullscreen{
  position:fixed;
  inset:0;
  width:100vw;
  height:100dvh;
  overflow:hidden;
  background:#000;
}
.watch-player-shell.fallback-fullscreen{
  position:fixed!important;
  inset:0!important;
  z-index:9999;
  width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  background:#000;
}
.watch-player-shell.fallback-fullscreen video{
  width:100vw!important;
  height:100dvh!important;
}
@media(max-width:760px){
  .view-watch .side,
  .view-watch .detail,
  .view-watch .browse-bar,
  .view-watch .netflix-hero,
  .view-watch .home-rows,
  .view-watch .rail,
  .view-watch .settings-page{
    display:none!important;
  }
  .view-watch .app{
    display:block;
  }
  .watch-overlay{
    padding:
      max(10px,env(safe-area-inset-top))
      max(10px,env(safe-area-inset-right))
      max(12px,env(safe-area-inset-bottom))
      max(10px,env(safe-area-inset-left));
  }
  .watch-top-bar{
    grid-template-columns:44px minmax(0,1fr)44px;
    gap:8px;
  }
  .watch-icon-btn{
    width:44px;
    height:44px;
    min-height:44px;
    touch-action:manipulation;
  }
  .watch-title{
    min-width:0;
  }
  .watch-title p{
    max-width:100%;
    font-size:11px;
  }
  .watch-title strong{
    max-width:100%;
    font-size:clamp(15px,4.6vw,18px);
  }
  .watch-center-controls{
    gap:10px;
    transform:translateY(-2dvh);
  }
  .watch-round{
    width:50px;
    height:50px;
    min-height:50px;
    font-size:15px;
    touch-action:manipulation;
  }
  .watch-play-toggle{
    width:62px;
    height:62px;
    min-height:62px;
  }
  .watch-control-bar{
    gap:7px;
    max-height:min(42dvh,238px);
    padding-bottom:max(10px,env(safe-area-inset-bottom));
  }
  .watch-timeline-wrap{
    height:28px;
  }
  .watch-bottom-controls{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding-bottom:2px;
  }
  .watch-bottom-controls>.watch-icon-btn,
  .watch-bottom-controls>.player-settings-menu{
    flex:0 0 auto;
  }
  .watch-time-text{
    flex:1 1 100%;
    order:-1;
    text-align:center;
    font-size:11px;
  }
  .watch-volume{
    display:none!important;
  }
  .watch-next-button span{
    right:auto;
    left:50%;
    width:min(260px,calc(100vw - 28px));
    transform:translateX(-50%);
  }
  .watch-player-shell .player-settings-menu{
    position:relative;
  }
  .watch-player-shell .player-settings-panel{
    position:fixed;
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    bottom:calc(max(12px,env(safe-area-inset-bottom)) + 76px);
    width:auto;
    max-height:calc(100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
  .watch-next-card{
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    bottom:calc(max(12px,env(safe-area-inset-bottom)) + 92px);
    width:auto;
  }
  .watch-file-card{
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    top:calc(max(10px,env(safe-area-inset-top)) + 58px);
    width:auto;
  }
}
@media(max-width:760px) and (max-height:620px){
  .watch-overlay{
    grid-template-rows:auto minmax(42px,1fr) auto;
  }
  .watch-title p,
  .watch-state-pill{
    display:none;
  }
  .watch-center-controls{
    transform:none;
  }
  .watch-round{
    width:46px;
    height:46px;
    min-height:46px;
  }
  .watch-play-toggle{
    width:56px;
    height:56px;
    min-height:56px;
  }
  .watch-control-bar{
    max-height:46dvh;
  }
}
@media(display-mode:fullscreen),(display-mode:standalone){
  .view-watch .app,
  .view-watch main,
  .view-watch .media-page,
  .watch-page,
  .watch-frame,
  .watch-player-shell{
    height:100dvh;
    max-height:100dvh;
  }
}

/* OZBOX PLAYER POLISH 2026-07-03 */
.watch-player-shell{
  --player-glass:rgba(13,15,20,.58);
  --player-glass-strong:rgba(13,15,20,.78);
}
.player-logo-overlay{
  position:absolute;
  left:calc(max(22px,env(safe-area-inset-left)) + clamp(12px,2.2vw,44px));
  top:calc(max(18px,env(safe-area-inset-top)) + clamp(12px,2.6vh,44px));
  z-index:3;
  width:min(42vw,500px);
  max-width:calc(100vw - 48px);
  display:grid;
  justify-items:start;
  gap:8px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-6px);
  transition:opacity .38s ease,visibility .38s ease,transform .38s ease;
}
.player-logo-overlay.visible,
.player-logo-overlay[data-player-logo-mode="always"][data-has-logo="1"]{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.player-clear-logo{
  display:block;
  width:auto;
  max-width:100%;
  max-height:clamp(68px,12vh,150px);
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 9px 24px rgba(0,0,0,.72));
}
.player-logo-fallback{
  display:none;
  max-width:100%;
}
.player-logo-overlay[data-has-logo="0"] .player-logo-fallback,
.player-logo-overlay.logo-fallback .player-logo-fallback{
  display:block;
}
.player-logo-fallback strong{
  display:-webkit-box;
  max-width:100%;
  overflow:hidden;
  color:#F5F7FA;
  font-size:clamp(34px,5vw,74px);
  font-weight:950;
  line-height:.95;
  text-shadow:0 10px 34px rgba(0,0,0,.8);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.player-logo-overlay>span{
  max-width:min(460px,100%);
  color:#F5F7FA;
  font-size:clamp(13px,1.35vw,18px);
  font-weight:850;
  line-height:1.35;
  overflow-wrap:anywhere;
  text-shadow:0 3px 14px rgba(0,0,0,.88);
}
@media(max-width:760px){
  .player-logo-overlay{
    left:calc(max(12px,env(safe-area-inset-left)) + 8px);
    top:calc(max(10px,env(safe-area-inset-top)) + 12px);
    width:min(58vw,320px);
  }
  .player-clear-logo{
    max-height:clamp(46px,9vh,82px);
  }
  .player-logo-fallback strong{
    font-size:clamp(24px,8vw,40px);
  }
  .player-logo-overlay>span{
    max-width:70vw;
    font-size:12px;
  }
}
.watch-overlay{
  opacity:1;
  visibility:visible;
  background:
    linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,0) 27%,rgba(0,0,0,0) 58%,rgba(0,0,0,.74)),
    radial-gradient(circle at 50% 52%,rgba(229,9,20,.08),transparent 38vw);
  transition:opacity .22s ease,visibility .22s ease;
}
.watch-top-bar{
  display:grid;
  grid-template-columns:48px minmax(0,1fr)48px;
  gap:12px;
  align-items:center;
}
.watch-title{
  min-width:0;
  display:grid;
  justify-items:start;
  gap:4px;
}
.watch-title p{
  max-width:min(720px,72vw);
  margin:0;
  overflow:hidden;
  color:#B4BAC5;
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.watch-title strong{
  max-width:min(860px,76vw);
  overflow:hidden;
  color:#F5F7FA;
  font-size:clamp(22px,2.4vw,34px);
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:0 4px 26px rgba(0,0,0,.72);
}
.watch-state-pill{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(23,26,33,.6);
  color:#B4BAC5;
  font-size:11px;
  font-weight:900;
  backdrop-filter:blur(14px);
}
.watch-icon-btn{
  width:44px;
  height:44px;
  min-height:44px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:var(--player-glass);
  color:#F5F7FA;
  font-size:17px;
  font-weight:950;
  line-height:1;
  box-shadow:0 12px 32px rgba(0,0,0,.24);
  backdrop-filter:blur(16px);
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease;
}
.watch-icon-btn:hover,
.watch-icon-btn:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(229,9,20,.72);
  background:rgba(229,9,20,.22);
  box-shadow:0 0 0 4px rgba(229,9,20,.16),0 16px 38px rgba(0,0,0,.34);
  outline:none;
}
.watch-center-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  pointer-events:auto;
}
.watch-round{
  width:70px;
  height:70px;
  min-height:70px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(13,15,20,.48);
  color:#fff;
  font-size:24px;
  font-weight:950;
  box-shadow:0 18px 48px rgba(0,0,0,.38);
  backdrop-filter:blur(18px);
}
.watch-round:hover,
.watch-round:focus-visible{
  border-color:#E50914;
  background:rgba(229,9,20,.22);
  outline:none;
}
.watch-play-toggle{
  width:88px;
  height:88px;
  min-height:88px;
  background:rgba(229,9,20,.94);
  border-color:#E50914;
  box-shadow:0 22px 60px rgba(229,9,20,.28),0 18px 48px rgba(0,0,0,.42);
}
.watch-skip-round{
  grid-template-columns:1fr;
  gap:0;
}
.watch-skip-round span{
  display:block;
  height:24px;
  font-size:24px;
  line-height:1;
}
.watch-skip-round small{
  margin-top:-4px;
  color:#F5F7FA;
  font-size:11px;
  font-weight:950;
  letter-spacing:.04em;
}
.watch-control-bar{
  display:grid;
  gap:12px;
  padding:18px 18px max(12px,env(safe-area-inset-bottom));
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(23,26,33,.6),rgba(8,9,13,.78));
  box-shadow:0 20px 70px rgba(0,0,0,.46);
  backdrop-filter:blur(20px);
}
.watch-timeline-wrap{
  position:relative;
  height:34px;
  display:grid;
  align-items:center;
}
.watch-buffer-track{
  position:absolute;
  left:0;
  right:0;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.14);
}
.watch-buffer-track span,
.watch-buffer-track b{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  border-radius:inherit;
}
.watch-buffer-track span{
  background:rgba(255,255,255,.28);
}
.watch-buffer-track b{
  background:#E50914;
}
.watch-scrubber{
  position:relative;
  z-index:2;
  width:100%;
  height:30px;
  margin:0;
  opacity:.001;
  cursor:pointer;
}
.watch-bottom-controls{
  display:grid;
  grid-template-columns:auto minmax(162px,auto) minmax(120px,180px) repeat(4,auto);
  gap:10px;
  align-items:center;
}
.watch-time-text{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(8,9,13,.52);
  color:#F5F7FA;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
.watch-time-text i{
  color:#596170;
  font-style:normal;
}
.watch-time-text b{
  color:#B4BAC5;
  font-size:11px;
  font-weight:900;
}
.watch-volume{
  min-width:0;
  display:grid;
  grid-template-columns:44px minmax(76px,1fr);
  gap:8px;
  align-items:center;
}
.watch-volume input{
  width:100%;
  accent-color:#E50914;
}
.watch-next-button{
  position:relative;
}
.watch-next-button span{
  position:absolute;
  right:0;
  bottom:calc(100% + 12px);
  width:260px;
  min-height:88px;
  display:none;
  align-content:end;
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:#171A21;
  background-size:cover;
  background-position:center;
  color:#F5F7FA;
  font-size:12px;
  line-height:1.35;
  text-align:left;
  white-space:normal;
  box-shadow:0 22px 60px rgba(0,0,0,.48);
}
.watch-next-button:hover span,
.watch-next-button:focus-visible span{
  display:grid;
}
.watch-player-shell .player-settings-panel{
  padding:16px;
  border-color:rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(16,18,24,.97);
  box-shadow:0 26px 80px rgba(0,0,0,.62);
}
.player-settings-head{
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.watch-player-shell .player-settings-panel label{
  padding:10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:#101218;
}
.watch-player-shell .player-settings-panel label span{
  color:#B4BAC5;
}
.watch-player-shell .player-settings-panel select{
  height:42px;
  min-height:42px;
  border-radius:11px;
}
.timeline-preview{
  border-radius:12px;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 18px 48px rgba(0,0,0,.45);
}
.watch-spinner{
  place-self:center;
  display:grid;
  justify-items:center;
  gap:12px;
  padding:18px 22px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(8,9,13,.72);
  color:#F5F7FA;
  box-shadow:0 20px 60px rgba(0,0,0,.4);
  backdrop-filter:blur(18px);
}
.watch-spinner span{
  width:34px;
  height:34px;
  border:3px solid rgba(255,255,255,.16);
  border-top-color:#E50914;
  border-radius:50%;
  animation:spin .9s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){
  .watch-bottom-controls{
    grid-template-columns:auto minmax(130px,1fr) auto auto auto auto;
  }
  .watch-volume{
    display:none;
  }
}
@media(max-width:760px){
  .watch-overlay{
    padding:
      max(10px,env(safe-area-inset-top))
      max(10px,env(safe-area-inset-right))
      max(10px,env(safe-area-inset-bottom))
      max(10px,env(safe-area-inset-left));
  }
  .watch-top-bar{
    grid-template-columns:42px minmax(0,1fr)42px;
  }
  .watch-icon-btn{
    width:42px;
    height:42px;
    min-height:42px;
  }
  .watch-title strong{
    font-size:17px;
  }
  .watch-center-controls{
    gap:10px;
    transform:translateY(-1.5dvh);
  }
  .watch-round{
    width:52px;
    height:52px;
    min-height:52px;
  }
  .watch-play-toggle{
    width:66px;
    height:66px;
    min-height:66px;
  }
  .watch-control-bar{
    max-height:min(44dvh,250px);
    padding:12px 10px max(10px,env(safe-area-inset-bottom));
    border-radius:18px;
  }
  .watch-bottom-controls{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
  }
  .watch-time-text{
    order:-1;
    flex:1 1 100%;
  }
  .watch-player-shell .player-settings-panel{
    bottom:calc(max(12px,env(safe-area-inset-bottom)) + 70px);
    max-height:calc(100dvh - 142px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
}

/* OZBOX CONSISTENT MEDIA CARDS 2026-07-01 */
.grid,
.row-strip{
  align-items:stretch;
}
.card{
  width:100%;
  height:100%;
  display:grid;
  grid-template-rows:auto var(--oz-card-info-height,158px);
  align-self:stretch;
}
.row-strip .card{
  min-height:calc((min(220px,100vw) * 1.5) + var(--oz-card-info-height,158px));
}
.card .poster{
  width:100%;
  height:auto;
  aspect-ratio:2/3;
  min-height:0;
  padding:0;
  background-size:cover;
  background-position:center;
}
.card .info{
  min-height:var(--oz-card-info-height,158px);
  height:var(--oz-card-info-height,158px);
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
}
.info strong{
  min-height:38px!important;
  max-height:38px;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.22;
}
.card-badges{
  min-height:26px;
  max-height:56px;
  overflow:hidden;
}
.info .card-meta{
  min-height:34px;
  max-height:38px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.card-note,
.played-at{
  min-height:16px;
  max-height:18px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.card .progress-line{
  flex:0 0 5px;
  width:100%;
  margin-top:auto;
}
.tv .card{
  --oz-card-info-height:190px;
}
.tv .info strong{
  min-height:54px!important;
  max-height:54px;
  font-size:22px;
}
.tv .info .card-meta{
  min-height:44px;
  max-height:48px;
  font-size:16px;
}
@media(max-width:760px){
  .card{
    --oz-card-info-height:148px;
  }
  .row-strip .card{
    min-height:calc((184px * 1.5) + var(--oz-card-info-height,148px));
  }
  .info strong{
    min-height:36px!important;
    max-height:36px;
    font-size:14px;
  }
  .card-badges{
    min-height:25px;
    max-height:52px;
  }
  .info .card-meta{
    min-height:32px;
    max-height:36px;
    font-size:12px;
  }
}

/* OZBOX SETTINGS POLISH 2026-07-02 */
.view-settings main{background:radial-gradient(circle at 92% 6%,rgba(229,9,20,.1),transparent 28rem),#08090D}
.settings-head{min-height:260px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(110deg,rgba(8,9,13,.98),rgba(8,9,13,.86) 58%,rgba(229,9,20,.16)),radial-gradient(circle at 82% 18%,rgba(229,9,20,.22),transparent 18rem),#08090D!important}
.settings-head>div,.settings-grid,.settings-subnav{max-width:1180px;margin-left:auto;margin-right:auto}
.settings-head p{margin-bottom:10px;color:#E50914;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.settings-head h1{margin-bottom:12px;font-size:clamp(44px,5.8vw,78px);line-height:.92}
.settings-head span{max-width:620px;color:#B4BAC5;font-size:15px;line-height:1.55}
.settings-subnav{position:sticky;top:78px;z-index:35;display:grid;grid-template-columns:repeat(14,minmax(max-content,1fr));gap:6px;margin-bottom:22px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(16,18,24,.82);box-shadow:0 18px 44px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.settings-subnav button{height:42px;min-height:42px;justify-content:center;padding:0 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#B4BAC5;font-size:13px;font-weight:850;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
.settings-subnav button:hover{background:rgba(255,255,255,.06);color:#F5F7FA}
.settings-subnav button.active{background:#E50914;border-color:#E50914;color:#fff;box-shadow:0 10px 24px rgba(229,9,20,.24)}
.settings-subnav button:active{transform:translateY(1px)}
.settings-grid{grid-template-columns:1fr;gap:18px}
.settings-card{position:relative;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#171A21;box-shadow:0 18px 48px rgba(0,0,0,.24);overflow:hidden}
.settings-card::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}
.settings-card h2{position:relative;margin:0 0 8px;color:#F5F7FA;font-size:clamp(22px,2.4vw,28px);font-weight:920;letter-spacing:0}
.settings-card>p{position:relative;max-width:760px;margin:0 0 20px;color:#B4BAC5;font-size:14px;line-height:1.55}
.settings-form,.metadata-form,.access-controls{gap:16px}
.library-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.library-form label,.access-controls label{min-width:0}
.library-form label{display:grid;gap:8px;color:#B4BAC5;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.library-form label span,.access-controls label span{color:#B4BAC5}
.settings-page input,.settings-page select,.settings-page textarea{width:100%;height:46px;min-height:46px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#101218;color:#F5F7FA;padding:0 13px;outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.settings-page textarea{height:auto;padding:12px 13px;line-height:1.45}
.settings-page input::placeholder{color:#737B88}
.settings-page input:hover,.settings-page select:hover,.settings-page textarea:hover{border-color:rgba(255,255,255,.18);background:#121620}
.settings-page input:focus-visible,.settings-page select:focus-visible,.settings-page textarea:focus-visible{border-color:#E50914;box-shadow:0 0 0 4px rgba(229,9,20,.15),inset 0 1px 0 rgba(255,255,255,.04)}
.folder-builder,.scan-options,.library-form .button-row,.form-error{grid-column:1/-1}
.folder-builder{display:grid;gap:12px;margin-top:4px;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#101218}
.folder-builder>span{color:#F5F7FA;font-size:13px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.folder-input-row{display:grid;grid-template-columns:minmax(0,1fr)96px 134px;gap:10px;align-items:center}
.folder-input-row input,.folder-input-row button{height:46px;min-height:46px;border-radius:12px}
.folder-list{gap:10px}
.folder-chip{grid-template-columns:minmax(0,1fr)84px;padding:10px;border-color:rgba(255,255,255,.08);border-radius:12px;background:#08090D}
.folder-chip code{color:#B4BAC5;font-size:12px}
.scan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:2px;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#101218}
.scan-options label,.access-controls>label{min-height:46px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#171A21;color:#F5F7FA;font-size:13px;font-weight:800;line-height:1.25;text-transform:none;letter-spacing:0}
.scan-options input,.access-controls input[type="checkbox"]{width:18px;height:18px;min-width:18px;min-height:18px;accent-color:#E50914}
.form-error{min-height:20px;margin-top:0;color:#FFB4B4;font-size:13px;font-weight:850}
.settings-page button,.settings-page .button-row button,.settings-page .settings-form button,.settings-page .metadata-form button,.settings-page .access-controls button,.settings-page .network-links button,.settings-page .network-links a{width:auto;height:42px;min-height:42px;max-height:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#101218;color:#F5F7FA;font-size:13px;font-weight:900;line-height:1;white-space:nowrap;box-shadow:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.settings-page button:hover,.settings-page .network-links a:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.2);background:#20242D;box-shadow:0 12px 26px rgba(0,0,0,.24)}
.settings-page button:active{transform:translateY(0);box-shadow:none}
.settings-page button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}
.settings-page button[type="submit"],#addFolder,#editAddFolder,#saveAccess,#saveFfmpegFolder,.tool-panel-head button,.network-links a:first-child{background:#E50914;border-color:#E50914;color:#fff;box-shadow:0 10px 22px rgba(229,9,20,.2)}
.settings-page button[type="submit"]:hover,#addFolder:hover,#editAddFolder:hover,#saveAccess:hover,#saveFfmpegFolder:hover,.tool-panel-head button:hover,.network-links a:first-child:hover{background:#F3121D;border-color:#F3121D;box-shadow:0 14px 30px rgba(229,9,20,.28)}
#checkFolder,#editCheckFolder,#cancelCreateLibrary,#closeLibraryEditor,#scanSelectedLibrary,#rescanAll,#cleanMissing,#refreshAllMetadata,#testPlaybackTools{background:#101218;border-color:rgba(255,255,255,.12);color:#F5F7FA;box-shadow:none}
#deleteSelectedLibrary{background:rgba(229,9,20,.08);border-color:rgba(229,9,20,.35);color:#FFB4B4}
.library-form .button-row{display:flex;justify-content:flex-start;gap:10px;margin-top:4px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.library-form .button-row button:first-child{min-width:150px}
.metadata-form.compact{grid-template-columns:minmax(220px,340px) auto auto;align-items:center;gap:10px}
.access-controls{padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#101218}
.access-libraries{gap:10px}
.access-libraries label{min-height:38px;padding:0 12px;border-color:rgba(255,255,255,.08);border-radius:999px;background:#171A21;color:#B4BAC5}
.playback-settings-grid{gap:18px}
.playback-tool-panel{border-color:rgba(255,255,255,.08);border-radius:16px;background:#101218}
.tool-status-row{border-color:rgba(255,255,255,.08);border-radius:14px}
.library-editor{margin-top:18px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#101218}
.library-editor h3{margin:0 0 16px;color:#F5F7FA}
.health-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.health-head p{max-width:720px;margin:0;color:#B4BAC5;line-height:1.55}
.library-health-panel{display:grid;gap:16px}
.health-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.health-stat{min-width:0;display:grid;gap:7px;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#101218}
.health-stat span{color:#B4BAC5;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.health-stat strong{color:#F5F7FA;font-size:clamp(22px,2.8vw,34px);line-height:1}
.health-stat small{min-width:0;color:#B4BAC5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.health-stat-ready{border-color:rgba(68,214,137,.18);box-shadow:inset 0 0 0 1px rgba(68,214,137,.04)}
.health-stat-warning{border-color:rgba(229,9,20,.26);box-shadow:inset 0 0 0 1px rgba(229,9,20,.06)}
.health-database{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#08090D}
.health-database strong{color:#F5F7FA}
.health-database code{min-width:0;color:#B4BAC5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.backup-panel{display:grid;gap:14px}
.backup-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.backup-paths{grid-template-columns:110px minmax(0,1fr)}
.backup-list{display:grid;gap:10px}
.backup-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.75fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)),#101218}
.backup-main{min-width:0;display:grid;gap:5px}
.backup-main strong{min-width:0;color:#F5F7FA;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.backup-main span,.backup-metrics span{color:#B4BAC5;font-size:13px}
.backup-metrics{display:flex;gap:8px;flex-wrap:wrap}
.backup-metrics span{display:inline-flex;min-height:28px;align-items:center;padding:0 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#08090D}
.backup-row .button-row{justify-content:flex-end}
.backup-row .button-row button{min-width:104px}
.scan-center-panel{display:grid;gap:16px}
.scan-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.scan-list{display:grid;gap:12px}
.scan-tasks{display:grid;gap:10px}
.scan-tasks h3{margin:4px 0;color:#F5F7FA}
.scan-task{min-width:0;display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)),#101218}
.scan-task-running{border-color:rgba(229,9,20,.38);box-shadow:inset 0 0 0 1px rgba(229,9,20,.08)}
.scan-task-warning{border-color:rgba(229,9,20,.28)}
.scan-task>div:first-child{min-width:0;display:flex;gap:10px;align-items:center;justify-content:space-between}
.scan-task strong{min-width:0;color:#F5F7FA;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scan-task span,.scan-task p{margin:0;color:#B4BAC5;font-size:13px;overflow-wrap:anywhere}
.scan-progress{display:grid;gap:8px;min-width:0}
.scan-progress-head{display:flex;gap:10px;align-items:center;justify-content:space-between;min-width:0}
.scan-progress-head strong{color:#F5F7FA;font-size:14px;white-space:nowrap}
.scan-progress-head span{min-width:0;color:#B4BAC5;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scan-progress code{min-width:0;max-width:100%;margin:0;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#08090D;color:#B4BAC5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scan-progress-compact code{white-space:normal;overflow-wrap:anywhere}
.scan-warnings{display:flex;gap:6px;flex-wrap:wrap}
.scan-warnings span{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid rgba(229,9,20,.28);border-radius:999px;background:rgba(229,9,20,.12);color:#FFB4B4;font-size:11px;font-weight:900}
.global-activity{width:100%;min-height:58px;margin-top:14px;padding:10px 12px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:7px 10px;align-items:center;border:1px solid rgba(229,9,20,.34);border-radius:14px;background:linear-gradient(135deg,rgba(229,9,20,.20),rgba(255,255,255,.035)),var(--color-card,#171A21);color:var(--color-text,#F5F7FA);text-align:left;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.global-activity:hover,.global-activity:focus-visible{border-color:var(--color-accent,#E50914);box-shadow:0 18px 48px rgba(229,9,20,.20)}
.global-activity-dot{width:10px;height:10px;border-radius:999px;background:var(--color-accent,#E50914);box-shadow:0 0 0 6px rgba(229,9,20,.14);animation:oz-activity-pulse 1.3s ease-in-out infinite}
.global-activity-copy{min-width:0;display:grid;gap:2px}
.global-activity-copy strong,.global-activity-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.global-activity-copy strong{font-size:13px;font-weight:950}
.global-activity-copy small{color:var(--color-text-muted,#B4BAC5);font-size:11px;font-weight:800}
.global-activity-bar{grid-column:1/-1;height:4px;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden}
.global-activity-bar i{display:block;height:100%;border-radius:inherit;background:var(--color-accent,#E50914);transition:width .24s ease}
@keyframes oz-activity-pulse{0%,100%{opacity:.72;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:760px){.global-activity{grid-column:1/-1;order:6;margin-top:4px;min-height:52px}}
.scan-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)),#101218}
.scan-row.scan-running{border-color:rgba(229,9,20,.35);box-shadow:inset 0 0 0 1px rgba(229,9,20,.08)}
.scan-row.scan-warning{border-color:rgba(229,9,20,.25);background:linear-gradient(180deg,rgba(229,9,20,.055),rgba(255,255,255,.01)),#101218}
.scan-main{min-width:0;display:grid;gap:8px}
.scan-main>div{display:flex;gap:10px;align-items:center;justify-content:space-between}
.scan-main strong{min-width:0;color:#F5F7FA;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scan-main span{color:#B4BAC5;font-size:12px;font-weight:900;text-transform:uppercase}
.scan-main p,.scan-main small{margin:0;color:#B4BAC5;line-height:1.4;overflow-wrap:anywhere}
.scan-main small{color:#FFB4B4}
.scan-folders{display:grid;gap:7px}
.scan-folder{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#08090D}
.scan-folder span{height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.06);color:#B4BAC5;font-size:11px;font-weight:950}
.scan-folder code{min-width:0;margin:0;padding:0;border:0;background:transparent;color:#F5F7FA;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scan-folder.folder-ok span{background:rgba(68,214,137,.14);color:#7CFFB1}
.scan-folder.folder-offline span{background:rgba(229,9,20,.16);color:#FFB4B4}
.scan-events{display:grid;gap:10px;margin-top:4px}
.scan-events h3{margin:4px 0;color:#F5F7FA}
.scan-event{display:grid;grid-template-columns:minmax(160px,.35fr) 160px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#101218}
.scan-event strong{color:#F5F7FA}
.scan-event span,.scan-event p{margin:0;color:#B4BAC5;font-size:13px;overflow-wrap:anywhere}
.metadata-review-panel{display:grid;gap:14px}
.metadata-review-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.metadata-review-toolbar{display:flex;gap:10px;flex-wrap:wrap}
.metadata-review-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),var(--card)}
.metadata-review-search label{min-width:0;display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}
.metadata-review-search input{width:100%;min-width:0;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);padding:0 13px}
.metadata-review-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(229,9,20,.16);outline:none}
.metadata-review-search button{height:44px;min-height:44px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-weight:900}
@media(max-width:720px){.metadata-review-search{grid-template-columns:1fr}.metadata-review-search button{width:100%}}
.metadata-review-list{display:grid;gap:12px}
.metadata-review-row{display:grid;grid-template-columns:28px 84px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)),#101218}
.metadata-review-check{display:grid;place-items:center}
.metadata-review-check input{width:18px;height:18px;accent-color:#E50914}
.metadata-review-poster{width:84px;aspect-ratio:2/3;display:grid;place-items:center;border-radius:12px;background:#08090D center/cover no-repeat;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 -50px 50px rgba(0,0,0,.36)}
.metadata-review-poster span{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#E50914;color:#fff;font-size:12px;font-weight:950}
.metadata-review-main{min-width:0;display:grid;gap:7px}
.metadata-review-main strong{min-width:0;color:#F5F7FA;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.metadata-review-main p{margin:0;color:#B4BAC5;font-size:13px;overflow-wrap:anywhere}
.metadata-review-badges{display:flex;gap:7px;flex-wrap:wrap}
.metadata-review-badges span{min-height:26px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid rgba(229,9,20,.25);border-radius:999px;background:rgba(229,9,20,.09);color:#FFB4B4;font-size:12px;font-weight:850}
.metadata-review-badges .metadata-source-badge{border-color:rgba(180,186,197,.26);background:rgba(180,186,197,.08);color:var(--muted)}
.metadata-review-badges .metadata-source-badge.manual{border-color:rgba(79,209,197,.38);background:rgba(79,209,197,.12);color:#bff7ef}
.metadata-review-badges .metadata-source-badge.auto{border-color:rgba(229,9,20,.34);background:rgba(229,9,20,.12);color:#ffb4b8}
.metadata-review-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.metadata-review-actions button{min-width:86px}
.setup-guide-wrap{display:grid;gap:14px}
.setup-guide-panel,.setup-guide-home{display:grid;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(135deg,rgba(229,9,20,.1),rgba(255,255,255,.025)),#101218}
.setup-guide-home{margin-bottom:4px}
.setup-guide-head{display:flex;justify-content:space-between;gap:16px;align-items:center}
.setup-guide-head p{margin:0 0 6px;color:#E50914;font-size:12px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.setup-guide-head h2{margin:0 0 6px;color:#F5F7FA;font-size:clamp(22px,2.8vw,34px)}
.setup-guide-head span,.setup-next span{display:block;color:#B4BAC5;line-height:1.45}
.setup-ring{width:82px;height:82px;min-width:82px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#E50914 calc(var(--setup-pct,0) * 1%),rgba(255,255,255,.08) 0);box-shadow:inset 0 0 0 10px #101218}
.setup-ring strong{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#171A21;color:#F5F7FA}
.setup-progress{height:8px;border-radius:999px;background:#2A2F3A;overflow:hidden}
.setup-progress span{display:block;height:100%;border-radius:inherit;background:#E50914}
.setup-steps{display:grid;gap:10px}
.setup-step{display:grid;grid-template-columns:46px minmax(0,1fr)140px auto;gap:12px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#171A21}
.setup-step-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:#2A2F3A;color:#B4BAC5;font-size:12px;font-weight:950}
.setup-step-done .setup-step-mark{background:rgba(68,214,137,.14);color:#7CFFB1}
.setup-step-attention .setup-step-mark{background:rgba(229,9,20,.16);color:#FFB4B4}
.setup-step strong{display:block;color:#F5F7FA}
.setup-step p{margin:4px 0 0;color:#B4BAC5;line-height:1.45;overflow-wrap:anywhere}
.setup-step>span{justify-self:start;min-height:28px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.06);color:#B4BAC5;font-size:12px;font-weight:850}
.setup-step-done>span{color:#7CFFB1;background:rgba(68,214,137,.12)}
.setup-step-attention>span{color:#FFB4B4;background:rgba(229,9,20,.14)}
.setup-next{display:grid;gap:6px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#171A21}
.setup-next strong{color:#F5F7FA}
.setup-next button{justify-self:start}
@media(max-width:1180px){.setup-step{grid-template-columns:42px minmax(0,1fr)120px}.setup-step button{grid-column:2/-1;justify-self:start}}
@media(max-width:760px){.setup-guide-head{display:grid;justify-items:start}.setup-ring{width:72px;height:72px;min-width:72px}.setup-ring strong{width:50px;height:50px;font-size:13px}.setup-step{grid-template-columns:38px minmax(0,1fr);align-items:start}.setup-step>span,.setup-step button{grid-column:2}.setup-step button{width:100%;justify-content:center}}
.health-library-list{display:grid;gap:12px}
.health-library-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr) minmax(190px,.55fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)),#101218}
.health-library-row.health-warning{border-color:rgba(229,9,20,.25);background:linear-gradient(180deg,rgba(229,9,20,.055),rgba(255,255,255,.01)),#101218}
.health-library-main{min-width:0;display:grid;gap:10px}
.health-folders{display:grid;gap:7px}
.health-folder{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#08090D}
.health-folder span{height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.06);color:#B4BAC5;font-size:11px;font-weight:950}
.health-folder code{min-width:0;color:#F5F7FA;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.health-folder small{grid-column:2;color:#FFB4B4;font-size:12px;line-height:1.35}
.health-folder.folder-ok span{background:rgba(68,214,137,.14);color:#7CFFB1}
.health-folder.folder-offline span{background:rgba(229,9,20,.16);color:#FFB4B4}
.health-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.health-metrics span{min-height:44px;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#171A21;color:#B4BAC5;font-size:12px;font-weight:850}
.health-metrics strong{color:#F5F7FA;font-size:18px}
@media(max-width:1180px){.settings-subnav{top:128px;grid-template-columns:repeat(4,minmax(max-content,1fr))}.library-form{grid-template-columns:repeat(2,minmax(0,1fr))}.scan-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1180px){.health-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.health-library-row,.backup-row,.scan-row,.metadata-review-row{grid-template-columns:1fr}.health-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.backup-row .button-row,.scan-row .button-row,.metadata-review-actions{justify-content:flex-start}.scan-event{grid-template-columns:1fr}.metadata-review-poster{width:120px}}
@media(max-width:760px){.settings-head{min-height:220px}.settings-head>div,.settings-grid,.settings-subnav{max-width:none}.settings-subnav{position:static;display:flex;overflow-x:auto;flex-wrap:nowrap;margin-bottom:18px;padding:8px;border-radius:14px;scrollbar-width:none}.settings-subnav::-webkit-scrollbar{display:none}.settings-subnav button{flex:0 0 auto}.settings-card{padding:18px;border-radius:16px}.library-form,.scan-options,.metadata-form.compact,.playback-settings-grid{grid-template-columns:1fr}.folder-builder,.scan-options,.access-controls{padding:14px}.folder-input-row{grid-template-columns:1fr}.settings-page button,.settings-page .button-row button,.settings-page .settings-form button,.settings-page .metadata-form button,.settings-page .access-controls button,.settings-page .network-links button,.settings-page .network-links a{width:100%;min-height:44px}.library-form .button-row{display:grid;grid-template-columns:1fr}.folder-chip{grid-template-columns:1fr}.folder-chip button{width:100%}.health-head{display:grid}.health-stats,.health-metrics,.backup-stats,.scan-stats,.metadata-review-stats{grid-template-columns:1fr}.health-folder,.scan-folder{grid-template-columns:1fr}.health-folder span,.scan-folder span{width:max-content}.health-folder small{grid-column:1}.health-database,.backup-paths{grid-template-columns:1fr}.backup-main strong,.scan-main strong,.metadata-review-main strong{white-space:normal}.backup-row .button-row,.scan-row .button-row,.metadata-review-actions{display:grid;grid-template-columns:1fr}.scan-main>div{display:grid;gap:4px}.metadata-review-poster{width:min(140px,100%)}}

/* OZBOX CHECKBOX TILE ALIGNMENT 2026-07-02 */
.settings-page .scan-options{
  align-items:stretch;
}
.settings-page .scan-options label{
  min-height:54px;
  height:100%;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  justify-content:start;
  column-gap:10px;
  padding:12px 14px;
  cursor:pointer;
}
.settings-page .scan-options input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  margin:0;
  justify-self:start;
  align-self:center;
}
.settings-page .scan-options label:hover{
  border-color:rgba(229,9,20,.28);
  background:#1B1F28;
}
@media(max-width:1180px){
  .settings-page .scan-options{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .settings-page .scan-options{
    grid-template-columns:1fr;
  }
  .settings-page .scan-options label{
    min-height:50px;
  }
}

/* OZBOX AUTH 2026-07-02 */
.app-locked{filter:blur(8px);pointer-events:none;user-select:none}
.auth-screen{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 62% 20%,rgba(229,9,20,.22),transparent 28rem),linear-gradient(180deg,rgba(8,9,13,.92),#08090D);color:#F5F7FA}
.auth-screen.hidden{display:none!important}
.auth-card{width:min(440px,calc(100vw - 32px));display:grid;gap:14px;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014)),#171A21;box-shadow:0 30px 90px rgba(0,0,0,.58)}
.auth-card img{width:72px;height:72px;object-fit:cover;border-radius:16px;box-shadow:0 0 34px rgba(229,9,20,.34)}
.auth-card p{margin:4px 0 0;color:#E50914;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.auth-card h1{margin:0;color:#F5F7FA;font-size:clamp(32px,6vw,44px);line-height:1}
.auth-card>span{color:#B4BAC5;line-height:1.5}
.auth-form{display:grid;gap:12px;margin-top:4px}
body.auth-checking .auth-form{display:none}
body.auth-checking .auth-card{place-items:center;text-align:center}
body.auth-checking .auth-card::after{content:"";width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#E50914;animation:oz-spin 1s linear infinite}
.auth-form label{display:grid;gap:7px;color:#B4BAC5;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.auth-form [hidden],
body.auth-login .auth-form [data-setup-field],
body:not(.auth-setup) .auth-form [data-setup-field]{
  display:none!important;
}
body.auth-setup .auth-form [data-setup-field]{
  display:grid;
}
.auth-form input{height:46px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#101218;color:#F5F7FA;padding:0 13px;outline:0}
.auth-form input:focus-visible{border-color:#E50914;box-shadow:0 0 0 4px rgba(229,9,20,.16)}
.auth-form button{height:46px;margin-top:4px;border:1px solid #E50914;border-radius:999px;background:#E50914;color:#fff;font-weight:950}
.auth-message{min-height:20px;color:#FFB4B4;font-size:13px;font-weight:800}
.profile-panel div{grid-template-columns:minmax(112px,1fr)76px!important}
#logoutButton{font-size:12px!important}
.settings-subtitle{margin:22px 0 12px;color:#F5F7FA;font-size:18px}
.user-admin-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);gap:16px;align-items:start}
.user-form{padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#101218}
.user-form .user-disabled-row{min-height:46px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#171A21;color:#F5F7FA;text-transform:none;letter-spacing:0}
.user-form .user-disabled-row input{width:18px!important;height:18px!important;min-height:18px!important;accent-color:#E50914}
.user-list{display:grid;gap:10px}
.user-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#101218}
.user-row strong{display:block;color:#F5F7FA}
.user-row span{display:block;margin-top:4px;color:#B4BAC5;font-size:13px;line-height:1.35}
.user-row>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.user-disabled{opacity:.62}
.user-row [data-delete-user]{background:rgba(229,9,20,.08);border-color:rgba(229,9,20,.35);color:#FFB4B4}
@media(max-width:900px){.user-admin-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr}.user-row>div:last-child{justify-content:flex-start}}
@media(max-width:760px){.auth-card{padding:22px;border-radius:18px}.profile-panel div{grid-template-columns:minmax(0,1fr)74px!important}.user-row>div:last-child,.user-row button{width:100%}}

/* OZBOX USERS MANAGEMENT LAYOUT 2026-07-02 */
.users-settings-card{
  overflow:visible;
}
.users-management-layout{
  display:grid;
  grid-template-columns:minmax(360px,.88fr) minmax(420px,1.12fr);
  gap:18px;
  align-items:start;
}
.user-panel{
  min-width:0;
  padding:18px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:#101218;
}
.user-panel-head{
  display:grid;
  gap:6px;
  margin-bottom:16px;
}
.user-panel-head h3{
  margin:0;
  color:#F5F7FA;
  font-size:18px;
  line-height:1.2;
}
.user-panel-head span{
  color:#B4BAC5;
  font-size:13px;
  line-height:1.45;
}
.users-settings-card .user-form{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.users-settings-card .user-form label{
  min-width:0;
  display:grid;
  gap:8px;
  color:#B4BAC5;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.users-settings-card .user-form label:nth-of-type(3),
.users-settings-card .user-form .user-photo-field,
.users-settings-card .user-form .form-error,
.users-settings-card .user-form .button-row{
  grid-column:1/-1;
}
.users-settings-card .user-form input,
.users-settings-card .user-form select{
  min-width:0;
}
.users-settings-card .user-disabled-row{
  min-height:46px;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:10px 12px;
}
.users-settings-card .user-form .button-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  margin-top:2px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
}
.users-settings-card .user-form .button-row button:first-child{
  min-width:132px;
}
.users-settings-card .user-list{
  display:grid;
  gap:12px;
  max-height:min(58vh,620px);
  overflow:auto;
  padding-right:4px;
}
.users-settings-card .user-list::-webkit-scrollbar{
  width:8px;
}
.users-settings-card .user-list::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(255,255,255,.14);
}
.users-settings-card .user-row{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:#171A21;
}
.user-avatar{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,#E50914,#7c1018);
  color:#fff;
  font-size:17px;
  font-weight:950;
}
.user-avatar-photo{
  background-size:cover!important;
  background-position:center!important;
  color:transparent!important;
}
.user-photo-picker{
  min-width:0;
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:#171A21;
}
.user-avatar-preview{
  width:56px;
  height:56px;
  border-radius:16px;
}
.user-photo-picker input[type="file"]{
  min-width:0;
  width:100%;
  height:auto;
  min-height:42px;
  padding:9px 12px;
}
.user-photo-picker button{
  height:42px!important;
  min-height:42px!important;
  white-space:nowrap;
}
.user-copy{
  min-width:0;
  display:grid;
  gap:7px;
}
.user-copy strong{
  min-width:0;
  overflow:hidden;
  color:#F5F7FA;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.user-meta{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.user-meta span{
  max-width:100%;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:#101218;
  color:#B4BAC5;
  font-size:12px;
  line-height:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.user-meta .status-on{
  color:#A7F3D0;
  border-color:rgba(16,185,129,.25);
  background:rgba(16,185,129,.1);
}
.user-meta .status-off{
  color:#FFB4B4;
  border-color:rgba(229,9,20,.28);
  background:rgba(229,9,20,.1);
}
.users-settings-card .user-actions{
  display:flex;
  gap:8px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.users-settings-card .user-actions button{
  min-width:72px;
  height:38px;
  min-height:38px;
  padding:0 12px;
}
.library-access-panel{
  margin-top:18px;
}
.users-settings-card .access-controls{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  display:grid;
  gap:14px;
}
.users-settings-card .access-all-row{
  width:max-content;
  max-width:100%;
  min-height:44px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:10px 14px;
  cursor:pointer;
}
.users-settings-card .access-all-row span{
  color:#F5F7FA;
  font-weight:900;
}
.users-settings-card .access-libraries{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.access-library-tile{
  min-width:0;
  min-height:64px;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:12px 14px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:14px!important;
  background:#171A21!important;
  color:#F5F7FA!important;
  cursor:pointer;
}
.access-library-tile:hover{
  border-color:rgba(229,9,20,.3)!important;
  background:#1B1F28!important;
}
.access-library-tile input,
.users-settings-card .access-all-row input{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0;
  accent-color:#E50914;
}
.access-library-tile>span{
  min-width:0;
  display:grid;
  gap:5px;
}
.access-library-tile strong{
  min-width:0;
  overflow:hidden;
  color:#F5F7FA;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.access-library-tile small{
  color:#B4BAC5;
  font-size:12px;
}
.users-settings-card #saveAccess{
  justify-self:start;
}
@media(max-width:1180px){
  .users-management-layout{
    grid-template-columns:1fr;
  }
  .users-settings-card .user-list{
    max-height:none;
    overflow:visible;
    padding-right:0;
  }
  .users-settings-card .access-libraries{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .user-panel{
    padding:14px;
  }
  .users-settings-card .user-form,
  .users-settings-card .access-libraries{
    grid-template-columns:1fr;
  }
  .users-settings-card .user-form label:nth-of-type(3),
  .users-settings-card .user-form .user-photo-field,
  .users-settings-card .user-form .form-error,
  .users-settings-card .user-form .button-row{
    grid-column:auto;
  }
  .users-settings-card .user-form .button-row{
    display:grid;
    grid-template-columns:1fr;
  }
  .users-settings-card .user-row{
    grid-template-columns:42px minmax(0,1fr);
  }
  .users-settings-card .user-actions{
    grid-column:1/-1;
    justify-content:stretch;
  }
  .users-settings-card .user-actions button,
  .users-settings-card #saveAccess,
  .users-settings-card .access-all-row{
    width:100%;
  }
  .user-photo-picker{
    grid-template-columns:56px minmax(0,1fr);
  }
  .user-photo-picker button{
    grid-column:1/-1;
    width:100%;
  }
  .user-meta span{
    max-width:100%;
  }
}

/* OZBOX EPISODE CARDS AS SINGLE ACTION 2026-07-03 */
.episode-card{
  grid-template-columns:1fr!important;
  cursor:pointer;
}
.episode-card:focus-visible{
  outline:3px solid rgba(229,9,20,.92)!important;
  outline-offset:4px;
  box-shadow:0 0 0 8px rgba(229,9,20,.14),0 24px 60px rgba(0,0,0,.44)!important;
}
.episode-card.unavailable{
  cursor:not-allowed;
}
.episode-actions{
  display:none!important;
}

/* OZBOX MUSIC DETAIL POLISH 2026-07-03 */
.music-detail .media-hero{
  min-height:500px;
}
.music-detail .media-hero-overlay{
  grid-template-columns:minmax(190px,250px) minmax(0,720px);
  align-items:center;
  background:
    linear-gradient(90deg,rgba(8,9,13,.98),rgba(8,9,13,.78) 48%,rgba(8,9,13,.28)),
    radial-gradient(circle at 24% 44%,rgba(229,9,20,.18),transparent 24rem),
    linear-gradient(0deg,#08090D 0,rgba(8,9,13,0) 42%);
}
.music-detail .media-poster{
  aspect-ratio:1;
  border-radius:22px;
  box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.08);
}
.music-detail .media-copy h1{
  max-width:820px;
  font-size:clamp(42px,5.4vw,82px);
  line-height:.98;
}
.music-now-panel{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin:0 0 24px;
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(229,9,20,.13),rgba(255,255,255,.035)),
    #171A21;
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.music-now-panel p{
  margin:0 0 4px;
  color:#E50914;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.music-now-panel h2{
  margin:0;
  color:#F5F7FA;
  font-size:clamp(22px,3vw,34px);
  line-height:1.1;
}
.music-now-panel span{
  display:block;
  margin-top:5px;
  color:#B4BAC5;
  line-height:1.4;
}
.music-now-panel button{
  height:44px;
  min-height:44px;
  padding:0 18px;
  border:1px solid #E50914;
  border-radius:999px;
  background:#E50914;
  color:#fff;
  font-weight:950;
  white-space:nowrap;
}
.music-equalizer{
  width:58px;
  height:58px;
  display:flex;
  align-items:end;
  justify-content:center;
  gap:4px;
  border:1px solid rgba(229,9,20,.28);
  border-radius:18px;
  background:#101218;
  box-shadow:inset 0 0 28px rgba(229,9,20,.12);
}
.music-equalizer span{
  width:6px;
  min-height:14px;
  margin:0;
  border-radius:999px;
  background:#E50914;
  animation:oz-eq 1.2s ease-in-out infinite;
}
.music-equalizer span:nth-child(2){animation-delay:.16s}
.music-equalizer span:nth-child(3){animation-delay:.32s}
.music-equalizer span:nth-child(4){animation-delay:.48s}
@keyframes oz-eq{
  0%,100%{height:16px;opacity:.62}
  45%{height:40px;opacity:1}
}
.music-info-section .section-head span{
  max-width:min(520px,50vw);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.music-metadata-grid div{
  min-height:84px;
}
.music-related-row .card .poster{
  aspect-ratio:1;
}
@media(max-width:760px){
  .music-detail .media-hero-overlay{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
    align-items:end;
  }
  .music-detail .media-poster{
    width:min(230px,68vw);
  }
  .music-now-panel{
    grid-template-columns:1fr;
    align-items:start;
  }
  .music-now-panel button{
    width:100%;
  }
  .music-info-section .section-head{
    align-items:start;
  }
  .music-info-section .section-head span{
    max-width:100%;
    white-space:normal;
  }
}

/* OZBOX THEME SYSTEM 2026-07-11 */
:root,
[data-theme="ozbox-default"]{
  --color-bg:#08090d;
  --color-surface:#121722;
  --color-surface-soft:#171b24;
  --color-card:#151922;
  --color-border:rgba(255,255,255,.08);
  --color-text:#ffffff;
  --color-text-muted:#aeb5c3;
  --color-accent:#e50914;
  --color-accent-hover:#ff1e28;
  --color-accent-soft:rgba(229,9,20,.18);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-xl:28px;
  --shadow-card:0 18px 50px rgba(0,0,0,.32);
}
[data-theme="light"]{--color-bg:#f5f6fa;--color-surface:#ffffff;--color-surface-soft:#f0f2f7;--color-card:#ffffff;--color-border:rgba(15,23,42,.12);--color-text:#111827;--color-text-muted:#64748b;--color-accent:#e50914;--color-accent-hover:#c80712;--color-accent-soft:rgba(229,9,20,.12);--shadow-card:0 16px 38px rgba(15,23,42,.1)}
html{background:var(--color-bg)}
body{background:linear-gradient(180deg,var(--color-bg),var(--color-bg));color:var(--color-text)}
.app-header,.side,.detail,.settings-subnav,.profile-panel,.server,.settings-card,.user-panel,.library-row,.library-editor,.folder-builder,.access-controls,.playback-tool-panel,.tool-status-row,.scan-row,.backup-row,.metadata-review-row,.health-database,.setup-guide-panel,.setup-guide-home,.setup-step,.setup-next,.menu-list,.ui-dialog,.auth-card,.watch-info,.watch-back-button,.player-settings-panel,.watch-file-card,.watch-next-card,.music-now-panel,.music-info-section,.music-metadata-grid div{background:var(--color-card)!important;border-color:var(--color-border)!important;color:var(--color-text)!important;border-radius:var(--radius-lg)}
.settings-head,.netflix-hero,.media-hero-overlay{background:linear-gradient(115deg,var(--color-surface-soft),var(--color-bg))!important}
.card,.episode-card,.cast-card,.library-tile,.settings-stat-card,.metadata-grid div,.people div,.oz-empty,.search-panel,.search-result,.theme-preview-card{background:var(--color-card)!important;border-color:var(--color-border)!important;color:var(--color-text)!important;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.card:hover,.card:focus-visible,.card.selected,.library-tile:hover,.library-tile:focus-visible,.episode-card:hover,.episode-card:focus-visible,.theme-preview-card:hover,.theme-preview-card:focus-visible,.theme-preview-card.selected{border-color:var(--color-accent)!important;box-shadow:0 22px 58px var(--color-accent-soft)!important}
input,select,textarea,.browse-bar input,.browse-bar select,.settings-form input,.settings-form select,.metadata-form input,.metadata-form select,.library-create input,.library-create select{background:var(--color-surface)!important;color:var(--color-text)!important;border-color:var(--color-border)!important;border-radius:var(--radius-md)}
input::placeholder,textarea::placeholder,.row-head span,#count,.remote-hint,.settings-card p,.settings-head span,.info span,.episode-card p,.episode-card span,.cast-card span,.setup-guide-head span,.setup-next span,.settings-stat-card small,.user-panel-head span,.tool-status-row small,.music-now-panel span{color:var(--color-text-muted)!important}
.nav button.active,.settings-subnav button.active,.season-tabs button.active,.view-switch button.active,.tv-toggle.active,.hero-buttons button:first-child,.command-bar button:first-child,.button-row button:first-child,.settings-form button,.metadata-form button,.access-controls button,.watch-pill.active,.watch-progress-played,.watch-progress-buffered,.music-now-panel button,#favorite,#refreshMetadata,.imdb-identify button{background:linear-gradient(135deg,var(--color-accent-hover),var(--color-accent))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 12px 30px var(--color-accent-soft)}
.button-row button,.hero-buttons button,.command-bar button,.menu-list button,.network-links button,.network-links a,.season-tabs button,.version-row button,.watch-pill,.watch-control-field,.icon-btn,.settings-subnav button{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important;border-radius:var(--radius-md)}
.badge,.detail-facts span,.status-chip,.setup-step>span,.watch-badge{background:var(--color-accent-soft)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}
.progress-line span,.setup-progress span,.watch-progress-played,.music-equalizer span{background:var(--color-accent)!important}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.theme-preview-card:focus-visible{outline:3px solid var(--color-accent)!important;outline-offset:3px}
[data-theme="light"] .poster,[data-theme="light"] .hero-title-card,[data-theme="light"] .media-hero-overlay{box-shadow:inset 0 -90px 90px rgba(0,0,0,.26)}
[data-theme="light"] .auth-card,[data-theme="light"] .app-header,[data-theme="light"] .settings-card,[data-theme="light"] .card,[data-theme="light"] .episode-card{box-shadow:var(--shadow-card)}
.appearance-settings-card{
  overflow:hidden!important;
}
.appearance-settings-card .health-head{
  align-items:flex-start;
  gap:18px;
  margin-bottom:6px;
}
.appearance-layout{
  display:flex;
  flex-direction:column;
  gap:28px;
  width:100%;
  min-width:0;
}
.appearance-layout>label,
.appearance-layout>div{
  min-width:0;
}
.appearance-select{
  display:flex;
  flex-direction:column;
  gap:10px;
  width:min(360px,100%);
  max-width:100%;
}
.appearance-select select{
  width:100%;
  height:48px;
}
.appearance-label,
.appearance-select span,
.custom-theme-controls label span{
  color:var(--color-text-muted);
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.appearance-label{
  display:block;
  margin-bottom:14px;
}
.theme-preview-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:16px;
  width:100%;
  min-width:0;
}
.theme-preview-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  min-width:0;
  min-height:132px;
  padding:12px;
  border:1px solid var(--color-border);
  border-radius:16px!important;
  background:var(--color-surface)!important;
  color:var(--color-text);
  text-align:center;
  cursor:pointer;
  box-sizing:border-box;
  transform:none;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.theme-preview-card:hover,
.theme-preview-card:focus-visible{
  transform:translateY(-2px);
}
.theme-preview-card.selected,
.theme-preview-card.is-selected{
  border-color:var(--color-accent)!important;
  box-shadow:0 0 0 3px var(--color-accent-soft),var(--shadow-card)!important;
}
.theme-preview-card.selected::after,
.theme-preview-card.is-selected::after{
  content:"";
  position:absolute;
  top:10px;
  right:10px;
  width:12px;
  height:12px;
  border-radius:999px;
  background:var(--color-accent);
  box-shadow:0 0 0 4px var(--color-accent-soft);
}
.theme-preview-mockup,
.theme-preview-card__mockup{
  position:relative;
  height:74px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:1fr 20px;
  gap:8px;
  padding:10px;
  border-radius:12px;
  overflow:hidden;
  background:var(--preview-bg,#111);
}
.theme-preview-mockup span:first-child,
.mockup-poster{
  grid-row:1/3;
  border-radius:9px;
  background:linear-gradient(145deg,var(--preview-card),var(--preview-accent));
}
.theme-preview-mockup span:nth-child(2),
.mockup-panel{
  border-radius:8px;
  background:var(--preview-card);
}
.theme-preview-mockup i,
.mockup-button{
  width:56px;
  max-width:100%;
  border-radius:999px;
  background:var(--preview-accent);
}
.theme-preview-card strong,
.theme-preview-card__name{
  display:block;
  min-width:0;
  color:var(--color-text);
  font-size:13px;
  font-weight:850;
  line-height:1.25;
  text-align:center;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:break-word;
}
.custom-theme-controls label{
  min-width:0;
  min-height:118px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
  padding:16px;
  border:1px solid var(--color-border);
  border-radius:16px;
  background:var(--color-card);
}
.custom-theme-controls input[type="color"]{
  width:100%;
  height:48px;
  padding:6px;
  border-radius:12px;
  box-sizing:border-box;
}
.custom-theme-controls input[type="range"]{
  width:100%;
}
.custom-theme-controls .button-row{
  grid-column:1/-1;
  margin-top:2px;
  padding-top:2px;
}
.about-panel{display:grid;gap:14px}
.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.about-row{min-width:0;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text)}
.about-row span{display:block;margin-bottom:6px;color:var(--color-text-muted);font-size:12px;font-weight:950;text-transform:uppercase}
.about-row strong{display:block;overflow-wrap:anywhere;color:var(--color-text);line-height:1.35}
@media(max-width:1100px){.custom-theme-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .appearance-settings-card{
    padding:20px!important;
  }
  .appearance-settings-card .health-head{
    display:grid;
    grid-template-columns:1fr;
  }
  .theme-preview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .custom-theme-controls,
  .about-grid{
    grid-template-columns:1fr;
  }
  .appearance-select{
    width:100%;
    max-width:none;
  }
  .custom-theme-controls .button-row .btn,
  .custom-theme-controls .button-row button{
    width:100%!important;
  }
}

/* OZBOX LAYOUT CONTAINMENT AND CONTROL POLISH 2026-07-11 */
:root{
  --oz-control-height:42px;
  --oz-control-radius:999px;
  --oz-control-font:13px;
}
html,
body{
  max-width:100%;
  overflow-x:hidden;
}
.app,
.app-header,
main,
.nav,
.header-search,
.profile-panel,
.settings-page,
.settings-grid,
.settings-card,
.settings-subnav,
.media-page,
.media-detail,
.media-copy,
.detail-section,
.detail-facts,
.metadata-grid,
.episode-list-rich,
.episode-card,
.episode-copy,
.episode-labels,
.card,
.info,
.row-strip,
.grid,
.users-management-layout,
.users-settings-card,
.user-panel,
.user-row,
.library-row,
.library-editor,
.folder-builder,
.folder-chip,
.health-library-row,
.health-library-main,
.metadata-review-row,
.scan-row,
.backup-row,
.about-grid,
.about-row{
  min-width:0;
}
.settings-card,
.card,
.episode-card,
.metadata-grid div,
.settings-stat-card,
.people div,
.about-row,
.health-library-row,
.metadata-review-row,
.scan-row,
.backup-row,
.users-settings-card,
.user-panel{
  overflow:hidden;
}
.title-clamp-2{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.title-clamp-3{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.card-title,
.info strong,
.episode-card h3,
.episode-card strong,
.library-tile strong,
.media-copy h1,
.metadata-review-main strong,
.backup-main strong,
.scan-main strong,
.user-copy strong,
.access-library-tile strong,
.music-now-panel h2{
  min-width:0;
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:normal;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.media-copy h1,
.music-now-panel h2{
  -webkit-line-clamp:3;
}
.app-header{
  grid-template-columns:auto minmax(0,1fr) minmax(160px,240px) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  overflow:visible!important;
}
.app-header .brand,
.app-header .nav,
.app-header .header-search,
.app-header .profile-panel,
.app-header .settings-nav{
  min-width:0;
}
.app-header .nav{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
}
.app-header .nav::-webkit-scrollbar{
  display:none;
}
.app-header .nav button,
.app-header .settings-nav,
.app-header .profile-panel select,
.app-header .profile-panel button,
.app-header .header-search input{
  height:var(--oz-control-height)!important;
  min-height:var(--oz-control-height)!important;
  max-height:var(--oz-control-height)!important;
  border-radius:var(--oz-control-radius)!important;
  font-size:var(--oz-control-font)!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 13px!important;
  white-space:nowrap!important;
}
.app-header .nav button{
  flex:0 0 auto;
}
.app-header .profile-panel{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.app-header .profile-panel label{
  display:none!important;
}
.app-header .profile-panel div{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
}
.app-header .profile-panel select{
  width:100%!important;
  max-width:190px;
  min-width:0!important;
  text-overflow:ellipsis;
}
#logoutButton{
  width:auto!important;
  min-width:76px!important;
  font-size:13px!important;
}
.app-header .header-search input{
  width:100%!important;
}
button,
.hero-buttons button,
.command-bar button,
.button-row button,
.settings-form button,
.metadata-form button,
.access-controls button,
.network-links a,
.network-links button,
.season-tabs button,
.version-row button,
.menu-list button,
.icon-btn{
  min-height:var(--oz-control-height);
  line-height:1.1;
  align-items:center;
  justify-content:center;
}
.button-row{
  align-items:center;
}
.button-row button,
.settings-page .button-row button{
  width:auto!important;
  min-width:0;
  white-space:normal!important;
}
.settings-subnav{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  width:100%;
  min-width:0;
  margin:0 0 24px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:var(--color-surface)!important;
  border:1px solid var(--color-border)!important;
  scrollbar-width:none;
  -ms-overflow-style:none;
  scroll-padding-inline:10px;
}
.settings-subnav::-webkit-scrollbar{
  width:0;
  height:0;
}
.settings-subnav::-webkit-scrollbar-thumb{
  background:transparent;
}
.settings-subnav button{
  flex:0 0 auto!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.settings-subnav button.active{
  box-shadow:0 10px 24px var(--color-accent-soft)!important;
}
.appearance-settings-card,
.appearance-settings-card *,
.theme-preview-grid,
.theme-preview-card,
.theme-preview-card__name,
.custom-theme-controls,
.custom-theme-controls *{
  min-width:0;
}
.metadata-grid{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:12px!important;
  min-width:0;
}
.metadata-grid div{
  min-width:0;
  min-height:86px;
  display:grid;
  align-content:start;
  gap:5px;
}
.metadata-grid span,
.metadata-grid strong,
.metadata-grid code,
.metadata-grid p,
.about-row strong,
.about-row span,
.people strong,
.people span,
.settings-card p,
.remote-hint,
.user-meta span,
.user-row span,
.library-row span,
.folder-chip code,
.health-database code,
.health-folder code,
.scan-folder code,
.backup-paths code,
.watch-file-card code{
  min-width:0;
  max-width:100%;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.metadata-grid strong{
  display:block;
  line-height:1.35;
}
.episode-list-rich{
  width:100%;
}
.episode-card{
  height:auto;
  min-height:0;
  align-content:start;
}
.episode-card p{
  min-width:0;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.episode-labels,
.episode-card span,
.detail-facts{
  flex-wrap:wrap;
}
.detail-facts span,
.badge,
.card-meta,
.played-at,
.card-note{
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.card .info{
  display:grid;
  gap:8px;
  align-content:start;
}
.card .info strong{
  min-height:0!important;
  margin:0;
}
.card-badges{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.card-badges .badge{
  width:auto;
}
@media(max-width:1180px){
  .app-header{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  .app-header .header-search{
    grid-column:1/-1;
    order:3;
  }
  .app-header .profile-panel{
    grid-column:auto;
  }
}
@media(max-width:760px){
  .app-header{
    grid-template-columns:1fr auto!important;
    overflow:visible!important;
  }
  .app-header .nav{
    grid-column:1/-1;
    max-width:100%;
  }
  .app-header .profile-panel{
    grid-column:1/-1!important;
    width:100%!important;
  }
  .app-header .profile-panel select{
    max-width:none;
  }
  .settings-page .button-row{
    display:grid;
    grid-template-columns:1fr;
  }
  .settings-page .button-row button{
    width:100%!important;
  }
  .metadata-grid{
    grid-template-columns:1fr!important;
  }
  .media-copy h1{
    font-size:clamp(34px,11vw,48px)!important;
  }
}

/* OZBOX SETTINGS APPEARANCE PAGE FIX 2026-07-11 */
.settings-tabs-wrapper{
  width:min(var(--oz-page-max,1420px),100%)!important;
  margin:0 auto 24px!important;
  padding:10px 10px 14px!important;
  border:1px solid var(--color-border)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--color-surface) 88%,transparent)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.22)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none!important;
}
.settings-tabs-wrapper::-webkit-scrollbar{
  display:none!important;
}
.settings-tabs-wrapper .settings-subnav{
  width:max-content!important;
  max-width:none!important;
  min-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:static!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:10px!important;
  overflow:visible!important;
}
.settings-tabs-wrapper .settings-tab,
.settings-tabs-wrapper .settings-subnav button{
  flex:0 0 auto!important;
  height:44px!important;
  min-height:44px!important;
  width:auto!important;
  min-width:max-content!important;
  padding:0 18px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
.appearance-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:28px!important;
  padding:clamp(20px,2.4vw,30px)!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.appearance-panel::before{
  pointer-events:none;
}
.appearance-panel .health-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0!important;
}
.appearance-panel .health-head>div{
  min-width:0!important;
}
.appearance-section{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  min-width:0!important;
}
.appearance-actions{
  flex:0 0 auto!important;
  margin:0!important;
}
.appearance-layout{
  display:flex!important;
  flex-direction:column!important;
  gap:28px!important;
  min-width:0!important;
  width:100%!important;
  overflow:visible!important;
}
.appearance-select{
  width:min(360px,100%)!important;
  max-width:100%!important;
}
.theme-select,
.appearance-select select{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  border-radius:14px!important;
}
.appearance-label,
.appearance-select>span{
  display:block!important;
  color:var(--color-muted)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
}
.theme-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.theme-preview-card{
  position:relative!important;
  isolation:isolate;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
  min-height:132px!important;
  height:auto!important;
  padding:12px!important;
  border-radius:16px!important;
  border:1px solid var(--color-border)!important;
  background:var(--color-surface)!important;
  color:var(--color-text)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  transform:none!important;
}
.theme-preview-card:hover{
  border-color:var(--color-accent)!important;
  transform:translateY(-2px)!important;
}
.theme-preview-card.is-selected,
.theme-preview-card.selected{
  border-color:var(--color-accent)!important;
  box-shadow:0 0 0 3px var(--color-accent-soft)!important;
}
.theme-preview-card.is-selected::after,
.theme-preview-card.selected::after{
  content:"";
  position:absolute;
  top:10px;
  right:10px;
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--color-accent);
  box-shadow:0 0 0 4px var(--color-accent-soft);
  z-index:2;
}
.theme-preview-card__mockup,
.theme-preview-mockup{
  position:relative!important;
  flex:0 0 74px!important;
  height:74px!important;
  min-height:74px!important;
  border-radius:12px!important;
  background:var(--preview-bg,#111)!important;
  overflow:hidden!important;
}
.theme-preview-card__name{
  display:block!important;
  min-width:0!important;
  color:var(--color-text)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:break-word!important;
}
.custom-theme-grid,
.custom-theme-controls{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  margin-top:0!important;
  padding:20px!important;
  border-radius:18px!important;
  border:1px solid var(--color-border)!important;
  background:var(--color-surface)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.custom-theme-grid[hidden],
.custom-theme-controls[hidden]{
  display:none!important;
}
.custom-theme-card,
.custom-theme-controls label{
  min-width:0!important;
  min-height:112px!important;
  padding:18px!important;
  border-radius:18px!important;
  border:1px solid var(--color-border)!important;
  background:var(--color-card)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
.custom-theme-card span,
.custom-theme-controls label span{
  display:block!important;
  margin:0!important;
  color:var(--color-muted)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
}
.color-input-field,
.custom-theme-controls input[type="color"]{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  padding:6px!important;
  border-radius:12px!important;
  background:var(--color-bg)!important;
  border:1px solid var(--color-border)!important;
  box-sizing:border-box!important;
}
.range-input,
.custom-theme-controls input[type="range"]{
  width:100%!important;
}
.custom-theme-actions,
.custom-theme-controls .button-row{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  margin-top:2px!important;
  flex-wrap:wrap!important;
}
.custom-theme-actions button,
.custom-theme-controls .button-row button{
  width:auto!important;
  min-width:160px!important;
}
@media(max-width:1100px){
  .custom-theme-grid,
  .custom-theme-controls{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  .settings-tabs-wrapper{
    margin-bottom:18px!important;
    border-radius:14px!important;
  }
  .appearance-panel{
    padding:20px!important;
    gap:22px!important;
  }
  .appearance-panel .health-head{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .appearance-actions,
  .appearance-actions button{
    width:100%!important;
  }
  .theme-preview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .custom-theme-grid,
  .custom-theme-controls{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }
  .custom-theme-actions,
  .custom-theme-controls .button-row{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .custom-theme-actions button,
  .custom-theme-controls .button-row button{
    width:100%!important;
    min-width:0!important;
  }
}

/* OZBOX GENRE ROWS AND CATEGORY MANAGEMENT 2026-07-11 */
.home-category-row{
  margin-bottom:36px;
  min-width:0;
}
.home-category-row__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.home-category-row__title{
  margin:0;
  color:var(--color-text);
  font-size:26px;
  font-weight:900;
  letter-spacing:0;
}
.home-row-actions{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.home-row-actions button{
  min-height:36px;
  padding:0 12px;
  border:1px solid var(--color-border);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:var(--color-text);
  font-size:12px;
  font-weight:900;
}
.home-row-actions .row-arrow{
  width:36px;
  padding:0;
  font-size:22px;
  line-height:1;
}
.home-row-actions button:hover,
.home-row-actions button:focus-visible{
  border-color:var(--color-accent);
  background:var(--color-accent-soft);
}
.home-category-row__scroller{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(180px,220px);
  gap:18px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x proximity;
  padding:4px 4px 16px;
  scrollbar-color:var(--color-border) transparent;
}
.home-category-row__scroller>.card{
  scroll-snap-align:start;
}
.genre-badge{
  background:rgba(229,9,20,.18)!important;
  color:#fff!important;
}
.genre-more-badge{
  background:rgba(255,255,255,.08)!important;
  color:var(--color-text-muted)!important;
}
.genre-chip-field{
  align-content:start;
}
.genre-chip-preview{
  min-height:34px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  padding:8px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  background:rgba(255,255,255,.035);
}
.genre-chip{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  background:var(--color-accent-soft);
  color:var(--color-text);
  font-size:12px;
  font-weight:900;
}
.genre-management{
  display:grid;
  gap:14px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid var(--color-border);
}
.genre-create-form,
.genre-merge-row{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 54px auto;
  gap:10px;
  align-items:center;
}
.genre-merge-row{
  grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr) auto;
}
.genre-manager{
  display:grid;
  gap:10px;
}
.genre-manager-row{
  min-width:0;
  display:grid;
  grid-template-columns:18px minmax(160px,1fr) 54px auto auto auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  background:var(--color-surface);
}
.genre-color-dot{
  width:14px;
  height:14px;
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(255,255,255,.05);
}
.genre-manager-row input,
.genre-create-form input,
.genre-merge-row select{
  min-width:0;
}
@media(max-width:760px){
  .home-category-row__header{
    align-items:flex-start;
  }
  .home-category-row__title{
    font-size:22px;
  }
  .home-category-row__scroller{
    grid-auto-columns:minmax(145px,185px);
    gap:14px;
  }
  .home-row-actions{
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  .genre-create-form,
  .genre-merge-row,
  .genre-manager-row{
    grid-template-columns:1fr;
  }
  .genre-color-dot{
    display:none;
  }
}

/* OZBOX THEME CONTRAST AND ICON COMPATIBILITY 2026-07-11 */
:root,
[data-theme]{
  --color-icon:var(--color-text);
  --color-icon-muted:var(--color-text-muted);
  --color-on-accent:#fff;
  --color-on-media:#fff;
  --color-on-overlay:#fff;
  --color-overlay-muted:rgba(245,247,250,.78);
  --color-danger:#ffb4b4;
  --color-warning:#ffb020;
  --color-success:#7cffb1;
  --color-field-bg:var(--color-surface);
  --color-control-bg:var(--color-surface);
  --color-control-hover:var(--color-surface-soft);
  --color-overlay-bg:rgba(8,9,13,.72);
}
[data-theme="light"]{
  color-scheme:light;
  --color-icon:var(--color-text);
  --color-icon-muted:var(--color-text-muted);
  --color-on-accent:#fff;
  --color-on-media:#fff;
  --color-on-overlay:#fff;
  --color-overlay-muted:rgba(255,255,255,.78);
  --color-danger:#b4232a;
  --color-warning:#8a5b00;
  --color-success:#0f7a45;
  --color-field-bg:#fff;
  --color-control-bg:var(--color-surface-soft);
  --color-control-hover:#e6e9f1;
  --color-overlay-bg:rgba(17,24,39,.72);
}
html,
body,
main,
.app,
.settings-page,
.media-page,
.detail-section,
.settings-card,
.card,
.episode-card,
.cast-card,
.library-tile,
.user-panel,
.menu-list,
.ui-dialog,
.search-panel,
.search-result{
  color:var(--color-text)!important;
}
svg,
svg *,
button:not(.game-card),
button:not(.game-card) span,
.icon-btn,
.watch-icon-btn,
.settings-nav,
.nav button,
.menu-list button,
.action-menu button,
.home-row-actions button,
.season-tabs button,
.version-row button,
.watch-pill,
.watch-control-field,
.profile-panel button,
.profile-panel select{
  color:var(--color-icon)!important;
  fill:currentColor;
  stroke:currentColor;
}
.brand strong,
.hero-copy h1,
.settings-head h1,
.media-copy h1,
.person-hero h1,
.row-head h2,
.heading h2,
.settings-card h2,
.detail-section h2,
.card-title,
.info strong,
.card .info strong,
.episode-card h3,
.episode-card strong,
.cast-card strong,
.library-tile strong,
.metadata-grid strong,
.about-row strong,
.user-copy strong,
.user-row strong,
.library-row strong,
.backup-main strong,
.scan-main strong,
.metadata-review-main strong,
.setup-guide-head h2,
.setup-step strong,
.setup-next strong,
.music-now-panel h2,
.theme-preview-card__name{
  color:var(--color-text)!important;
}
.brand span,
.hero-copy span,
.media-copy>span,
.person-hero span,
.row-head span,
#count,
.remote-hint,
.settings-card p,
.settings-head span,
.info span,
.card-meta,
.info .card-meta,
.played-at,
.episode-card p,
.episode-card span,
.cast-card span,
.setup-guide-head span,
.setup-next span,
.settings-stat-card small,
.user-panel-head span,
.user-row span,
.library-row span,
.tool-status-row small,
.music-now-panel span,
.about-row span,
.metadata-grid span,
.metadata-grid code,
.folder-chip code,
.health-database code,
.health-folder code,
.scan-folder code,
.backup-paths code{
  color:var(--color-text-muted)!important;
}
input,
select,
textarea,
.browse-bar input,
.browse-bar select,
.settings-page input,
.settings-page select,
.settings-page textarea,
.settings-form input,
.settings-form select,
.metadata-form input,
.metadata-form select,
.library-create input,
.library-create select{
  background:var(--color-field-bg)!important;
  color:var(--color-text)!important;
  border-color:var(--color-border)!important;
}
input::placeholder,
textarea::placeholder{
  color:var(--color-text-muted)!important;
  opacity:.76;
}
.button-row button,
.hero-buttons button,
.command-bar button,
.menu-list button,
.network-links button,
.network-links a,
.season-tabs button,
.version-row button,
.watch-pill,
.watch-control-field,
.icon-btn,
.settings-subnav button,
.settings-page button,
.profile-panel button,
.profile-panel select,
.header-search input,
.folder-input-row input,
.folder-input-row button,
.library-row button,
.episode-button{
  background:var(--color-control-bg)!important;
  color:var(--color-text)!important;
  border-color:var(--color-border)!important;
}
.button-row button:hover,
.hero-buttons button:hover,
.command-bar button:hover,
.menu-list button:hover,
.network-links button:hover,
.network-links a:hover,
.season-tabs button:hover,
.version-row button:hover,
.icon-btn:hover,
.settings-subnav button:hover,
.settings-page button:hover,
.profile-panel button:hover,
.episode-button:hover{
  background:var(--color-control-hover)!important;
  color:var(--color-text)!important;
}
.nav button.active,
.settings-nav.active,
.settings-subnav button.active,
.season-tabs button.active,
.view-switch button.active,
.tv-toggle.active,
.hero-buttons button:first-child,
.command-bar button:first-child,
.button-row button:first-child,
.settings-form button,
.metadata-form button,
.access-controls button,
.watch-pill.active,
.music-now-panel button,
#favorite,
#refreshMetadata,
.imdb-identify button,
.ui-btn-primary,
.settings-page button[type="submit"],
#addFolder,
#editAddFolder,
#saveAccess,
#saveFfmpegFolder,
.tool-panel-head button,
.network-links a:first-child,
.folder-input-row button,
.library-row button:first-of-type{
  background:var(--color-accent)!important;
  border-color:var(--color-accent)!important;
  color:var(--color-on-accent)!important;
}
.nav button.active *,
.settings-nav.active *,
.settings-subnav button.active *,
.hero-buttons button:first-child *,
.button-row button:first-child *,
.settings-form button *,
.metadata-form button *,
.access-controls button *,
.ui-btn-primary *,
.settings-page button[type="submit"] *{
  color:var(--color-on-accent)!important;
  fill:currentColor;
  stroke:currentColor;
}
.hero-buttons button:nth-child(2),
.ui-btn-secondary,
#checkFolder,
#editCheckFolder,
#cancelCreateLibrary,
#closeLibraryEditor,
#scanSelectedLibrary,
#rescanAll,
#cleanMissing,
#refreshAllMetadata,
#testPlaybackTools{
  background:var(--color-control-bg)!important;
  border-color:var(--color-border)!important;
  color:var(--color-text)!important;
}
.badge,
.detail-facts span,
.status-chip,
.setup-step>span,
.watch-badge,
.card-badges .badge,
.genre-more-badge,
.access-libraries label,
.health-metrics span,
.backup-metrics span,
.scan-folder span,
.health-folder span{
  background:var(--color-accent-soft)!important;
  border-color:var(--color-border)!important;
  color:var(--color-text)!important;
}
.genre-badge,
.metadata-review-poster span,
.oz-empty button{
  background:var(--color-accent)!important;
  border-color:var(--color-accent)!important;
  color:var(--color-on-accent)!important;
}
.card-note,
.warning-text{
  color:var(--color-warning)!important;
}
.form-error,
.auth-message,
.scan-main small,
.health-folder small,
#deleteSelectedLibrary,
.user-row [data-delete-user]{
  color:var(--color-danger)!important;
}
.folder-ok span,
.health-folder.folder-ok span,
.scan-folder.folder-ok span,
.setup-step-done .setup-step-mark,
.setup-step-done>span{
  color:var(--color-success)!important;
}
.watch-page,
.watch-info,
.watch-player-shell{
  color:var(--color-on-overlay)!important;
}
.watch-icon-btn,
.watch-back-button,
.watch-control-bar,
.player-settings-panel,
.watch-file-card,
.watch-next-card{
  background:var(--color-overlay-bg)!important;
  color:var(--color-on-overlay)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.watch-title p,
.watch-title span,
.watch-time-text,
.player-settings-panel span,
.watch-file-card span,
.watch-next-card p,
.watch-next-card span{
  color:var(--color-overlay-muted)!important;
}
.watch-title strong,
.player-settings-panel strong,
.watch-file-card strong,
.watch-next-card strong,
.watch-icon-btn *,
.watch-back-button *{
  color:var(--color-on-overlay)!important;
  fill:currentColor;
  stroke:currentColor;
}
.poster,
.media-hero,
.netflix-hero,
.episode-thumb,
.cast-photo,
.cast-photo-empty{
  color:var(--color-on-media)!important;
}
.poster *,
.media-hero *,
.netflix-hero *,
.episode-thumb *,
.cast-photo-empty *{
  color:var(--color-on-media)!important;
}

/* OZBOX PAGE UI ENHANCEMENT PASS 2026-07-11 */
:root,
[data-theme]{
  --oz-page-max:1420px;
  --oz-page-pad:clamp(16px,2.4vw,34px);
  --oz-section-gap:clamp(22px,3vw,38px);
  --oz-card-radius:clamp(14px,1.4vw,22px);
  --oz-soft-line:linear-gradient(90deg,transparent,var(--color-border),transparent);
}
body{
  background:
    radial-gradient(circle at 74% -12%,var(--color-accent-soft),transparent 32rem),
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.035),transparent 24rem),
    var(--color-bg)!important;
}
main{
  padding-left:var(--oz-page-pad)!important;
  padding-right:var(--oz-page-pad)!important;
}
.home-rows,
.rail,
.settings-subnav,
.settings-grid,
.media-page{
  width:min(var(--oz-page-max),100%);
  margin-left:auto!important;
  margin-right:auto!important;
}
.app-header{
  border-bottom:1px solid var(--color-border)!important;
  background:color-mix(in srgb,var(--color-bg) 88%,transparent)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.22)!important;
}
.brand,
.settings-nav,
.profile-panel select,
#logoutButton,
.header-search input{
  transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.brand:hover,
.settings-nav:hover,
#logoutButton:hover{
  transform:translateY(-1px);
  border-color:var(--color-accent)!important;
}
.header-search{
  position:relative;
}
.header-search input{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.header-search input:focus{
  border-color:var(--color-accent)!important;
  box-shadow:0 0 0 4px var(--color-accent-soft),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.nav{
  scroll-padding-inline:12px;
}
.nav button{
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}
.nav button:hover{
  transform:translateY(-1px);
}
.netflix-hero{
  min-height:clamp(360px,42vw,560px)!important;
  padding:clamp(62px,7vw,98px) clamp(22px,5vw,68px) clamp(34px,4vw,58px)!important;
  border-bottom:1px solid var(--color-border)!important;
}
.hero-copy{
  width:min(780px,100%)!important;
}
.hero-copy p,
.browse-hero-panel p,
.settings-head p,
.media-copy p,
.person-hero p{
  letter-spacing:.06em!important;
}
.hero-copy h1{
  max-width:12ch;
}
.hero-buttons{
  align-items:center;
}
.hero-buttons button,
.button-row button,
.settings-page button,
.network-links a,
.network-links button{
  min-height:44px!important;
  border-radius:999px!important;
}
.hero-buttons button:hover,
.button-row button:hover,
.settings-page button:hover,
.network-links a:hover,
.network-links button:hover{
  transform:translateY(-1px);
}
.home-rows{
  gap:var(--oz-section-gap)!important;
  padding-bottom:18px;
}
.home-category-row{
  position:relative;
  padding-top:2px;
}
.home-category-row+.home-category-row{
  padding-top:var(--oz-section-gap);
}
.home-category-row+.home-category-row::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:var(--oz-soft-line);
}
.home-category-row__header,
.row-head,
.heading{
  align-items:center!important;
}
.home-category-row__title,
.row-head h2,
.heading h2{
  font-size:clamp(20px,2.2vw,30px)!important;
  letter-spacing:0;
}
.home-row-actions button{
  border-radius:999px!important;
  backdrop-filter:blur(10px);
}
.home-category-row__scroller,
.row-strip{
  scroll-padding-inline:4px;
  scrollbar-width:thin;
  scrollbar-color:var(--color-border) transparent;
}
.home-category-row__scroller::-webkit-scrollbar,
.row-strip::-webkit-scrollbar{
  height:8px;
}
.home-category-row__scroller::-webkit-scrollbar-thumb,
.row-strip::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:var(--color-border);
}
.grid{
  gap:clamp(14px,1.8vw,24px)!important;
}
.card,
.episode-card,
.cast-card,
.library-tile,
.search-result,
.settings-stat-card{
  border-radius:var(--oz-card-radius)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.card:hover,
.episode-card:hover,
.cast-card:hover,
.library-tile:hover,
.search-result:hover{
  transform:translateY(-4px);
}
.card{
  display:flex!important;
  flex-direction:column;
  min-height:100%;
}
.card .poster{
  flex:0 0 auto;
}
.card .info{
  flex:1 1 auto;
}
.card .progress-line{
  margin-top:auto;
}
.poster{
  background-color:var(--color-surface)!important;
}
.badge,
.card-badges .badge,
.status-chip{
  min-height:26px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  line-height:1!important;
}
.browse-bar{
  width:min(var(--oz-page-max),100%);
  margin:0 auto 22px!important;
  justify-content:flex-end!important;
}
.browse-bar select{
  width:min(250px,100%)!important;
}
.browse-hero{
  margin-bottom:24px!important;
}
.browse-hero-panel{
  border-radius:clamp(18px,2vw,28px)!important;
  border-color:var(--color-border)!important;
  box-shadow:0 28px 84px rgba(0,0,0,.28)!important;
}
.browse-metrics{
  gap:12px!important;
}
.browse-metrics article,
.settings-stat-card,
.health-stat,
.about-row{
  border:1px solid var(--color-border)!important;
  border-radius:var(--oz-card-radius)!important;
  background:color-mix(in srgb,var(--color-surface) 86%,transparent)!important;
}
.search-panel{
  border-radius:20px!important;
  border-color:var(--color-border)!important;
  background:color-mix(in srgb,var(--color-card) 94%,transparent)!important;
}
.search-result{
  min-width:0;
  border:1px solid var(--color-border)!important;
  background:var(--color-surface)!important;
}
.settings-head{
  min-height:clamp(210px,26vw,310px)!important;
  margin-left:calc(var(--oz-page-pad) * -1)!important;
  margin-right:calc(var(--oz-page-pad) * -1)!important;
  padding-left:var(--oz-page-pad)!important;
  padding-right:var(--oz-page-pad)!important;
}
.settings-head>div{
  width:min(var(--oz-page-max),100%);
  margin:0 auto!important;
}
.settings-subnav{
  position:sticky!important;
  top:calc(76px + env(safe-area-inset-top,0px))!important;
  z-index:34!important;
  backdrop-filter:blur(18px);
}
.settings-grid{
  gap:20px!important;
}
.settings-card{
  padding:clamp(18px,2vw,28px)!important;
  border-radius:clamp(18px,2vw,24px)!important;
}
.settings-card::before{
  opacity:.82;
}
.health-head,
.user-panel-head,
.tool-panel-head,
.setup-guide-head{
  min-width:0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.health-head>div,
.user-panel-head>div,
.tool-panel-head>div,
.setup-guide-head>div{
  min-width:0;
}
.settings-overview,
.health-stats,
.backup-stats,
.scan-stats,
.metadata-review-stats,
.about-grid{
  gap:14px!important;
}
.library-row,
.backup-row,
.scan-row,
.metadata-review-row,
.user-row,
.health-library-row,
.tool-status-row{
  border-radius:var(--oz-card-radius)!important;
  border:1px solid var(--color-border)!important;
  background:var(--color-surface)!important;
}
.folder-builder,
.access-controls,
.playback-tool-panel,
.library-editor,
.genre-management,
.custom-theme-controls{
  border-radius:var(--oz-card-radius)!important;
}
.folder-chip,
.health-folder,
.scan-folder,
.access-library-tile,
.genre-manager-row{
  border-radius:14px!important;
}
.media-hero{
  margin-left:calc(var(--oz-page-pad) * -1)!important;
  margin-right:calc(var(--oz-page-pad) * -1)!important;
}
.media-hero-overlay{
  padding-left:max(var(--oz-page-pad),calc((100vw - var(--oz-page-max)) / 2 + var(--oz-page-pad)))!important;
  padding-right:max(var(--oz-page-pad),calc((100vw - var(--oz-page-max)) / 2 + var(--oz-page-pad)))!important;
}
.media-copy{
  min-width:0;
}
.detail-section{
  position:relative;
  padding-top:4px;
}
.detail-section+.detail-section{
  padding-top:26px;
}
.detail-section+.detail-section::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:var(--oz-soft-line);
}
.metadata-grid,
.people,
.episode-list-rich,
.cast-grid{
  gap:clamp(12px,1.6vw,20px)!important;
}
.episode-card{
  overflow:hidden;
}
.episode-thumb{
  background-color:var(--color-surface)!important;
}
.oz-empty{
  width:100%;
  max-width:760px;
  margin:20px auto!important;
  border-radius:clamp(18px,2vw,28px)!important;
}
.grid>.oz-empty,
.rail>.oz-empty,
.home-rows>.oz-empty{
  grid-column:1/-1;
}
@media(max-width:1180px){
  .settings-subnav{
    top:auto!important;
    position:relative!important;
  }
  .health-head,
  .user-panel-head,
  .tool-panel-head,
  .setup-guide-head{
    display:grid;
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  :root,
  [data-theme]{
    --oz-page-pad:16px;
  }
  main{
    padding-bottom:34px!important;
  }
  .app-header{
    gap:9px!important;
  }
  .brand{
    min-height:42px!important;
  }
  .netflix-hero{
    min-height:360px!important;
  }
  .hero-copy h1{
    max-width:100%;
  }
  .hero-buttons,
  .button-row,
  .home-row-actions{
    display:grid!important;
    grid-template-columns:1fr;
    width:100%;
  }
  .home-row-actions .row-arrow{
    display:none;
  }
  .home-category-row__header,
  .row-head,
  .heading{
    display:grid!important;
    grid-template-columns:1fr;
    align-items:start!important;
    gap:8px;
  }
  .browse-bar{
    justify-content:stretch!important;
  }
  .browse-bar select{
    width:100%!important;
  }
  .settings-head{
    min-height:210px!important;
  }
  .settings-subnav{
    margin-bottom:18px!important;
  }
  .settings-card{
    padding:18px!important;
  }
  .media-hero-overlay{
    grid-template-columns:1fr!important;
  }
  .media-poster{
    width:min(220px,64vw);
  }
  .oz-empty{
    max-width:100%;
  }
}

/* OZBOX LIVE APP PAGE REFINEMENT 2026-07-11 */
*{
  min-width:0;
}
html,
body{
  overflow-x:hidden;
}
.app,
main,
.media-page,
.settings-page,
.settings-grid,
.settings-card,
.home-rows,
.rail,
.grid,
.card,
.info,
.media-copy,
.metadata-grid,
.episode-card,
.user-panel,
.library-row,
.health-library-row,
.scan-row,
.backup-row,
.metadata-review-row{
  min-width:0!important;
}
.app-header{
  grid-template-columns:auto minmax(320px,1fr) minmax(180px,300px) minmax(160px,240px) auto!important;
  align-items:center!important;
}
.brand,
.nav button,
.settings-nav,
.profile-panel select,
#logoutButton,
.header-search input{
  height:42px!important;
  min-height:42px!important;
}
#logoutButton{
  width:auto!important;
  min-width:84px!important;
  padding:0 14px!important;
  font-size:13px!important;
}
.profile-panel div{
  grid-template-columns:minmax(118px,1fr) auto!important;
}
.nav{
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
}
.nav button{
  flex:0 0 auto!important;
}
.settings-subnav{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  padding:10px 10px 16px!important;
  scroll-padding-inline:10px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none!important;
}
.settings-subnav::-webkit-scrollbar{
  display:none;
}
.settings-subnav button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  height:42px!important;
  padding:0 16px!important;
  white-space:nowrap!important;
}
.appearance-settings-card{
  overflow:hidden!important;
}
.appearance-settings-card .health-head{
  margin-bottom:22px!important;
}
.appearance-settings-card .button-row{
  justify-content:flex-end;
}
.appearance-layout{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:28px!important;
  width:100%!important;
}
.appearance-select{
  width:min(360px,100%)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
}
.appearance-select select,
#themeSelect{
  width:100%!important;
  height:48px!important;
}
.appearance-label,
.appearance-select span,
.custom-theme-controls label span{
  display:block!important;
  margin-bottom:9px!important;
  color:var(--color-muted)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.theme-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  gap:16px!important;
  width:100%!important;
  overflow:visible!important;
}
.theme-preview-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
  min-height:136px!important;
  height:auto!important;
  padding:12px!important;
  border-radius:16px!important;
  transform:none!important;
  overflow:hidden!important;
  white-space:normal!important;
}
.theme-preview-card:hover{
  transform:translateY(-2px)!important;
}
.theme-preview-card.is-selected::after{
  content:"";
  position:absolute;
  top:10px;
  right:10px;
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--color-accent);
  box-shadow:0 0 0 4px var(--color-accent-soft);
}
.theme-preview-card__mockup,
.theme-preview-mockup{
  position:relative!important;
  flex:0 0 74px!important;
  height:74px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.theme-preview-card__name{
  display:block!important;
  min-width:0!important;
  color:var(--color-text)!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.custom-theme-controls{
  margin-top:0!important;
  padding:20px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  border:1px solid var(--color-border)!important;
  background:var(--color-surface)!important;
  overflow:hidden!important;
}
.custom-theme-controls[hidden]{
  display:none!important;
}
.custom-theme-controls label{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:96px!important;
  padding:16px!important;
  border:1px solid var(--color-border)!important;
  border-radius:16px!important;
  background:var(--color-card)!important;
}
.custom-theme-controls input[type="color"]{
  width:100%!important;
  height:48px!important;
  padding:6px!important;
  border-radius:12px!important;
}
.custom-theme-controls input[type="range"]{
  width:100%!important;
}
.custom-theme-controls .button-row{
  grid-column:1/-1;
  margin-top:2px!important;
  justify-content:flex-start!important;
}
.custom-theme-controls .button-row button{
  width:auto!important;
}
.title-clamp-2,
.card .info strong,
.library-main strong,
.media-copy h1,
.episode-card strong,
.metadata-review-main strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}
.title-clamp-3,
.overview,
.episode-card p,
.media-copy>span{
  display:-webkit-box!important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}
code,
.about-row strong,
.metadata-grid div,
.library-paths,
.folder-chip code,
.health-folder code,
.scan-folder code,
.watch-file-card span{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
}
.metadata-grid div,
.about-row,
.settings-stat-card,
.health-stat{
  min-height:112px;
  overflow:hidden!important;
}
.metadata-grid div span,
.about-row span,
.settings-stat-card span,
.health-stat span{
  color:var(--color-muted)!important;
}
.card .info{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.card .info strong{
  min-height:38px!important;
}
.card-meta,
.info span{
  overflow-wrap:anywhere!important;
}
.episode-list-rich{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;
  gap:18px!important;
}
.episode-card{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  height:100%!important;
  padding-bottom:16px!important;
}
.episode-thumb,
.episode-media{
  width:100%!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
}
.episode-card h3,
.episode-card strong,
.episode-card p,
.episode-card span{
  padding-left:14px;
  padding-right:14px;
}
.users-management-layout{
  align-items:start!important;
}
.user-form,
.library-form,
.metadata-form.compact{
  gap:16px!important;
}
.settings-form label,
.metadata-form label,
.access-controls label{
  min-width:0!important;
}
.settings-form input,
.settings-form select,
.settings-form textarea,
.metadata-form input,
.metadata-form select,
.metadata-form textarea{
  width:100%!important;
}
@media(max-width:1180px){
  .app-header{
    grid-template-columns:auto 1fr auto!important;
  }
  .header-search,
  .profile-panel,
  .nav{
    grid-column:1/-1;
  }
  .custom-theme-controls{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .app-header{
    grid-template-columns:1fr auto!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .brand{
    width:max-content!important;
    max-width:100%!important;
  }
  .settings-nav{
    justify-self:end;
  }
  #logoutButton{
    min-width:72px!important;
  }
  .profile-panel div{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .settings-subnav{
    margin-top:0!important;
    padding-bottom:12px!important;
  }
  .appearance-settings-card .button-row,
  .custom-theme-controls .button-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .theme-preview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .theme-preview-card{
    min-height:128px!important;
  }
  .custom-theme-controls{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }
  .episode-list-rich{
    grid-template-columns:1fr!important;
  }
  .metadata-grid,
  .about-grid{
    grid-template-columns:1fr!important;
  }
}

/* OZBOX SETTINGS APPEARANCE FINAL LAYOUT LOCK 2026-07-11 */
.settings-tabs-wrapper{
  width:min(var(--oz-page-max,1420px),100%)!important;
  margin:0 auto 24px!important;
  padding:10px 10px 14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:1px solid var(--color-border)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--color-surface) 88%,transparent)!important;
  scrollbar-width:none!important;
}
.settings-tabs-wrapper::-webkit-scrollbar{
  display:none!important;
}
.settings-tabs-wrapper .settings-subnav{
  position:static!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:10px!important;
  width:max-content!important;
  min-width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.settings-tabs-wrapper .settings-subnav button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
.appearance-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:28px!important;
  overflow:hidden!important;
}
.appearance-panel .health-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0!important;
}
.appearance-layout,
.appearance-section{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.appearance-layout{
  gap:28px!important;
  width:100%!important;
}
.appearance-section{
  gap:14px!important;
}
.appearance-select{
  width:min(360px,100%)!important;
}
.theme-select,
.appearance-select select{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
}
.theme-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  gap:16px!important;
  width:100%!important;
  overflow:visible!important;
}
.theme-preview-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
  min-height:132px!important;
  height:auto!important;
  padding:12px!important;
  overflow:hidden!important;
  white-space:normal!important;
  transform:none!important;
}
.theme-preview-card:hover{
  transform:translateY(-2px)!important;
}
.theme-preview-card__mockup,
.theme-preview-mockup{
  position:relative!important;
  flex:0 0 74px!important;
  height:74px!important;
  min-height:74px!important;
  overflow:hidden!important;
}
.theme-preview-card__name{
  display:block!important;
  min-width:0!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  overflow:visible!important;
}
.custom-theme-grid,
.custom-theme-controls{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  margin-top:0!important;
  padding:20px!important;
  overflow:hidden!important;
}
.custom-theme-grid[hidden],
.custom-theme-controls[hidden]{
  display:none!important;
}
.custom-theme-card,
.custom-theme-controls label{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:18px!important;
}
.custom-theme-actions,
.custom-theme-controls .button-row{
  grid-column:1/-1!important;
  display:flex!important;
  justify-content:flex-start!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.custom-theme-actions button,
.custom-theme-controls .button-row button{
  width:auto!important;
  min-width:160px!important;
}
@media(max-width:1100px){
  .custom-theme-grid,
  .custom-theme-controls{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  .settings-tabs-wrapper{
    margin-bottom:18px!important;
  }
  .appearance-panel{
    gap:22px!important;
  }
  .appearance-panel .health-head{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .theme-preview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .custom-theme-grid,
  .custom-theme-controls{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }
  .appearance-actions,
  .appearance-actions button,
  .custom-theme-actions button,
  .custom-theme-controls .button-row button{
    width:100%!important;
    min-width:0!important;
  }
}

/* OZBOX APPEARANCE PAGE REBUILD 2026-07-17 */
.settings-tabs-wrapper{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:10px!important;
  border-radius:18px!important;
  background:var(--color-surface)!important;
  border:1px solid var(--color-border)!important;
  box-sizing:border-box!important;
  scrollbar-width:thin!important;
  scrollbar-color:var(--color-border) transparent!important;
}
.settings-tabs-wrapper::-webkit-scrollbar{
  display:block!important;
  height:6px!important;
}
.settings-tabs-wrapper::-webkit-scrollbar-track{
  background:transparent!important;
}
.settings-tabs-wrapper::-webkit-scrollbar-thumb{
  background:var(--color-border)!important;
  border-radius:999px!important;
}
.settings-tabs-wrapper .settings-tabs,
.settings-tabs-wrapper .settings-subnav{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:max-content!important;
  width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.settings-tabs-wrapper .settings-tab,
.settings-tabs-wrapper .settings-subnav button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.appearance-panel,
.appearance-settings-card{
  display:flex!important;
  flex-direction:column!important;
  gap:28px!important;
  width:100%!important;
  min-width:0!important;
  padding:28px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.appearance-panel .health-head,
.appearance-panel .appearance-header,
.appearance-settings-card .health-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:24px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.appearance-panel .health-head>div,
.appearance-settings-card .health-head>div{
  min-width:0!important;
}
.appearance-panel h2,
.appearance-settings-card h2{
  margin:0 0 8px!important;
  color:var(--color-text)!important;
  font-size:30px!important;
  line-height:1.1!important;
}
.appearance-panel p,
.appearance-settings-card p{
  margin:0!important;
  color:var(--color-text-muted,var(--color-muted))!important;
  line-height:1.5!important;
}
.appearance-actions{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
}
.appearance-layout{
  display:flex!important;
  flex-direction:column!important;
  gap:28px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.appearance-layout>.appearance-section,
.appearance-section{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.appearance-label,
.appearance-select>span,
.custom-theme-card>span,
.custom-theme-controls label span{
  display:block!important;
  margin:0!important;
  color:var(--color-text-muted,var(--color-muted))!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
}
.appearance-select{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  width:min(380px,100%)!important;
  min-width:0!important;
}
.theme-select,
.appearance-select select,
#themeSelect{
  width:min(380px,100%)!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  background:var(--color-surface)!important;
  color:var(--color-text)!important;
  border:1px solid var(--color-border)!important;
  box-sizing:border-box!important;
}
.theme-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
.theme-preview-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  min-height:140px!important;
  height:auto!important;
  width:100%!important;
  padding:12px!important;
  border-radius:18px!important;
  background:var(--color-surface)!important;
  color:var(--color-text)!important;
  border:1px solid var(--color-border)!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-align:initial!important;
}
.theme-preview-card:hover,
.theme-preview-card:focus-visible{
  border-color:var(--color-accent)!important;
  transform:translateY(-2px)!important;
}
.theme-preview-card.is-selected,
.theme-preview-card.selected{
  border-color:var(--color-accent)!important;
  box-shadow:0 0 0 3px var(--color-accent-soft)!important;
}
.theme-preview-card.is-selected::after,
.theme-preview-card.selected::after{
  content:""!important;
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:11px!important;
  height:11px!important;
  border-radius:999px!important;
  background:var(--color-accent)!important;
  box-shadow:0 0 0 4px var(--color-accent-soft)!important;
}
.theme-preview-card__mockup,
.theme-preview-mockup{
  position:relative!important;
  width:100%!important;
  height:78px!important;
  min-height:78px!important;
  flex:0 0 78px!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:var(--preview-bg,#0b0d12)!important;
}
.mockup-bg,
.mockup-panel,
.mockup-button,
.theme-preview-mockup .mockup-bg,
.theme-preview-mockup .mockup-panel,
.theme-preview-mockup .mockup-button{
  position:absolute!important;
  display:block!important;
  border-radius:10px!important;
}
.mockup-bg{
  inset:0!important;
  background:var(--preview-bg,#111)!important;
}
.mockup-panel{
  left:12px!important;
  top:12px!important;
  width:40%!important;
  height:52px!important;
  background:var(--preview-panel,var(--preview-card,#1b2230))!important;
}
.mockup-button{
  right:12px!important;
  bottom:12px!important;
  width:42%!important;
  height:18px!important;
  background:var(--preview-accent,var(--color-accent))!important;
}
.theme-preview-card__name{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  color:var(--color-text)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  overflow:visible!important;
}
@media(max-width:700px){
  .appearance-panel,
  .appearance-settings-card{
    padding:20px!important;
  }
  .appearance-panel .health-head,
  .appearance-settings-card .health-head{
    flex-direction:column!important;
  }
  .theme-preview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .custom-theme-controls,
  .custom-theme-grid{
    grid-template-columns:1fr!important;
  }
  .custom-theme-actions button,
  .custom-theme-controls .button-row button,
  .appearance-header .btn,
  .appearance-actions button{
    width:100%!important;
    min-width:0!important;
  }
}

/* OZBOX WEB THEME READABILITY LOCK 2026-07-17 */
:root,
[data-theme]{
  --color-text-soft:color-mix(in srgb,var(--color-text-muted) 72%,var(--color-bg) 28%);
  --color-heading:var(--color-text);
  --color-icon:var(--color-text);
  --color-icon-muted:var(--color-text-muted);
  --color-icon-active:var(--color-accent);
  --color-on-accent:#ffffff;
  --color-overlay-strong:rgba(0,0,0,.72);
  --color-overlay-soft:rgba(0,0,0,.42);
  --color-input-bg:var(--color-surface);
  --color-button-bg:var(--color-surface);
  --color-warning:#ffb020;
}
[data-theme="ozbox-default"]{
  --color-heading:#ffffff;
  --color-text-soft:#7f8794;
  --color-icon:#ffffff;
  --color-icon-muted:#aeb5c3;
  --color-icon-active:#e50914;
  --color-on-accent:#ffffff;
}
[data-theme="light"]{
  --color-heading:#0f172a;
  --color-text-soft:#94a3b8;
  --color-icon:#111827;
  --color-icon-muted:#64748b;
  --color-icon-active:#e50914;
  --color-on-accent:#ffffff;
  --color-overlay-strong:rgba(15,23,42,.74);
  --color-overlay-soft:rgba(15,23,42,.36);
  --color-input-bg:#ffffff;
  --color-button-bg:#f8fafc;
}
body,
.app{
  background:var(--color-bg)!important;
  color:var(--color-text)!important;
}
h1,
h2,
h3,
h4,
.heading,
.row-head h2,
.settings-card h2,
.settings-card h3,
.media-copy h1,
.hero-copy h1,
.person-hero h1,
.detail-section h2,
.settings-head h1,
.card-title,
.info strong,
.episode-card h3,
.episode-card strong,
.cast-card strong,
.metadata-grid strong,
.metadata-review-main strong,
.appearance-panel h2{
  color:var(--color-heading)!important;
}
p,
small,
.meta-text,
.muted-text,
.remote-hint,
.row-head span,
#count,
.settings-head span,
.hero-copy span,
.media-copy>span,
.person-hero span,
.info span,
.card-meta,
.card-note,
.episode-card p,
.episode-card span,
.cast-card span,
.metadata-grid span,
.metadata-grid code,
.settings-stat-card small,
.user-panel-head span,
.tool-status-row small,
.music-now-panel span,
.watch-file-card span,
.watch-next-card p,
.watch-next-card span,
.settings-card p,
.appearance-panel p,
.theme-preview-card__name{
  color:var(--color-text-muted)!important;
}
.card,
.panel,
.settings-panel,
.media-card,
.settings-card,
.app-header,
.settings-subnav,
.profile-panel,
.user-panel,
.library-row,
.library-editor,
.folder-builder,
.access-controls,
.playback-tool-panel,
.tool-status-row,
.scan-row,
.backup-row,
.metadata-review-row,
.health-database,
.setup-guide-panel,
.setup-guide-home,
.setup-step,
.setup-next,
.menu-list,
.ui-dialog,
.auth-card,
.watch-info,
.player-settings-panel,
.watch-file-card,
.watch-next-card,
.music-now-panel,
.music-info-section,
.music-metadata-grid div,
.episode-card,
.cast-card,
.library-tile,
.settings-stat-card,
.metadata-grid div,
.people div,
.oz-empty,
.search-panel,
.search-result,
.theme-preview-card,
.custom-theme-controls{
  background:var(--color-card)!important;
  color:var(--color-text)!important;
  border-color:var(--color-border)!important;
}
button,
select,
input,
textarea{
  color:var(--color-text)!important;
}
input,
select,
textarea,
.browse-bar input,
.browse-bar select,
.settings-form input,
.settings-form select,
.settings-form textarea,
.metadata-form input,
.metadata-form select,
.metadata-form textarea,
.folder-input-row input{
  background:var(--color-input-bg)!important;
  border-color:var(--color-border)!important;
  color:var(--color-text)!important;
}
input::placeholder,
textarea::placeholder{
  color:var(--color-text-soft)!important;
}
button:not(.game-card),
.button-row button,
.hero-buttons button,
.command-bar button,
.menu-list button,
.network-links button,
.network-links a,
.season-tabs button,
.version-row button,
.watch-pill,
.watch-control-field,
.icon-btn,
.watch-icon-btn,
.settings-subnav button,
.nav button,
.settings-nav{
  background:var(--color-button-bg)!important;
  border-color:var(--color-border)!important;
  color:var(--color-text)!important;
}
.badge,
.card-badges .badge,
.detail-facts span,
.watch-badge,
.episode-thumb b,
.metadata-review-poster span,
.oz-empty-mark{
  background:var(--color-overlay-strong)!important;
  border-color:var(--color-border)!important;
  color:#ffffff!important;
}
.poster,
.episode-thumb,
.media-hero-overlay,
.netflix-hero{
  color:#ffffff!important;
}
.hero-copy p,
.settings-head p,
.media-copy p,
.person-hero p,
#kind,
.fav-dot{
  color:var(--color-accent)!important;
}
svg,
svg *,
.icon,
.icon-btn,
.watch-icon-btn{
  color:var(--color-icon)!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}
.icon-muted{
  color:var(--color-icon-muted)!important;
}
.icon-active,
.nav-link.is-active svg,
.settings-tab.is-active svg,
.settings-subnav button.active svg{
  color:var(--color-icon-active)!important;
}
.btn-primary,
.ui-btn-primary,
.settings-tab.is-active,
.settings-subnav button.active,
.nav button.active,
.button-row button:first-child,
.hero-buttons button:first-child,
.command-bar button:first-child,
.settings-form button,
.metadata-form button,
.access-controls button{
  background:var(--color-accent)!important;
  border-color:var(--color-accent)!important;
  color:var(--color-on-accent)!important;
}
.btn-primary:hover,
.ui-btn-primary:hover,
.settings-subnav button.active:hover,
.nav button.active:hover,
.button-row button:first-child:hover,
.hero-buttons button:first-child:hover,
.command-bar button:first-child:hover,
.settings-form button:hover,
.metadata-form button:hover,
.access-controls button:hover{
  background:var(--color-accent-hover)!important;
  border-color:var(--color-accent-hover)!important;
  color:var(--color-on-accent)!important;
}
.btn-primary *,
.ui-btn-primary *,
.settings-tab.is-active *,
.settings-subnav button.active *,
.nav button.active *,
.button-row button:first-child *,
.hero-buttons button:first-child *,
.command-bar button:first-child *,
.settings-form button *,
.metadata-form button *,
.access-controls button *{
  color:var(--color-on-accent)!important;
}
.custom-theme-warning{
  grid-column:1/-1;
  min-width:0;
  padding:12px 14px;
  border:1px solid var(--color-warning);
  border-radius:14px;
  background:color-mix(in srgb,var(--color-warning) 16%,transparent);
  color:var(--color-heading);
  font-size:13px;
  font-weight:850;
  line-height:1.35;
}
.custom-theme-warning[hidden]{
  display:none!important;
}

/* Settings pages must always respect tab visibility, even when a panel has display overrides. */
.settings-grid > [data-settings-section][hidden],
.settings-grid > [data-settings-section][aria-hidden="true"]{
  display:none!important;
}

.watch-timeline-wrap{
  cursor:pointer;
  pointer-events:auto;
}
.watch-scrubber:disabled,
.watch-round:disabled,
.watch-icon-btn:disabled{
  cursor:not-allowed;
  opacity:.48;
}
.watch-scrubber:disabled{
  pointer-events:none;
}
.playback-preparing:not(.hidden){
  white-space:normal;
  line-height:1.45;
}

/* Keep the video-player Settings menu fully reachable on desktop and phones. */
.watch-player-shell,
.watch-overlay{
  overflow:visible!important;
}
.watch-control-bar{
  overflow:visible!important;
}
.watch-bottom-controls,
.watch-bottom-controls > .player-settings-menu{
  min-width:0;
}
.watch-player-shell .player-settings-menu{
  position:relative!important;
  z-index:90;
}
.watch-player-shell .player-settings-panel{
  position:absolute!important;
  right:0!important;
  bottom:calc(100% + 14px)!important;
  left:auto!important;
  z-index:100;
  width:min(380px,calc(100vw - 32px))!important;
  max-height:min(68dvh,560px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:14px!important;
  padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
}
.watch-player-shell .player-settings-panel label,
.watch-player-shell .player-settings-panel select,
.watch-player-shell .player-settings-panel button,
.watch-player-shell .subtitle-online,
.watch-player-shell .subtitle-online-row,
.watch-player-shell .subtitle-search-results{
  min-width:0;
  max-width:100%;
}
.watch-player-shell .subtitle-online-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.watch-player-shell .subtitle-online-row button{
  white-space:nowrap;
}
.watch-player-shell .subtitle-search-results{
  max-height:160px;
  overflow-y:auto;
  padding-right:2px;
}

/* OZ Box TV remote and identification refinement */
body.tv{
  scroll-padding:calc(22px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(90px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px));
}
body.tv .card,
body.tv .hero-title-card,
body.tv .library-tile,
body.tv .episode-card,
body.tv .cast-card,
body.tv button,
body.tv input,
body.tv select,
body.tv textarea,
body.tv .identify-suggestion{
  outline-offset:4px;
}
body.tv .card:focus-visible,
body.tv .hero-title-card:focus-visible,
body.tv .library-tile:focus-visible,
body.tv .episode-card:focus-visible,
body.tv .cast-card:focus-visible,
body.tv button:focus-visible,
body.tv input:focus-visible,
body.tv select:focus-visible,
body.tv textarea:focus-visible,
body.tv .identify-suggestion:focus-visible{
  outline:4px solid var(--color-accent,#E50914)!important;
  box-shadow:0 0 0 8px rgba(229,9,20,.24),0 18px 42px rgba(0,0,0,.38)!important;
}
body.tv .metadata-modal-backdrop[data-identification-modal]{
  padding:calc(28px + env(safe-area-inset-top,0px)) calc(28px + env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) calc(28px + env(safe-area-inset-left,0px))!important;
}
body.tv .identify-modal{
  max-width:min(980px,94vw)!important;
  max-height:88dvh!important;
}
body.tv .identify-suggestion{
  grid-template-columns:96px minmax(0,1fr) 150px!important;
  min-height:142px;
}
body.tv .identify-suggestion button,
body.tv .manual-identify-form button,
body.tv .identify-confirm-actions button{
  min-height:50px!important;
  border-radius:16px!important;
  font-size:16px!important;
}
.identify-confirm-zone:not([hidden]){
  display:block;
  flex:0 0 auto;
  margin:14px 0 0;
}
.identify-confirm-card{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(229,9,20,.48);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(229,9,20,.12),rgba(255,255,255,.035)),var(--color-panel,#101218);
}
.identify-confirm-poster{
  width:92px;
  aspect-ratio:2/3;
  border-radius:12px;
  overflow:hidden;
  background:var(--color-bg,#08090D);
}
.identify-confirm-poster img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.identify-confirm-card p,
.identify-confirm-card h3,
.identify-confirm-card span{
  margin:0;
  min-width:0;
  overflow-wrap:anywhere;
}
.identify-confirm-card p{
  color:var(--color-muted,#B4BAC5);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.identify-confirm-card h3{
  margin-top:4px;
  color:var(--color-text,#F5F7FA);
  font-size:20px;
  line-height:1.2;
}
.identify-confirm-card span{
  display:block;
  margin-top:4px;
  color:var(--color-muted,#B4BAC5);
}
.identify-confirm-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.identify-confirm-actions button{
  min-height:42px;
  padding:0 16px;
  border:0;
  border-radius:999px;
  background:var(--color-accent,#E50914);
  color:var(--color-on-accent,#fff);
  font-weight:900;
}
.identify-status[data-state="info"]{
  color:var(--color-muted,#B4BAC5);
}
html[data-performance-mode="tv"] .media-hero,
html[data-performance-mode="tv"] .browse-hero-panel,
html[data-performance-mode="tv"] .hero-title-card,
html[data-performance-mode="tv"] .card,
html[data-performance-mode="tv"] .episode-card{
  box-shadow:none!important;
  backdrop-filter:none!important;
}
html[data-performance-mode="tv"] .media-hero{
  min-height:min(58dvh,560px)!important;
}
html[data-performance-mode="tv"] .hero-title-card{
  min-height:min(42dvh,380px)!important;
}
@media(max-width:760px){
  body.tv .identify-suggestion{
    grid-template-columns:72px minmax(0,1fr)!important;
    min-height:0;
  }
  .identify-confirm-card{
    grid-template-columns:72px minmax(0,1fr);
  }
  .identify-confirm-poster{
    width:72px;
  }
}
@media(max-width:760px){
  .watch-control-bar{
    max-height:none!important;
  }
  .watch-player-shell .player-settings-panel{
    position:fixed!important;
    left:max(12px,env(safe-area-inset-left,0px))!important;
    right:max(12px,env(safe-area-inset-right,0px))!important;
    bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-height:calc(100dvh - 118px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  }
  .watch-player-shell .subtitle-online-row{
    grid-template-columns:1fr;
  }
}
@media(max-height:520px){
  .watch-player-shell .player-settings-panel{
    max-height:calc(100dvh - 92px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  }
}

/* OZBOX TV EXPERIENCE ENHANCEMENT */
body.tv{
  --tv-page-max:1880px;
  --tv-pad:clamp(38px,4vw,82px);
  --tv-gap:clamp(24px,2.3vw,42px);
  --tv-focus-ring:0 0 0 4px var(--color-accent),0 0 0 12px var(--color-accent-soft),0 26px 80px rgba(0,0,0,.62);
  font-size:20px;
  background:
    radial-gradient(circle at 72% -20%,var(--color-accent-soft),transparent 40rem),
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.035),transparent 30rem),
    #030407!important;
}
.tv .app-header{
  min-height:104px!important;
  grid-template-columns:auto minmax(0,1fr) minmax(300px,420px) minmax(280px,380px) auto!important;
  gap:20px!important;
  padding:18px var(--tv-pad)!important;
  background:color-mix(in srgb,var(--color-bg) 92%,transparent)!important;
  border-bottom-color:color-mix(in srgb,var(--color-border) 72%,transparent)!important;
}
.tv .brand{
  min-width:190px;
  min-height:68px!important;
  gap:14px!important;
}
.tv .brand-logo{
  width:64px!important;
  height:64px!important;
  border-radius:16px!important;
  box-shadow:0 0 42px var(--color-accent-soft)!important;
}
.tv .brand strong{
  font-size:28px!important;
}
.tv .nav{
  gap:10px!important;
  padding:4px 2px 8px;
  scroll-snap-type:x proximity;
}
.tv .nav button,
.tv .settings-nav,
.tv .profile-panel select,
.tv .profile-panel button,
.tv #logoutButton,
.tv .header-search input{
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  border-radius:999px!important;
  font-size:20px!important;
  font-weight:900!important;
}
.tv .nav button,
.tv .settings-nav{
  padding:0 26px!important;
}
.tv .profile-panel div{
  grid-template-columns:minmax(150px,1fr) minmax(128px,auto)!important;
  gap:12px!important;
}
.tv #logoutButton{
  min-width:128px!important;
  padding:0 20px!important;
  font-size:18px!important;
}
.tv .header-search input{
  padding:0 24px!important;
}
.tv main{
  padding:0 var(--tv-pad) 96px!important;
}
.tv .home-rows,
.tv .rail,
.tv .settings-subnav,
.tv .settings-grid,
.tv .media-page{
  width:min(var(--tv-page-max),100%)!important;
}
.tv .netflix-hero{
  min-height:min(68dvh,780px)!important;
  margin-left:calc(var(--tv-pad) * -1)!important;
  margin-right:calc(var(--tv-pad) * -1)!important;
  margin-bottom:38px!important;
  padding:clamp(78px,7vh,118px) var(--tv-pad) clamp(54px,6vh,86px)!important;
}
.tv .hero-page{
  gap:32px!important;
}
.tv .hero-title-card{
  min-height:clamp(440px,48vh,620px)!important;
  border-radius:30px!important;
}
.tv .hero-title-card-copy{
  gap:16px!important;
  padding:38px!important;
}
.tv .hero-title-card-copy p{
  font-size:15px!important;
}
.tv .hero-title-card-copy h2{
  font-size:clamp(48px,4.8vw,88px)!important;
  max-width:12ch;
}
.tv .hero-title-card-copy span{
  max-width:760px;
  font-size:20px!important;
  line-height:1.5!important;
}
.tv .hero-card-actions{
  gap:14px!important;
  margin-top:10px!important;
}
.tv .hero-card-actions button,
.tv .hero-buttons button,
.tv .button-row button,
.tv .season-tabs button,
.tv .version-row button,
.tv .settings-page button,
.tv .network-links a,
.tv .network-links button{
  min-height:62px!important;
  height:62px!important;
  padding:0 28px!important;
  font-size:20px!important;
}
.tv .hero-nav button{
  width:72px!important;
  height:72px!important;
  min-height:72px!important;
  font-size:42px!important;
}
.tv .hero-dots{
  bottom:28px!important;
}
.tv .hero-dots button{
  width:14px!important;
  height:14px!important;
}
.tv .home-rows{
  gap:var(--tv-gap)!important;
}
.tv .row-head h2,
.tv .home-category-row__title,
.tv .heading h2,
.tv .detail-section h2{
  font-size:clamp(28px,2.4vw,42px)!important;
}
.tv .row-head span,
.tv #count{
  font-size:18px!important;
}
.tv .home-row-actions button{
  width:54px!important;
  height:54px!important;
  min-height:54px!important;
  font-size:26px!important;
}
.tv .home-row-actions button:not(.row-arrow){
  width:auto!important;
  padding:0 22px!important;
  font-size:18px!important;
}
.tv .row-strip,
.tv .home-category-row__scroller{
  grid-auto-columns:minmax(265px,330px)!important;
  gap:28px!important;
  padding:8px 8px 36px!important;
}
.tv .grid{
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;
  gap:30px!important;
}
.tv .card{
  border-width:2px!important;
  border-radius:24px!important;
}
.tv .card:hover,
.tv .card:focus,
.tv .card:focus-visible,
.tv .library-tile:hover,
.tv .library-tile:focus,
.tv .library-tile:focus-visible,
.tv .episode-card:hover,
.tv .episode-card:focus,
.tv .episode-card:focus-visible,
.tv .cast-card:hover,
.tv .cast-card:focus,
.tv .cast-card:focus-visible,
.tv button:focus-visible,
.tv select:focus-visible,
.tv input:focus-visible{
  transform:translateY(-8px) scale(1.035)!important;
  outline:none!important;
  border-color:var(--color-accent)!important;
  box-shadow:var(--tv-focus-ring)!important;
}
.tv .poster{
  border-radius:22px 22px 0 0!important;
}
.tv .info{
  gap:12px!important;
  padding:20px!important;
}
.tv .info strong{
  min-height:64px!important;
  font-size:23px!important;
  line-height:1.18!important;
}
.tv .card-meta,
.tv .card-note,
.tv .played-at,
.tv .info span{
  font-size:17px!important;
  line-height:1.36!important;
}
.tv .card-badges{
  gap:9px!important;
}
.tv .badge,
.tv .card-badges .badge,
.tv .status-chip,
.tv .detail-facts span{
  min-height:34px!important;
  padding:0 13px!important;
  font-size:14px!important;
}
.tv .progress-line{
  height:8px!important;
}
.tv .library-strip{
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;
  gap:24px!important;
}
.tv .library-tile{
  min-height:190px!important;
  padding:26px!important;
  border-radius:26px!important;
}
.tv .library-tile strong{
  font-size:26px!important;
}
.tv .library-tile span,
.tv .library-tile small{
  font-size:17px!important;
}
.tv .browse-hero-panel{
  min-height:340px!important;
  padding:42px!important;
  border-radius:32px!important;
}
.tv .browse-hero-panel h1{
  font-size:clamp(54px,5vw,86px)!important;
}
.tv .settings-head{
  min-height:330px!important;
  margin-left:calc(var(--tv-pad) * -1)!important;
  margin-right:calc(var(--tv-pad) * -1)!important;
  padding-left:var(--tv-pad)!important;
  padding-right:var(--tv-pad)!important;
}
.tv .settings-head h1{
  font-size:clamp(62px,6vw,104px)!important;
}
.tv .settings-head span,
.tv .settings-card p,
.tv .remote-hint{
  font-size:19px!important;
}
.tv .settings-subnav{
  top:104px!important;
  gap:12px!important;
  padding:14px 14px 20px!important;
  border-radius:24px!important;
}
.tv .settings-subnav button{
  height:58px!important;
  min-height:58px!important;
  padding:0 24px!important;
  font-size:18px!important;
}
.tv .settings-grid{
  gap:26px!important;
}
.tv .settings-card{
  padding:32px!important;
  border-radius:28px!important;
}
.tv .settings-card h2{
  font-size:34px!important;
}
.tv .settings-card input,
.tv .settings-card select,
.tv .settings-card textarea{
  min-height:60px!important;
  font-size:19px!important;
}
.tv .media-hero{
  min-height:min(70dvh,820px)!important;
  margin-left:calc(var(--tv-pad) * -1)!important;
  margin-right:calc(var(--tv-pad) * -1)!important;
}
.tv .media-hero-overlay{
  min-height:min(70dvh,820px)!important;
  grid-template-columns:minmax(250px,360px) minmax(0,1fr)!important;
  gap:44px!important;
  padding:70px var(--tv-pad) 62px!important;
}
.tv .media-poster{
  border-radius:28px!important;
}
.tv .media-copy h1,
.tv .person-hero h1{
  font-size:clamp(64px,6vw,112px)!important;
}
.tv .media-copy>span,
.tv .person-hero span{
  max-width:980px!important;
  font-size:21px!important;
  line-height:1.55!important;
}
.tv .back-button{
  min-height:58px!important;
  padding:0 24px!important;
  border-radius:999px!important;
  font-size:19px!important;
}
.tv .detail-section{
  margin-bottom:44px!important;
}
.tv .season-tabs{
  gap:14px!important;
}
.tv .episode-list-rich{
  grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important;
  gap:28px!important;
}
.tv .episode-card{
  border-radius:26px!important;
}
.tv .episode-copy{
  gap:12px!important;
  padding:20px!important;
}
.tv .episode-copy h3{
  min-height:58px!important;
  font-size:23px!important;
}
.tv .episode-copy p{
  font-size:17px!important;
}
.tv .episode-labels strong,
.tv .episode-labels span,
.tv .episode-thumb>span,
.tv .episode-thumb>b{
  min-height:32px!important;
  font-size:14px!important;
  padding:0 12px!important;
}
.tv .cast-row{
  grid-auto-columns:minmax(190px,240px)!important;
  gap:22px!important;
}
.tv .cast-card{
  min-height:300px!important;
  padding:18px!important;
  border-radius:24px!important;
}
.tv .cast-photo,
.tv .cast-photo-empty,
.tv .cast-card div{
  width:86px!important;
  height:86px!important;
}
.tv .watch-icon-btn{
  width:64px!important;
  height:64px!important;
  min-height:64px!important;
  font-size:24px!important;
}
.tv .watch-round{
  width:86px!important;
  height:86px!important;
  min-height:86px!important;
}
.tv .watch-play-toggle{
  width:108px!important;
  height:108px!important;
  min-height:108px!important;
}
.tv .watch-title strong{
  font-size:clamp(28px,3vw,48px)!important;
}
.tv .watch-title p{
  font-size:15px!important;
}
.tv .watch-time-text{
  font-size:18px!important;
}
.tv .player-settings-panel{
  width:min(460px,calc(100vw - 64px))!important;
  font-size:18px!important;
}
.tv-remote-guide{
  position:fixed;
  left:50%;
  bottom:22px;
  z-index:120;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:calc(100vw - 44px);
  padding:10px 14px;
  border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--color-card) 84%,transparent);
  color:var(--color-text-muted);
  box-shadow:0 18px 52px rgba(0,0,0,.36);
  backdrop-filter:blur(18px);
  transform:translateX(-50%);
  pointer-events:none;
}
.tv-remote-guide span{
  color:var(--color-text);
  font-weight:950;
}
.tv-remote-guide kbd{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border:1px solid var(--color-border);
  border-radius:8px;
  background:var(--color-surface);
  color:var(--color-text);
  font:inherit;
  font-size:13px;
  font-weight:950;
}
.tv-remote-guide b{
  font-size:13px;
}
.tv.view-watch .tv-remote-guide,
.tv.auth-required .tv-remote-guide{
  display:none;
}
@media(max-width:1180px){
  .tv .app-header{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    padding-inline:28px!important;
  }
  .tv .nav{
    grid-column:1/-1;
  }
  .tv main{
    padding-inline:28px!important;
  }
  .tv .netflix-hero,
  .tv .settings-head,
  .tv .media-hero{
    margin-left:-28px!important;
    margin-right:-28px!important;
  }
}

/* OZ Box localization and RTL support */
html[dir="rtl"] body{
  font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  text-align:right;
}
html[dir="rtl"] .app,
html[dir="rtl"] .settings-grid,
html[dir="rtl"] .media-detail,
html[dir="rtl"] .auth-card{
  direction:rtl;
}
html[dir="rtl"] .nav button,
html[dir="rtl"] .card,
html[dir="rtl"] .library-tile,
html[dir="rtl"] .episode-card,
html[dir="rtl"] .search-result,
html[dir="rtl"] .settings-card,
html[dir="rtl"] .user-panel,
html[dir="rtl"] .metadata-grid div,
html[dir="rtl"] .detail-facts,
html[dir="rtl"] .player-settings-panel{
  text-align:right;
}
html[dir="rtl"] .nav button.active::before{
  left:auto;
  right:0;
}
html[dir="rtl"] .side{
  border-width:0 0 0 1px;
}
html[dir="rtl"] .detail{
  border-width:0 1px 0 0;
  box-shadow:18px 0 60px rgba(0,0,0,.28);
}
html[dir="rtl"] .hero-buttons,
html[dir="rtl"] .button-row,
html[dir="rtl"] .actions,
html[dir="rtl"] .access-controls label,
html[dir="rtl"] .profile-panel div,
html[dir="rtl"] .folder-input-row,
html[dir="rtl"] .watch-top-bar{
  direction:rtl;
}
html[dir="rtl"] .row-strip,
html[dir="rtl"] .watch-control-bar,
html[dir="rtl"] .watch-timeline-wrap,
html[dir="rtl"] .watch-bottom-controls,
html[dir="rtl"] .watch-volume,
html[dir="rtl"] video,
html[dir="rtl"] audio,
html[dir="rtl"] code,
html[dir="rtl"] #path,
html[dir="rtl"] .about-row strong{
  direction:ltr;
  unicode-bidi:isolate;
}
html[dir="rtl"] .watch-title,
html[dir="rtl"] .watch-file-card,
html[dir="rtl"] .watch-next-card,
html[dir="rtl"] .player-settings-panel{
  direction:rtl;
}
html[dir="rtl"] .watch-file-card span,
html[dir="rtl"] .network-links a,
html[dir="rtl"] .network-links button,
html[dir="rtl"] .tool-status-row code,
html[dir="rtl"] .folder-chip code{
  direction:ltr;
  unicode-bidi:plaintext;
  text-align:left;
}
.language-settings-panel{
  display:grid;
  gap:16px;
  padding:18px;
  border:1px solid var(--color-border,rgba(255,255,255,.1));
  border-radius:var(--radius-lg,16px);
  background:linear-gradient(135deg,rgba(229,9,20,.10),rgba(255,255,255,.03)),var(--color-card,#171A21);
}
.language-settings-panel h3{
  margin:0 0 6px;
  color:var(--color-text,#F5F7FA);
}
.language-settings-panel p{
  margin:0;
  color:var(--color-text-muted,#B4BAC5);
}
.language-settings-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.language-settings-grid label{
  display:grid;
  gap:7px;
  min-width:0;
}
.language-settings-grid span{
  color:var(--color-text-muted,#B4BAC5);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}
.language-settings-grid select{
  width:100%;
  min-height:44px;
}
@media(max-width:1100px){
  .language-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .language-settings-grid{grid-template-columns:1fr}
}

/* LG webOS TV: safe-area header, couch-distance focus, and remote-friendly rails. */
body.tv{
  --tv-safe-x:max(52px,4vw);
  --tv-safe-y:max(28px,2.6vh);
  overflow-x:hidden!important;
}
body.tv .app-header{
  grid-template-columns:minmax(150px,210px) minmax(0,1fr) minmax(410px,560px) minmax(126px,160px)!important;
  grid-template-rows:64px 64px!important;
  grid-template-areas:
    "brand nav nav nav"
    "search search profile settings"!important;
  width:100%!important;
  min-height:166px!important;
  padding:max(16px,env(safe-area-inset-top,0px)) max(var(--tv-safe-x),env(safe-area-inset-right,0px)) 16px max(var(--tv-safe-x),env(safe-area-inset-left,0px))!important;
  column-gap:16px!important;
  row-gap:10px!important;
  overflow:visible!important;
}
body.tv .brand{grid-area:brand!important;min-width:0!important}
body.tv .brand strong{display:inline!important;font-size:22px!important}
body.tv .nav{
  grid-area:nav!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  overflow:visible!important;
}
body.tv .nav button[data-filter="kids"],
body.tv .nav button[data-filter="music"],
body.tv .nav button[data-filter="games"]{display:none!important}
body.tv .header-search{grid-area:search!important;min-width:0!important}
body.tv .profile-panel{
  grid-area:profile!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
body.tv .profile-panel label{
  position:static!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  clip:auto!important;
  color:#f5f7fa!important;
  font-size:16px!important;
  font-weight:900!important;
}
body.tv .profile-panel div{
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) minmax(108px,136px)!important;
  gap:10px!important;
  min-width:0!important;
}
body.tv .settings-nav{grid-area:settings!important;min-width:126px!important}
body.tv .nav button,
body.tv .settings-nav,
body.tv .header-search input,
body.tv .profile-panel select,
body.tv .profile-panel button{
  height:54px!important;
  min-height:54px!important;
  font-size:18px!important;
}
body.tv .nav button{flex:0 1 auto!important;padding-inline:18px!important}
body.tv main{
  width:100%!important;
  max-width:100vw!important;
  padding-left:max(var(--tv-safe-x),env(safe-area-inset-left,0px))!important;
  padding-right:max(var(--tv-safe-x),env(safe-area-inset-right,0px))!important;
  overflow-x:hidden!important;
}
body.tv .row-strip,
body.tv .continue-strip{
  margin-inline:calc(var(--tv-safe-x) * -.22)!important;
  padding:18px calc(var(--tv-safe-x) * .22) 34px!important;
  scroll-padding-inline:calc(var(--tv-safe-x) * .22)!important;
}
body.tv .grid{padding:14px 10px 34px!important}
body.tv :where(button,input,select,textarea,a[href],[role="button"],[tabindex="0"],.card,.continue-card,.hero-title-card,.library-tile,.episode-card,.cast-card){
  transform-origin:center center;
  transition:transform .14s ease,outline-color .14s ease,box-shadow .14s ease,border-color .14s ease!important;
}
body.tv :where(button,input,select,textarea,a[href],[role="button"],[tabindex="0"],.card,.continue-card,.hero-title-card,.library-tile,.episode-card,.cast-card):focus,
body.tv :where(button,input,select,textarea,a[href],[role="button"],[tabindex="0"],.card,.continue-card,.hero-title-card,.library-tile,.episode-card,.cast-card):focus-visible{
  outline:4px solid #ff2430!important;
  outline-offset:3px!important;
  border-color:#fff!important;
  box-shadow:0 0 0 2px #fff,0 0 0 7px rgba(229,9,20,.64)!important;
  transform:scale(1.025)!important;
  z-index:25!important;
}
body.tv,
body.tv *{scroll-behavior:auto!important}
body.tv :where(.card,.continue-card,.hero-title-card,.library-tile,.episode-card,.cast-card,button,a,input,select,textarea){transition-duration:0s!important}
/* webOS GPUs struggle with backdrop blur; surfaces already carry near-opaque backgrounds */
body.tv *,
body.webos-tv *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.tv .search-panel,
body.tv [role="dialog"],
body.tv .metadata-modal-backdrop,
body.tv .subtitle-manager-modal{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
/* The shared .search-panel is absolutely positioned below its anchor, which
   breaks inside the TV search dialog; there it must flow in the dialog layout. */
.tv-search-dialog .search-panel{
  position:static!important;
  left:auto!important;right:auto!important;top:auto!important;
  width:100%!important;
  margin:12px 0 0!important;
  max-height:min(52vh,540px)!important;
  overflow-y:auto!important;
  box-shadow:none!important;
}
/* In TV mode outside the dialog, anchor the results panel to the viewport with
   safe margins so it can never slide off the left edge. */
body.tv .app-header .search-panel{
  position:fixed!important;
  left:var(--tv-safe-x,34px)!important;
  right:var(--tv-safe-x,34px)!important;
  top:calc(var(--tv-safe-y,24px) + 130px)!important;
  z-index:70!important;
  max-height:min(64vh,600px)!important;
  overflow-y:auto!important;
}
@media(max-width:1180px){
  body.tv .app-header .search-panel{top:calc(var(--tv-safe-y,24px) + 236px)!important}
}

@media(max-width:1180px){
  body.tv{--tv-safe-x:max(34px,3.5vw)}
  body.tv .app-header{
    grid-template-columns:minmax(140px,190px) minmax(0,1fr) minmax(126px,150px)!important;
    grid-template-rows:58px 58px 58px!important;
    grid-template-areas:
      "brand nav nav"
      "search search search"
      "profile profile settings"!important;
    min-height:226px!important;
  }
  body.tv .nav{gap:6px!important}
  body.tv .nav button{padding-inline:12px!important;font-size:17px!important}
}

@media(max-width:820px){
  body.tv .app-header{
    position:sticky!important;
    grid-template-columns:minmax(0,1fr) minmax(120px,150px)!important;
    grid-template-rows:54px 54px 54px 54px!important;
    grid-template-areas:
      "brand settings"
      "nav nav"
      "search search"
      "profile profile"!important;
    min-height:250px!important;
  }
  body.tv .brand strong{font-size:18px!important}
  body.tv .nav{overflow-x:auto!important;padding-inline:4px!important}
}

/* TV-only chrome: hidden by default, shown when a dialog opens. */
.tv-header-more,
.tv-dialog-backdrop{
  display:none;
}
.tv-dialog-backdrop.open{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  padding:var(--tv-safe-y,28px) var(--tv-safe-x,52px);
  background:rgba(4,6,10,.78);
}
.tv-dialog{
  width:min(940px,100%);
  max-height:calc(100vh - (var(--tv-safe-y,28px) * 2));
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr);
  gap:14px;
  padding:26px 30px 30px;
  border:1px solid var(--color-border,rgba(255,255,255,.12));
  border-radius:22px;
  background:#101218;
  color:var(--color-text,#F5F7FA);
  box-shadow:0 40px 120px rgba(0,0,0,.6);
  overflow:hidden;
}
.tv-dialog>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.tv-dialog>header p{
  margin:0;
  color:#B4BAC5;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.tv-dialog>header h2{
  margin:2px 0 0;
  font-size:30px;
  line-height:1.15;
}
.tv-dialog-close{
  min-width:52px;
  min-height:52px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.05);
  color:#F5F7FA;
  font-size:20px;
  font-weight:900;
}
.tv-dialog-close:hover,
.tv-dialog-close:focus-visible{border-color:#E50914;background:rgba(229,9,20,.16);outline:none}
.tv-search-activate{
  min-height:56px;
  padding:0 18px;
  border:1px dashed rgba(255,255,255,.22);
  border-radius:14px;
  background:rgba(229,9,20,.08);
  color:#F5F7FA;
  font-weight:850;
  text-align:left;
}
.tv-search-activate:hover,
.tv-search-activate:focus-visible{border-color:#E50914;outline:none}
.tv-dialog input[type="search"]{
  width:100%;
  min-height:56px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:#0B0D12;
  color:#F5F7FA;
  font-size:20px;
}
.tv-dialog input[type="search"]:focus{border-color:#E50914;outline:none}
.tv-account-dialog .tv-account-choice{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  min-height:64px;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:#171A21;
  color:#F5F7FA;
  font-size:18px;
  font-weight:850;
  text-align:left;
}
.tv-account-dialog .tv-account-choice:hover,
.tv-account-dialog .tv-account-choice:focus-visible{border-color:#E50914;outline:none}

/* Stable cast and crew rows */
.people-section{
  display:grid;
  gap:12px;
  min-width:0;
  margin-top:16px;
}
.people-section h3{
  margin:0;
  color:var(--color-heading,var(--text));
  font-size:18px;
}
.cast-row{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:156px!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 10px 18px!important;
  scroll-snap-type:x proximity;
}
.cast-card{
  width:156px!important;
  min-width:156px!important;
  height:304px!important;
  min-height:304px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  align-items:stretch!important;
  padding:10px!important;
  text-align:start!important;
  overflow:hidden!important;
  scroll-snap-align:start;
}
.cast-photo,
.cast-photo-empty,
.cast-card div.cast-photo{
  width:100%!important;
  height:auto!important;
  aspect-ratio:2 / 3!important;
  flex:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:12px!important;
  background-size:cover!important;
  background-position:center top!important;
  overflow:hidden!important;
}
.cast-card strong,
.cast-card span{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  word-break:break-word;
}
.cast-card strong{
  min-height:38px!important;
  -webkit-line-clamp:2;
  line-height:1.18!important;
}
.cast-card span{
  min-height:36px!important;
  -webkit-line-clamp:2;
  line-height:1.25!important;
}
html[dir="rtl"] .cast-row,
html[dir="rtl"] .cast-card{
  direction:rtl;
}
.tv .cast-row{
  grid-auto-columns:190px!important;
  gap:18px!important;
}
.tv .cast-card{
  width:190px!important;
  min-width:190px!important;
  height:362px!important;
  min-height:362px!important;
}
@media(max-width:760px){
  .cast-row{
    grid-auto-columns:138px!important;
    padding-inline:2px!important;
  }
  .cast-card{
    width:138px!important;
    min-width:138px!important;
    height:274px!important;
    min-height:274px!important;
  }
}

/* TV-safe artwork rendering */
.poster,
.hero-title-card,
.browse-hero-panel,
.media-hero,
.media-poster,
.episode-thumb,
.cast-photo,
.metadata-review-poster{
  position:relative;
  overflow:hidden;
  background:var(--poster,linear-gradient(135deg,#171A21,#08090D));
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.poster{
  aspect-ratio:2 / 3;
  min-height:0;
  padding:0;
}
.oz-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  background:var(--poster,linear-gradient(135deg,#171A21,#08090D));
  opacity:0;
  transition:opacity .18s ease;
  transform:none!important;
}
.oz-image.is-loaded{
  opacity:1;
}
.oz-image.is-failed{
  display:none;
}
.oz-image-empty{
  display:block;
  width:100%;
  height:100%;
  background:var(--poster,linear-gradient(135deg,#171A21,#08090D));
}
.poster .oz-image,
.media-poster .oz-image,
.episode-thumb .oz-image,
.cast-photo .oz-image,
.metadata-review-poster .oz-image{
  position:absolute;
  inset:0;
  border-radius:inherit;
}
.card .movie-card__poster{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  padding:0 0 150%!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border-radius:13px 13px 0 0;
  background-color:#101218;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.card .movie-card__poster::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:var(--poster,linear-gradient(135deg,#171A21,#08090D));
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.card .movie-card__poster-image,
.card .movie-card__poster > .oz-image{
  position:absolute!important;
  inset:0!important;
  z-index:1;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  visibility:visible!important;
  border-radius:inherit;
}
.card .movie-card__poster .oz-image-empty,
.card .movie-card__poster .oz-image.is-failed{
  display:none!important;
}
.hero-title-card > .oz-image,
.browse-hero-panel > .oz-image,
.media-hero > .oz-image{
  position:absolute;
  inset:0;
  z-index:0;
}
.hero-title-card-copy,
.browse-hero-panel > div,
.media-hero-overlay{
  position:relative;
  z-index:2;
}
.hero-title-card::before,
.browse-hero-panel::before,
.media-hero::before{
  z-index:1;
}
.episode-thumb .episode-preview{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
}
.episode-thumb > span,
.episode-thumb > b{
  position:relative;
  z-index:2;
}
html[dir="rtl"] .oz-image,
body.rtl .oz-image{
  transform:none!important;
  object-position:center center;
}

/* Daily browse-page feature */
.daily-feature-hero{
  transition:background-image .22s ease, opacity .22s ease;
}
.daily-feature-copy{
  display:grid;
  gap:10px;
  min-width:0;
  max-width:760px;
}
.daily-feature-copy .detail-facts{
  margin:2px 0 0;
}
.daily-feature-copy .hero-buttons{
  margin-top:8px;
}
.daily-hero-admin{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:2px;
}
.daily-hero-admin button{
  min-height:34px;
  padding:0 12px;
  border:1px solid var(--color-border,var(--line));
  border-radius:999px;
  background:rgba(23,26,33,.82);
  color:var(--color-text-muted,#B4BAC5);
  font-size:12px;
  font-weight:900;
}
.daily-hero-admin button:hover,
.daily-hero-admin button:focus-visible{
  border-color:var(--color-accent,#E50914);
  color:var(--color-text,#F5F7FA);
}

.server-network-panel{
  display:grid;
  gap:16px;
}
.server-network-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  width:100%;
}
.server-network-row{
  min-width:0;
  display:grid;
  gap:6px;
  padding:14px;
  border:1px solid var(--color-border,var(--line));
  border-radius:14px;
  background:var(--color-surface,#101218);
}
.server-network-row span{
  color:var(--color-text-muted,#B4BAC5);
  font-size:12px;
  font-weight:850;
  text-transform:uppercase;
}
.server-network-row strong{
  min-width:0;
  color:var(--color-text,#F5F7FA);
  font-size:14px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.server-network-row.status-ok strong,
.server-network-row.primary strong{
  color:var(--color-accent,#E50914);
}
.server-network-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.server-network-hint{
  color:var(--color-text-muted,#B4BAC5);
  font-size:13px;
  line-height:1.5;
}
@media(max-width:1180px){
  .server-network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .server-network-grid{grid-template-columns:1fr}
  .server-network-actions{display:grid;grid-template-columns:1fr}
}

/* Final TV poster-card guard: shared movie/show cards must not rely on aspect-ratio support. */
.card .poster.movie-card__poster{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  padding:0 0 150%!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background-color:#101218;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.card .poster.movie-card__poster::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:var(--poster,linear-gradient(135deg,#171A21,#08090D));
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.card .poster.movie-card__poster > img,
.card .movie-card__poster-image{
  position:absolute!important;
  inset:0!important;
  z-index:1;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Movie/details overflow menu: render the visible menu in a body-level layer so
   hero artwork clipping never cuts off the action list. */
.action-menu-template[hidden]{
  display:none!important;
}
.action-menu-portal{
  position:fixed!important;
  display:grid!important;
  gap:4px!important;
  min-width:210px!important;
  max-width:min(320px,calc(100vw - 24px))!important;
  padding:8px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  z-index:10000!important;
  border:1px solid var(--color-border,var(--line))!important;
  border-radius:14px!important;
  background:var(--color-card,#171A21)!important;
  color:var(--color-text,#F5F7FA)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.04)!important;
  backdrop-filter:blur(18px);
  -webkit-overflow-scrolling:touch;
}
.action-menu-portal button{
  width:100%!important;
  min-height:40px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--color-text,#F5F7FA)!important;
  text-align:left!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.action-menu-portal button:hover,
.action-menu-portal button:focus-visible{
  outline:0!important;
  background:rgba(229,9,20,.18)!important;
  color:var(--color-text,#F5F7FA)!important;
  box-shadow:inset 3px 0 0 var(--color-accent,#E50914)!important;
}
html[dir="rtl"] .action-menu-portal button{
  justify-content:flex-end!important;
  text-align:right!important;
}
.tv .action-menu-portal{
  min-width:280px!important;
  padding:12px!important;
  border-radius:18px!important;
}
.tv .action-menu-portal button{
  min-height:58px!important;
  padding:14px 16px!important;
  font-size:20px!important;
}

.tv-select-backdrop{
  position:fixed;
  inset:0;
  z-index:10001;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(6px);
}
.tv-select-modal{
  display:flex;
  flex-direction:column;
  width:min(520px,calc(100vw - 48px));
  max-height:min(70vh,640px);
  padding:18px;
  border:1px solid var(--color-border,var(--line));
  border-radius:18px;
  background:var(--color-card,#171A21);
  color:var(--color-text,#F5F7FA);
  box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.04);
}
.tv-select-title{
  padding:4px 6px 12px;
  color:var(--color-text-muted,var(--muted));
  font-size:15px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tv-select-list{
  display:grid;
  gap:6px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.tv-select-option{
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  padding:12px 16px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--color-text,#F5F7FA);
  font-size:19px;
  font-weight:600;
  text-align:left;
}
.tv-select-option.selected{
  color:var(--color-accent,#E50914);
}
.tv-select-option.selected::after{
  content:'✓';
  margin-left:auto;
  padding-left:16px;
}
html[dir="rtl"] .tv-select-option{text-align:right}
html[dir="rtl"] .tv-select-option.selected::after{margin-left:0;margin-right:auto;padding-left:0;padding-right:16px}
.tv-select-option:hover,
.tv-select-option:focus-visible{
  outline:0;
  background:rgba(229,9,20,.18);
  border-color:var(--color-accent,#E50914);
}
.tv .tv-select-option{min-height:64px;font-size:22px}

.performance-diagnostics{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--color-border,rgba(255,255,255,.1));
}
.performance-diagnostics-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.performance-diagnostics-grid article{
  min-width:0;
  padding:12px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--color-border,rgba(255,255,255,.08));
}
.performance-diagnostics-grid span{
  display:block;
  color:var(--color-muted,#B4BAC5);
  font-size:.78rem;
}
.performance-diagnostics-grid strong{
  display:block;
  margin-top:4px;
  color:var(--color-text,#F5F7FA);
}
.grid-window-note{
  grid-column:1/-1;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(229,9,20,.09);
  border:1px solid rgba(229,9,20,.24);
  color:var(--color-text,#F5F7FA);
}
.grid-window-note button{
  min-height:34px;
  margin-left:10px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:var(--color-text,#F5F7FA);
  font-weight:800;
  cursor:pointer;
}
.grid-window-note button:hover,
.grid-window-note button:focus-visible{
  border-color:rgba(229,9,20,.58);
  background:rgba(229,9,20,.2);
  outline:none;
}
html[data-performance-mode="tv"] *{
  scroll-behavior:auto!important;
}
html[data-performance-mode="tv"] .card,
html[data-performance-mode="tv"] .hero-title-card,
html[data-performance-mode="tv"] .browse-hero-panel,
html[data-performance-mode="tv"] .overview-card,
html[data-performance-mode="tv"] .settings-card,
html[data-performance-mode="tv"] .episode-card,
html[data-performance-mode="tv"] .cast-card{
  box-shadow:none!important;
  backdrop-filter:none!important;
  transition:border-color .12s ease,transform .12s ease,background-color .12s ease!important;
}
html[data-performance-mode="tv"] .card:hover,
html[data-performance-mode="tv"] .card:focus-visible,
html[data-performance-mode="tv"] .episode-card:hover,
html[data-performance-mode="tv"] .episode-card:focus-visible{
  transform:scale(1.025)!important;
  box-shadow:0 0 0 3px var(--color-accent,#E50914)!important;
}
html[data-performance-mode="tv"] .oz-image{
  transition:opacity .12s ease!important;
}
html[data-performance-mode="tv"] .hero-track,
html[data-performance-mode="tv"] .hero-page,
html[data-performance-mode="tv"] .episode-preview,
html[data-performance-mode="tv"] .music-equalizer,
html[data-performance-mode="tv"] .watch-music-visualizer{
  animation:none!important;
}
@media (max-width:760px){
  .performance-diagnostics-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
.metadata-review-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.metadata-review-filters button{min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:#171A21;color:var(--muted);font-weight:850}.metadata-review-filters button.active{background:#E50914;border-color:#E50914;color:#fff}.metadata-review-filters span{opacity:.78;margin-left:4px}.metadata-review-badges .ignored{border-color:rgba(229,9,20,.42);color:#ffb4b8}.identify-modal{max-width:min(920px,calc(100vw - 28px))}.identify-suggestion-list{display:grid;gap:12px;margin:16px 0}.identify-suggestion{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#101218}.identify-poster{width:86px;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:#08090D}.identify-poster img{width:100%;height:100%;object-fit:cover}.identify-suggestion-copy{min-width:0}.identify-suggestion-copy strong{display:block;color:var(--text);font-size:17px}.identify-suggestion-copy span,.identify-suggestion-copy p{display:block;color:var(--muted);margin:4px 0 0;line-height:1.45}.identify-suggestion-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.identify-suggestion-copy small{display:inline-grid;place-items:center;margin-top:8px;min-height:24px;padding:0 9px;border-radius:999px;background:rgba(229,9,20,.16);color:#ffb4b8;font-weight:900}.identify-suggestion button,.manual-identify-form button{min-height:40px;padding:0 14px;border:0;border-radius:999px;background:#E50914;color:#fff;font-weight:900}.manual-identify-form{display:grid;grid-template-columns:1fr 1fr 100px auto;gap:10px;align-items:end;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.manual-identify-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.manual-identify-form input{height:40px;min-width:0;border:1px solid var(--line);border-radius:10px;background:#08090D;color:var(--text);padding:0 10px}@media(max-width:760px){.identify-suggestion{grid-template-columns:72px minmax(0,1fr)}.identify-suggestion button{grid-column:1/-1}.manual-identify-form{grid-template-columns:1fr}}
.metadata-review-count{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:850;background:rgba(255,255,255,.03)}
.identify-status{display:block;min-height:20px;margin-top:8px;color:var(--muted);font-size:12px;font-weight:850}
.identify-status[data-state="saving"]{color:#F5F7FA}
.identify-status[data-state="error"]{color:#ffb4b8}
.identify-suggestion button.is-saving{opacity:.75;cursor:wait}
.identify-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}.identify-mode-tabs button{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#101218;color:var(--muted);font-weight:900}.identify-mode-tabs button.active{background:#E50914;border-color:#E50914;color:#fff}.identify-suggestion.recommended{border-color:rgba(229,9,20,.5)!important;background:linear-gradient(180deg,rgba(229,9,20,.11),rgba(255,255,255,.018)),var(--color-panel,#101218)!important}.identify-suggestion[aria-selected="true"],.identify-suggestion:focus-visible{outline:3px solid rgba(229,9,20,.55)!important;outline-offset:3px!important}.identify-suggestion-top{display:grid;gap:5px}.identify-suggestion-top small{width:max-content}.identify-confirm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.identify-confirm-actions button{min-height:42px;padding:0 14px;border:0;border-radius:999px;background:#E50914;color:#fff;font-weight:900}.identify-confirm-actions .secondary{background:#171A21;border:1px solid var(--line);color:var(--text)}
.metadata-modal-backdrop[data-identification-modal].identify-confirming .identify-mode-tabs,
.metadata-modal-backdrop[data-identification-modal].identify-confirming .identify-suggestion-list,
.metadata-modal-backdrop[data-identification-modal].identify-confirming .identify-empty,
.metadata-modal-backdrop[data-identification-modal].identify-confirming .manual-identify-form{
  display:none!important;
}
.metadata-modal-backdrop[data-identification-modal].identify-confirming .identify-confirm-zone:not([hidden]){
  margin-top:18px;
  display:grid!important;
}

/* OZBOX PLAYER / IDENTIFY / EPISODE FIX PASS 2026-08-09 */
.metadata-modal-backdrop[data-identification-modal]{
  position:fixed!important;
  inset:0!important;
  z-index:12000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;
  overflow:hidden!important;
  background:rgba(0,0,0,.72)!important;
}
.metadata-modal-backdrop[data-identification-modal] .identify-modal{
  width:min(980px,100%)!important;
  max-width:calc(100vw - 32px)!important;
  max-height:min(90dvh,920px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  margin:0!important;
  border-radius:18px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.46)!important;
}
.metadata-modal-backdrop[data-identification-modal] .metadata-modal-head{
  flex:0 0 auto!important;
  gap:14px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid var(--color-border,var(--line))!important;
}
.identify-suggestion-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  margin:0!important;
  padding:16px 4px 16px 0!important;
}
.manual-identify-form{
  flex:0 0 auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:2!important;
  grid-template-columns:minmax(170px,1.2fr) 100px minmax(150px,1fr) auto auto auto auto!important;
  margin:10px -2px 0!important;
  padding:14px 2px 2px!important;
  background:linear-gradient(180deg,rgba(23,26,33,.72),var(--color-card,#171A21) 28%)!important;
}
.identify-suggestion{
  min-width:0!important;
  grid-template-columns:86px minmax(0,1fr) auto!important;
  border-color:var(--color-border,var(--line))!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),var(--color-panel,#101218)!important;
  transition:border-color .18s ease,transform .18s ease,background .18s ease!important;
}
.identify-suggestion:hover,
.identify-suggestion:focus-within{
  border-color:rgba(229,9,20,.55)!important;
  transform:translateY(-1px)!important;
}
.identify-suggestion button:focus-visible,
.manual-identify-form button:focus-visible{
  outline:3px solid rgba(229,9,20,.35)!important;
  outline-offset:2px!important;
}
.identify-empty{
  flex:1 1 auto!important;
  margin:16px 0!important;
}
.identify-suggestion-copy,
.identify-suggestion-copy strong,
.identify-suggestion-copy span,
.identify-suggestion-copy p{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.identify-suggestion button,
.manual-identify-form button{
  white-space:nowrap!important;
}
body.tv .metadata-modal-backdrop[data-identification-modal] .identify-modal{width:min(1080px,calc(100vw - 42px))!important;max-height:calc(100dvh - 42px)!important}
body.tv .identify-modal{font-size:18px}
body.tv .identify-mode-tabs button,
body.tv .identify-suggestion button,
body.tv .manual-identify-form button{min-height:56px!important;font-size:18px}
body.tv .manual-identify-form input{min-height:56px!important;font-size:18px}
body.tv .identify-suggestion{grid-template-columns:108px minmax(0,1fr) 150px!important;gap:18px!important}
body.tv .identify-poster{width:108px!important}
.episode-list-rich{
  align-items:stretch!important;
}
.episode-card{
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  overflow:hidden!important;
}
.episode-thumb{
  position:relative!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  padding:0!important;
}
.episode-thumb > .episode-number-badge,
.episode-thumb > span{
  position:absolute!important;
  left:12px!important;
  right:auto!important;
  bottom:12px!important;
  top:auto!important;
  z-index:4!important;
  max-width:calc(100% - 24px)!important;
  min-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(8,9,13,.78)!important;
  color:var(--color-on-media,#fff)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  backdrop-filter:blur(10px);
}
.episode-thumb > .episode-state-badge,
.episode-thumb > b{
  position:absolute!important;
  right:12px!important;
  left:auto!important;
  bottom:12px!important;
  top:auto!important;
  z-index:4!important;
  max-width:calc(100% - 24px)!important;
  min-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(229,9,20,.92)!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.episode-copy{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:14px!important;
}
.episode-card h3,
.episode-card strong:not(.episode-labels strong),
.episode-card p,
.episode-card span:not(.episode-labels span){
  padding-left:0!important;
  padding-right:0!important;
}
.episode-copy h3{
  min-height:0!important;
  margin:0!important;
}
.episode-copy p{
  min-height:0!important;
}
.episode-copy .progress-line{
  margin-top:auto!important;
}
html[dir="rtl"] .episode-thumb > .episode-number-badge,
html[dir="rtl"] .episode-thumb > span{
  right:12px!important;
  left:auto!important;
}
html[dir="rtl"] .episode-thumb > .episode-state-badge,
html[dir="rtl"] .episode-thumb > b{
  left:12px!important;
  right:auto!important;
}
@media(max-width:760px){
  .metadata-modal-backdrop[data-identification-modal]{
    align-items:stretch!important;
    padding:10px!important;
  }
  .metadata-modal-backdrop[data-identification-modal] .identify-modal{
    max-width:100%!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:14px!important;
  }
  .identify-suggestion{
    grid-template-columns:72px minmax(0,1fr)!important;
  }
  .identify-suggestion button{
    grid-column:1/-1!important;
    width:100%!important;
  }
  .manual-identify-form{
    grid-template-columns:1fr!important;
  }
}
.scan-progress,
.library-create-progress{
  margin-top:12px;
  padding:12px;
  border:1px solid var(--color-border, rgba(255,255,255,.12));
  border-radius:14px;
  background:rgba(255,255,255,.035);
  min-width:0;
}
.library-create-progress.hidden{display:none!important}
.library-create-progress strong,
.scan-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  color:var(--color-text,#F5F7FA);
}
.library-create-progress p,
.scan-progress p,
.scan-progress-head span{
  margin:4px 0 0;
  color:var(--color-muted,#B4BAC5);
  font-size:13px;
  overflow-wrap:anywhere;
}
.scan-progress code,
.library-create-progress code{
  display:block;
  margin-top:8px;
  color:var(--color-muted,#B4BAC5);
  white-space:normal;
  overflow-wrap:anywhere;
}
.scan-progress-bar{
  height:8px;
  margin-top:10px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.11);
}
.scan-progress-bar span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--color-primary,#E50914);
  transition:width .28s ease;
}
.settings-scan-active .scan-progress-bar{
  margin-top:8px;
}
.playback-stats-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:8px 0 12px;
}
.playback-stats-grid span{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
  padding:8px;
  border:1px solid var(--color-border,rgba(255,255,255,.12));
  border-radius:10px;
  background:rgba(255,255,255,.04);
}
.playback-stats-grid em{
  font-style:normal;
  color:var(--color-muted,#B4BAC5);
  font-size:11px;
}
.playback-stats-grid b{
  color:var(--color-text,#F5F7FA);
  font-size:12px;
  font-weight:700;
  overflow-wrap:anywhere;
}
.watch-file-card code{
  display:block;
  margin-top:6px;
  color:var(--color-muted,#B4BAC5);
  font-size:12px;
  line-height:1.4;
  white-space:normal;
  overflow-wrap:anywhere;
}
@media(max-width:760px){
  .playback-stats-grid{grid-template-columns:1fr}
}

.tv-performance-diagnostics{
  position:fixed;
  right:12px;
  bottom:calc(12px + env(safe-area-inset-bottom,0px));
  z-index:9999;
  display:grid;
  grid-template-columns:repeat(2,max-content);
  gap:4px 10px;
  max-width:min(520px,calc(100vw - 24px));
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:rgba(8,9,13,.84);
  color:#F5F7FA;
  font-size:11px;
  line-height:1.25;
  pointer-events:none;
}
.tv-performance-diagnostics strong{
  grid-column:1/-1;
  color:#E50914;
  font-size:12px;
}
.tv-performance-diagnostics span{color:#B4BAC5}
html[data-performance-mode="tv"] body{background:#08090D!important}
html[data-performance-mode="tv"] .browse-hero-panel::after,
html[data-performance-mode="tv"] .watch-player-shell::before{display:none!important}

/* Playback color guard: OZ Box chrome must not tint the actual video image. */
.watch-player-shell::before{
  display:none!important;
}
.watch-player-shell video{
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  background-blend-mode:normal!important;
}
.watch-overlay{
  background:
    linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.2) 22%,rgba(0,0,0,0) 45%,rgba(0,0,0,.16) 68%,rgba(0,0,0,.86))!important;
}
html[data-performance-mode="tv"] .browse-hero-panel,
html[data-performance-mode="tv"] .netflix-hero,
html[data-performance-mode="tv"] .media-hero{
  box-shadow:none!important;
  backdrop-filter:none!important;
}
html[data-performance-mode="tv"] .row-strip{
  overflow:hidden;
  scroll-snap-type:none;
}
html[data-performance-mode="tv"] .row-window-note{
  color:#B4BAC5;
  font-size:12px;
  font-weight:850;
}

/* Smart artwork and card quality polish */
.poster:not(.image-loaded):not(.image-failed)::after,
.episode-thumb:not(.image-loaded):not(.image-failed)::after,
.hero-title-card:not(.image-loaded):not(.image-failed)::after,
.browse-hero-panel:not(.image-loaded):not(.image-failed)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.08) 36%,rgba(255,255,255,.02) 72%);
  background-size:220% 100%;
  animation:ozArtworkLoad 1.25s ease-in-out infinite;
}
@keyframes ozArtworkLoad{
  from{background-position:120% 0}
  to{background-position:-120% 0}
}
html[data-performance-mode="tv"] .poster:not(.image-loaded):not(.image-failed)::after,
html[data-performance-mode="tv"] .episode-thumb:not(.image-loaded):not(.image-failed)::after,
html[data-performance-mode="tv"] .hero-title-card:not(.image-loaded):not(.image-failed)::after,
html[data-performance-mode="tv"] .browse-hero-panel:not(.image-loaded):not(.image-failed)::after{
  animation:none;
  background:rgba(255,255,255,.035);
}
html[data-performance-mode="tv"] .card .poster.movie-card__poster::after{
  display:none!important;
}
.card-quality-badges{
  position:absolute;
  left:10px;
  right:10px;
  top:10px;
  z-index:3;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  pointer-events:none;
}
.card-quality-badges span{
  min-height:24px;
  display:inline-grid;
  place-items:center;
  padding:0 8px;
  border:1px solid rgba(245,247,250,.24);
  border-radius:999px;
  background:rgba(8,9,13,.74);
  color:var(--color-text,#F5F7FA);
  font-size:11px;
  font-weight:950;
  line-height:1;
  box-shadow:0 8px 18px rgba(0,0,0,.28);
  backdrop-filter:blur(8px);
}
.resume-hint{
  display:block;
  margin-top:8px;
  color:var(--color-text-muted,#B4BAC5);
  font-size:12px;
  font-weight:800;
  overflow-wrap:anywhere;
}
.hero-mini-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:8px 0 12px;
}
.hero-mini-facts span{
  min-height:28px;
  display:inline-grid;
  place-items:center;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(8,9,13,.48);
  color:var(--color-text,#F5F7FA);
  font-size:12px;
  font-weight:900;
}
.card .info{
  min-width:0;
}
.card .card-meta,
.card .played-at,
.card .card-note,
.resume-hint{
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:760px){
  .card-quality-badges{top:8px;left:8px;right:8px;gap:5px}
  .card-quality-badges span{min-height:22px;padding:0 7px;font-size:10px}
  .hero-mini-facts{gap:6px}
}

.view-settings .settings-page{
  display:grid;
  grid-template-columns:minmax(190px,230px) minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.view-settings .settings-head{
  grid-column:1/-1;
}
.view-settings .settings-tabs-wrapper{
  position:sticky;
  top:96px;
  max-height:calc(100dvh - 118px);
  overflow:auto;
  padding:10px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--card);
  box-shadow:0 18px 45px rgba(0,0,0,.2);
}
.view-settings .settings-tabs-wrapper .settings-subnav{
  display:grid;
  grid-auto-flow:row;
  grid-template-columns:1fr;
  gap:6px;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
}
.view-settings .settings-tabs-wrapper .settings-tab,
.view-settings .settings-tabs-wrapper .settings-subnav button{
  width:100%;
  min-width:0;
  justify-content:flex-start;
  text-align:left;
  white-space:normal;
  line-height:1.2;
}
.view-settings .settings-grid{
  min-width:0;
}
@media(max-width:980px){
  .view-settings .settings-page{
    grid-template-columns:1fr;
  }
  .view-settings .settings-tabs-wrapper{
    position:static;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
  }
  .view-settings .settings-tabs-wrapper .settings-subnav{
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
  }
  .view-settings .settings-tabs-wrapper .settings-tab,
  .view-settings .settings-tabs-wrapper .settings-subnav button{
    width:auto;
    white-space:nowrap;
  }
}

/* M.1.9 settings and category cleanup */
.view-settings .settings-page{
  display:grid!important;
  grid-template-columns:minmax(220px,260px) minmax(0,1fr)!important;
  gap:clamp(18px,2vw,28px)!important;
  align-items:start!important;
}
.view-settings .settings-head{
  grid-column:1/-1!important;
}
.view-settings .settings-tabs-wrapper{
  grid-column:1!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px!important;
  position:sticky!important;
  top:92px!important;
  max-height:calc(100dvh - 112px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:1px solid var(--color-border,var(--line))!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,var(--color-surface-soft,rgba(255,255,255,.045)),rgba(255,255,255,.012)),var(--color-card,var(--card,#171A21))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
}
.view-settings .settings-tabs-wrapper .settings-tabs,
.view-settings .settings-tabs-wrapper .settings-subnav{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-flow:row!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.view-settings .settings-tabs-wrapper .settings-tab,
.view-settings .settings-tabs-wrapper .settings-subnav button{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  justify-content:flex-start!important;
  text-align:left!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  border-radius:12px!important;
}
.view-settings .settings-grid{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
.scan-center-grid,
.health-stats,
.metadata-review-stats{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:14px!important;
}
.scan-library-list,
.health-library-list,
.metadata-review-list{
  display:grid!important;
  gap:14px!important;
}
.scan-library-row,
.health-library-row,
.metadata-review-row{
  min-width:0!important;
  overflow:hidden!important;
}
.scan-library-row *,
.health-library-row *,
.metadata-review-row *{
  min-width:0;
}
@media(max-width:980px){
  .view-settings .settings-page{
    grid-template-columns:1fr!important;
  }
  .view-settings .settings-tabs-wrapper{
    grid-column:1!important;
    position:static!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .view-settings .settings-tabs-wrapper .settings-tabs,
  .view-settings .settings-tabs-wrapper .settings-subnav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .view-settings .settings-grid{
    grid-column:1!important;
  }
}
@media(max-width:620px){
  .view-settings .settings-tabs-wrapper .settings-tabs,
  .view-settings .settings-tabs-wrapper .settings-subnav{
    grid-template-columns:1fr!important;
  }
}

/* M.1.9 identification modal polish */
.metadata-modal-backdrop[data-identification-modal]{
  padding:clamp(12px,2.4vw,30px)!important;
  background:rgba(0,0,0,.78)!important;
  backdrop-filter:blur(18px)!important;
}
.metadata-modal-backdrop[data-identification-modal] .identify-modal{
  width:min(900px,calc(100vw - 24px))!important;
  max-height:min(90dvh,860px)!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--color-border,var(--line)) 72%,transparent)!important;
  border-radius:22px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),
    var(--color-card,#171A21)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.62)!important;
}
.metadata-modal-backdrop[data-identification-modal] .identify-modal-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  padding:22px 24px 18px!important;
  border-bottom:1px solid var(--color-border,var(--line))!important;
}
.identify-modal-head p{
  margin:0 0 6px!important;
  color:var(--color-accent,#E50914)!important;
  font-size:12px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
.identify-modal-head h2{
  margin:0!important;
  color:var(--color-heading,var(--text,#F5F7FA))!important;
  font-size:clamp(24px,3vw,38px)!important;
  line-height:1.05!important;
  overflow-wrap:anywhere!important;
}
.identify-modal-head span{
  display:block!important;
  max-width:68ch!important;
  margin-top:8px!important;
  color:var(--color-text-muted,var(--muted,#B4BAC5))!important;
  line-height:1.5!important;
}
.identify-modal-head .metadata-modal-close{
  position:relative!important;
  inset:auto!important;
  justify-self:end!important;
  display:grid!important;
  place-items:center!important;
  min-width:42px!important;
  width:42px!important;
  height:42px!important;
  padding:0!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
  line-height:1!important;
  border-radius:999px!important;
}
.identify-modal-head .metadata-modal-close::before{
  content:"\00d7";
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  color:var(--color-text,#F5F7FA);
  font-size:24px!important;
  font-weight:950;
  line-height:1!important;
}
.identify-status{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  min-height:30px!important;
  align-items:center!important;
  margin-top:12px!important;
  padding:0 11px!important;
  border:1px solid var(--color-border,var(--line))!important;
  border-radius:999px!important;
  background:var(--color-overlay,rgba(8,9,13,.54))!important;
  overflow-wrap:anywhere!important;
}
.identify-mode-tabs{
  flex:0 0 auto!important;
  margin:0!important;
  padding:14px 24px!important;
  border-bottom:1px solid var(--color-border,var(--line))!important;
}
.identify-mode-tabs button,
.identify-select-button,
.manual-identify-form button,
.identify-confirm-actions button{
  min-height:44px!important;
  border-radius:12px!important;
}
.identify-mode-tabs button{
  min-width:0!important;
  padding:0 15px!important;
}
.identify-suggestion-list{
  display:grid!important;
  gap:12px!important;
  padding:16px 24px!important;
  margin:0!important;
}
.identify-suggestion{
  grid-template-columns:82px minmax(0,1fr) minmax(92px,auto)!important;
  gap:16px!important;
  padding:12px!important;
  border-radius:16px!important;
  cursor:pointer!important;
}
.identify-suggestion:hover,
.identify-suggestion:focus-visible,
.identify-suggestion[aria-selected="true"]{
  border-color:color-mix(in srgb,var(--color-accent,#E50914) 72%,transparent)!important;
  background:
    linear-gradient(180deg,rgba(229,9,20,.13),rgba(255,255,255,.018)),
    var(--color-panel,#101218)!important;
}
.identify-poster{
  width:82px!important;
  border-radius:12px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34)!important;
}
.identify-suggestion-copy strong{
  font-size:18px!important;
  line-height:1.2!important;
}
.identify-suggestion-copy span{
  font-size:13px!important;
}
.identify-suggestion-copy p{
  -webkit-line-clamp:3!important;
}
.manual-identify-form{
  grid-template-columns:minmax(190px,1.4fr) minmax(90px,.55fr) minmax(145px,1fr) auto auto auto!important;
  gap:10px!important;
  align-items:end!important;
  margin:0!important;
  padding:16px 24px 20px!important;
  border-top:1px solid var(--color-border,var(--line))!important;
  background:
    linear-gradient(180deg,rgba(23,26,33,.76),var(--color-card,#171A21) 34%),
    var(--color-card,#171A21)!important;
}
.manual-identify-form label{
  min-width:0!important;
}
.manual-identify-form input{
  min-height:44px!important;
  border-radius:12px!important;
}
.manual-identify-form [data-identify-search-again]{
  display:none!important;
}
.identify-confirm-zone:not([hidden]){
  padding:18px 24px 0!important;
}
.identify-confirm-card{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:14px!important;
  border:1px solid color-mix(in srgb,var(--color-accent,#E50914) 50%,var(--color-border,var(--line)))!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(229,9,20,.12),rgba(255,255,255,.02)),var(--color-panel,#101218)!important;
}
.identify-confirm-poster{
  width:96px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.identify-confirm-card h3{
  margin:4px 0!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:760px){
  .metadata-modal-backdrop[data-identification-modal]{
    padding:8px!important;
    align-items:stretch!important;
  }
  .metadata-modal-backdrop[data-identification-modal] .identify-modal{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:16px!important;
  }
  .metadata-modal-backdrop[data-identification-modal] .identify-modal-head,
  .identify-mode-tabs,
  .identify-suggestion-list,
  .manual-identify-form{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .identify-suggestion{
    grid-template-columns:72px minmax(0,1fr)!important;
  }
  .identify-select-button{
    grid-column:1/-1!important;
    width:100%!important;
  }
  .manual-identify-form{
    grid-template-columns:1fr!important;
  }
  .identify-confirm-card{
    grid-template-columns:72px minmax(0,1fr)!important;
  }
  .identify-confirm-poster{
    width:72px!important;
  }
}
body.tv .metadata-modal-backdrop[data-identification-modal] .identify-modal{
  width:min(1040px,calc(100vw - 40px))!important;
  max-height:calc(100dvh - 40px)!important;
}
body.tv .identify-suggestion{
  grid-template-columns:110px minmax(0,1fr) 150px!important;
  min-height:148px!important;
}
body.tv .identify-poster{
  width:110px!important;
}
body.tv .identify-suggestion-copy strong{
  font-size:22px!important;
}
body.tv .manual-identify-form{
  grid-template-columns:minmax(200px,1.3fr) 120px minmax(170px,1fr) auto auto auto!important;
}

/* M.1.10 identify modal and subtitle search polish */
.metadata-modal-backdrop[data-identification-modal]{
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(14px,3vw,28px)!important;
  background:rgba(0,0,0,.76)!important;
}
.metadata-modal-backdrop[data-identification-modal] .identify-modal{
  width:min(900px,calc(100vw - 32px))!important;
  max-height:min(90dvh,860px)!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:14px!important;
  overflow:hidden!important;
  background:#0d1017!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.65)!important;
}
.identify-main-state{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:grid!important;
  align-content:start!important;
  gap:12px!important;
  padding:0 2px 0 0!important;
}
.identify-empty{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:0!important;
  padding:14px!important;
  margin:0 24px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:16px!important;
  background:#11151d!important;
}
.identify-empty .oz-empty-mark{
  width:42px!important;
  height:42px!important;
  margin:0!important;
  font-size:20px!important;
}
.identify-empty h2{
  margin:0 0 4px!important;
  font-size:18px!important;
  line-height:1.2!important;
  color:var(--text,#F5F7FA)!important;
}
.identify-empty p{
  margin:0!important;
  color:var(--muted,#B4BAC5)!important;
  line-height:1.45!important;
}
.metadata-modal-backdrop[data-identification-modal] .manual-identify-form{
  position:static!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:0!important;
  padding:16px 24px 20px!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
  background:#0d1017!important;
}
.manual-identify-fields{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(88px,120px) minmax(150px,210px)!important;
  gap:12px!important;
  align-items:end!important;
  min-width:0!important;
}
.manual-identify-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.manual-identify-actions button{
  min-height:42px!important;
  padding:0 16px!important;
  flex:0 0 auto!important;
}
.manual-identify-actions [data-identify-search-button]{
  background:#E50914!important;
  color:#fff!important;
  border-color:#E50914!important;
}
.metadata-modal-backdrop[data-identification-modal].identify-confirming .identify-main-state{
  overflow:visible!important;
}
.metadata-modal-backdrop[data-identification-modal].identify-confirming .identify-confirm-zone:not([hidden]){
  display:block!important;
}
.metadata-modal-backdrop[data-identification-modal].identify-confirming .identify-confirm-zone:not([hidden]) + .identify-suggestion-list,
.metadata-modal-backdrop[data-identification-modal].identify-confirming .identify-confirm-zone:not([hidden]) + .identify-empty,
.metadata-modal-backdrop[data-identification-modal].identify-confirming .manual-identify-form{
  display:none!important;
}
.subtitle-search-status{
  display:grid;
  gap:4px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:rgba(229,9,20,.08);
  color:var(--text,#F5F7FA);
}
.subtitle-search-status strong{
  font-size:12px;
  color:#ffb4b8;
}
.subtitle-search-status span{
  min-width:0;
  overflow-wrap:anywhere;
  color:var(--muted,#B4BAC5);
}
@media(max-width:760px){
  .metadata-modal-backdrop[data-identification-modal]{
    padding:10px!important;
    align-items:center!important;
  }
  .metadata-modal-backdrop[data-identification-modal] .identify-modal{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
  }
  .manual-identify-fields{
    grid-template-columns:1fr!important;
  }
  .manual-identify-actions button{
    flex:1 1 140px!important;
  }
  .identify-empty{
    margin:0 14px!important;
    grid-template-columns:1fr!important;
  }
}
body.tv .metadata-modal-backdrop[data-identification-modal] .identify-modal{
  width:min(980px,calc(100vw - 48px))!important;
  max-height:calc(100dvh - 48px)!important;
}
body.tv .manual-identify-fields{
  grid-template-columns:minmax(260px,1fr) 130px 230px!important;
}

/* M.1.11 subtitle/audio manager */
.subtitle-manager-launch{
  min-height:42px;
  width:100%;
  border:1px solid rgba(229,9,20,.38);
  border-radius:12px;
  background:rgba(229,9,20,.14);
  color:var(--color-text,#F5F7FA);
  font-weight:900;
}
.subtitle-manager-backdrop{
  position:fixed;
  inset:0;
  z-index:120;
  display:none;
  align-items:center;
  justify-content:center;
  padding:clamp(12px,3vw,28px);
  background:rgba(0,0,0,.74);
}
.subtitle-manager-backdrop.open{
  display:flex;
}
.subtitle-manager-dialog{
  width:min(940px,calc(100vw - 28px));
  max-height:88dvh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:#0d1017;
  color:#F5F7FA;
  box-shadow:0 34px 100px rgba(0,0,0,.68);
}
.subtitle-manager-dialog header{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:20px 22px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.subtitle-manager-dialog header p{
  margin:0 0 5px;
  color:#ffb4b8;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.subtitle-manager-dialog header h2{
  margin:0;
  font-size:clamp(24px,3vw,34px);
}
.subtitle-manager-dialog header button{
  flex:0 0 auto;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:#171A21;
  color:#F5F7FA;
  font-size:26px;
  line-height:1;
}
.subtitle-manager-close{
  position:relative;
  z-index:2;
}
.subtitle-manager-dialog nav{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:12px 22px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.subtitle-manager-dialog nav button{
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:#171A21;
  color:#B4BAC5;
  font-weight:900;
  white-space:nowrap;
}
.subtitle-manager-dialog nav button:hover{
  border-color:rgba(229,9,20,.5);
  color:#F5F7FA;
}
.subtitle-manager-dialog nav button:focus-visible{
  outline:2px solid rgba(245,247,250,.9);
  outline-offset:2px;
}
.subtitle-manager-dialog nav button.active{
  border-color:#E50914;
  background:#E50914;
  color:#fff;
  box-shadow:inset 0 -3px 0 rgba(255,255,255,.28),0 10px 24px rgba(229,9,20,.26);
}
.subtitle-manager-body{
  min-height:0;
  flex:0 1 auto;
  overflow-y:auto;
  overflow-x:hidden;
  padding:18px 22px 22px;
}
.subtitle-manager-section{
  display:grid;
  gap:14px;
}
.subtitle-manager-section h3{
  margin:0;
  font-size:18px;
}
.subtitle-manager-section p{
  margin:0;
  color:#B4BAC5;
}
.subtitle-size-row,
.subtitle-manual-offset,
.subtitle-online-row label{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:#11151d;
}
.subtitle-size-row span,
.subtitle-manual-offset span,
.subtitle-online-row label span,
.subtitle-query-card span{
  color:#B4BAC5;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.subtitle-size-row select,
.subtitle-manual-offset input,
.subtitle-online-row select,
.subtitle-add-local select{
  min-height:42px;
  min-width:180px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:#08090D;
  color:#F5F7FA;
  padding:0 12px;
}
.subtitle-manual-offset button,
.subtitle-track-actions button,
.subtitle-online-row button,
.subtitle-result-card button,
.subtitle-sync-grid button,
.subtitle-manage-list button,
.subtitle-empty-state button,
.subtitle-add-local button{
  min-height:42px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:#171A21;
  color:#F5F7FA;
  font-weight:900;
}
.subtitle-track-list,
.subtitle-result-list,
.subtitle-manage-list{
  display:grid;
  gap:10px;
}
.subtitle-track-card,
.subtitle-result-card,
.subtitle-manage-list article{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-width:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:#11151d;
}
.subtitle-track-card.selected{
  border-color:rgba(229,9,20,.7);
  box-shadow:0 0 0 1px rgba(229,9,20,.28),0 18px 40px rgba(0,0,0,.32);
}
.subtitle-track-card:focus-visible,
.subtitle-result-card:focus-within,
.subtitle-manage-list article:focus-within{
  outline:2px solid rgba(245,247,250,.88);
  outline-offset:3px;
}
.subtitle-selected-mark{
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  margin-right:8px;
  border-radius:999px;
  background:#E50914;
  color:#fff;
  font-size:13px;
}
.subtitle-track-card strong,
.subtitle-result-card strong,
.subtitle-manage-list strong{
  display:block;
  min-width:0;
  color:#F5F7FA;
  overflow-wrap:anywhere;
}
.subtitle-track-card span,
.subtitle-result-card span,
.subtitle-manage-list span,
.subtitle-manage-list em{
  display:block;
  min-width:0;
  margin-top:4px;
  color:#B4BAC5;
  font-size:13px;
  font-style:normal;
  overflow-wrap:anywhere;
}
.subtitle-track-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.subtitle-track-actions button:first-child,
.subtitle-online-row button,
.subtitle-result-card button,
.subtitle-empty-state button:first-child,
.subtitle-add-local button{
  background:#E50914;
  border-color:#E50914;
}
.subtitle-empty-state,
.subtitle-query-card,
.subtitle-add-local{
  display:grid;
  gap:10px;
  min-width:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:#11151d;
}
.subtitle-empty-state strong,
.subtitle-query-card strong,
.subtitle-add-local h4{
  margin:0;
  color:#F5F7FA;
  overflow-wrap:anywhere;
}
.subtitle-empty-state div,
.subtitle-online-row,
.subtitle-add-local div{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.subtitle-empty-state span,
.subtitle-add-local p{
  margin:0;
  color:#B4BAC5;
}
.subtitle-manual-grid,
.subtitle-add-local div{
  min-width:0;
}
.subtitle-add-local input,
.subtitle-add-local select,
.subtitle-manual-grid input{
  min-height:42px;
  min-width:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:#08090D;
  color:#F5F7FA;
  padding:0 12px;
}
.subtitle-add-local>input{
  width:100%;
}
.subtitle-add-local div>*{
  flex:1 1 160px;
}
.subtitle-add-local div button{
  flex:0 0 auto;
  padding:0 16px;
}
.subtitle-result-card dl{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:5px 10px;
  margin:10px 0 0;
  color:#B4BAC5;
  font-size:12px;
}
.subtitle-result-card dt,
.subtitle-result-card dd{
  min-width:0;
  margin:0;
  overflow-wrap:anywhere;
}
.subtitle-result-card dt{
  color:#ffb4b8;
  font-weight:900;
}
.subtitle-offset-label{
  color:#B4BAC5;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.subtitle-search-results-wide{
  max-height:none;
  overflow:visible;
}
.subtitle-sync-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(92px,1fr));
  gap:8px;
}
.subtitle-offset-readout{
  justify-self:start;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(229,9,20,.14);
  color:#ffb4b8;
}
body.tv .subtitle-manager-dialog{
  width:min(1100px,calc(100vw - 48px));
  max-height:calc(100dvh - 48px);
}
body.tv .subtitle-manager-dialog button,
body.tv .subtitle-manager-dialog select,
body.tv .subtitle-manager-dialog input{
  min-height:56px;
  font-size:18px;
}
@media(max-width:760px){
  .subtitle-manager-backdrop{
    padding:10px;
  }
  .subtitle-manager-dialog{
    width:calc(100vw - 20px);
    max-height:calc(100dvh - 20px);
    border-radius:16px;
  }
  .subtitle-manager-dialog header,
  .subtitle-manager-body,
  .subtitle-manager-dialog nav{
    padding-left:14px;
    padding-right:14px;
  }
  .subtitle-track-card,
  .subtitle-result-card,
  .subtitle-manage-list article,
  .subtitle-size-row,
  .subtitle-manual-offset{
    grid-template-columns:1fr;
  }
  .subtitle-track-actions{
    justify-content:stretch;
  }
  .subtitle-track-actions button,
  .subtitle-size-row select,
  .subtitle-add-local select,
  .subtitle-manual-offset input,
  .subtitle-manual-offset button{
    width:100%;
  }
}

/* M.1.18 cinematic media details polish */
.oz-detail-redesign{
  min-width:0;
  padding-bottom:56px;
}
.oz-detail-redesign .oz-detail-hero{
  position:relative;
  min-height:clamp(560px,72vh,780px);
  margin:0 -28px 34px;
  border-bottom:1px solid color-mix(in srgb,var(--color-border,var(--line)) 72%,transparent);
  overflow:hidden;
  isolation:isolate;
}
.oz-detail-redesign .oz-detail-hero>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.88;
  transform:scale(1.02);
  z-index:-2;
}
.oz-detail-redesign .oz-detail-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(8,9,13,.98),rgba(8,9,13,.82) 38%,rgba(8,9,13,.38) 66%,rgba(8,9,13,.9)),
    linear-gradient(0deg,var(--color-bg,#08090D) 0,rgba(8,9,13,.55) 22%,rgba(8,9,13,.05) 56%),
    radial-gradient(circle at 18% 72%,color-mix(in srgb,var(--color-accent,#E50914) 22%,transparent),transparent 30rem);
}
.oz-detail-redesign .oz-detail-hero-overlay{
  min-height:inherit;
  display:grid;
  grid-template-columns:minmax(170px,260px) minmax(0,1fr) minmax(220px,320px);
  gap:clamp(20px,3vw,36px);
  align-items:end;
  padding:clamp(34px,5vw,58px);
}
.oz-detail-redesign .back-button{
  position:absolute;
  top:clamp(18px,3vw,34px);
  left:clamp(18px,3vw,36px);
  z-index:3;
  min-height:42px;
  border-radius:999px;
  background:rgba(8,9,13,.64);
  border-color:rgba(255,255,255,.18);
  backdrop-filter:blur(14px);
}
.oz-detail-redesign .oz-detail-poster{
  width:100%;
  aspect-ratio:2/3;
  align-self:end;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  overflow:hidden;
  background:var(--color-card,#171A21);
  box-shadow:0 28px 90px rgba(0,0,0,.52);
}
.oz-detail-redesign .oz-detail-poster img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.oz-detail-copy{
  min-width:0;
  display:grid;
  align-content:end;
  gap:14px;
}
.oz-detail-copy>p{
  width:max-content;
  max-width:100%;
  margin:0;
  padding:7px 12px;
  border:1px solid color-mix(in srgb,var(--color-accent,#E50914) 48%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--color-accent,#E50914) 18%,rgba(0,0,0,.46));
  color:#fff!important;
  letter-spacing:.04em;
}
.oz-detail-copy h1{
  max-width:980px;
  margin:0!important;
  font-size:clamp(46px,6.8vw,98px)!important;
  line-height:.92!important;
  text-shadow:0 16px 58px rgba(0,0,0,.58);
}
.oz-detail-copy>span{
  max-width:760px;
  color:color-mix(in srgb,var(--color-text,#F5F7FA) 86%,var(--color-muted,#B4BAC5))!important;
  font-size:clamp(15px,1.35vw,19px);
  line-height:1.62;
  display:-webkit-box!important;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.detail-quality-badges,
.oz-detail-copy .detail-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
.detail-quality-badges span,
.oz-detail-copy .detail-facts span{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:0 11px;
  border-radius:999px;
  color:var(--color-text,#F5F7FA);
  font-size:12px;
  font-weight:900;
  overflow-wrap:anywhere;
}
.detail-quality-badges span{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
}
.oz-detail-copy .detail-facts span{
  background:rgba(0,0,0,.42);
  border:1px solid rgba(255,255,255,.11);
  color:var(--color-muted,#B4BAC5);
}
.oz-detail-copy .hero-buttons{
  margin-top:8px;
  align-items:center;
}
.oz-detail-copy .hero-buttons>button:first-child,
.oz-detail-copy .hero-buttons .ui-btn-primary{
  min-width:128px;
  min-height:48px;
  border-radius:999px;
  box-shadow:0 16px 42px color-mix(in srgb,var(--color-accent,#E50914) 32%,transparent);
}
.oz-detail-copy .action-menu .icon-btn{
  width:48px;
  height:48px;
  min-height:48px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.16);
}
.detail-action-bar{
  width:min(780px,100%);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin-top:10px;
  padding:12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035)),
    rgba(8,9,13,.58);
  box-shadow:0 22px 60px rgba(0,0,0,.32);
  backdrop-filter:blur(18px);
}
.detail-action-main,
.detail-action-controls{
  min-width:0;
}
.detail-action-status{
  position:relative;
  display:grid;
  gap:4px;
  min-width:0;
  padding:6px 4px 6px 8px;
}
.detail-action-status strong{
  color:var(--color-text,#F5F7FA);
  font-size:15px;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.detail-action-status span{
  color:var(--color-muted,#B4BAC5);
  font-size:12px;
  line-height:1.35;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.detail-action-progress{
  height:5px;
  margin:0 0 5px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.14);
}
.detail-action-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--color-accent,#E50914);
}
.detail-action-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.detail-play-button{
  min-width:132px!important;
  height:52px!important;
  min-height:52px!important;
  display:inline-grid!important;
  place-items:center;
  gap:0;
  padding:0 18px!important;
  border-radius:999px!important;
  line-height:1.1!important;
}
.detail-play-button span{
  color:#fff;
  font-size:15px;
  font-weight:950;
}
.detail-play-button small{
  max-width:150px;
  color:rgba(255,255,255,.82);
  font-size:10px;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.detail-action-controls .preplay-subtitle-menu{
  position:relative;
}
/* The detail hero is overflow:hidden, so the panel must open upward inside it;
   the base downward rule clips it at the hero's bottom edge. */
.detail-action-controls .preplay-subtitle-menu .player-settings-panel{
  top:auto!important;
  bottom:calc(100% + 10px)!important;
  right:0;
  left:auto!important;
  position:absolute!important;
  width:min(320px,calc(100vw - 38px))!important;
  max-height:min(340px,48vh);
  overflow:auto;
  padding:14px;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  background:rgba(16,18,24,.97)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.58)!important;
  z-index:30;
}
.detail-action-controls .preplay-subtitle-menu>.ui-btn{
  height:46px!important;
  min-height:46px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.1)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:var(--color-text,#F5F7FA)!important;
  box-shadow:none!important;
}
.detail-action-controls .action-menu .icon-btn{
  width:46px!important;
  height:46px!important;
  min-height:46px!important;
  background:rgba(255,255,255,.1)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.detail-hero-stats{
  min-width:0;
  align-self:end;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.detail-hero-stats article{
  min-width:0;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:rgba(8,9,13,.58);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.detail-hero-stats span{
  display:block;
  color:var(--color-muted,#B4BAC5);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.detail-hero-stats strong{
  display:block;
  margin-top:5px;
  color:var(--color-text,#F5F7FA);
  font-size:18px;
  line-height:1.15;
  overflow-wrap:anywhere;
}
.detail-content-shell{
  display:grid;
  gap:24px;
  width:min(1480px,100%);
  margin:0 auto;
}
.oz-detail-redesign .detail-section{
  min-width:0;
  padding:clamp(18px,2vw,26px);
  border:1px solid color-mix(in srgb,var(--color-border,var(--line)) 76%,transparent);
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012)),
    color-mix(in srgb,var(--color-card,#171A21) 96%,transparent);
  box-shadow:0 22px 58px rgba(0,0,0,.18);
}
.oz-detail-redesign .section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.oz-detail-redesign .section-head p{
  margin:0 0 4px;
  color:var(--color-accent,#E50914);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}
.oz-detail-redesign .section-head h2,
.oz-detail-redesign .detail-section>h2{
  margin:0 0 18px;
  font-size:clamp(24px,2vw,34px);
  line-height:1.1;
}
.oz-detail-redesign .section-head h2{
  margin-bottom:0;
}
.detail-metadata-grid{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:14px!important;
}
.detail-metadata-grid div{
  min-height:92px;
  padding:14px!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--color-bg,#08090D) 66%,var(--color-card,#171A21))!important;
}
.detail-metadata-grid .wide,
.detail-metadata-grid .metadata-file-card{
  grid-column:1/-1;
}
.detail-metadata-grid strong{
  line-height:1.35!important;
}
.oz-detail-redesign .season-tabs{
  gap:10px;
  margin-bottom:12px;
}
.oz-detail-redesign .season-tabs button,
.oz-detail-redesign .episode-filter-tabs button,
.oz-detail-redesign .season-progress-actions button{
  border-radius:999px!important;
}
.oz-detail-redesign .episode-list-rich{
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;
  gap:18px!important;
}
.oz-detail-redesign .episode-card{
  border-radius:18px!important;
  border-color:color-mix(in srgb,var(--color-border,var(--line)) 76%,transparent)!important;
  background:color-mix(in srgb,var(--color-card,#171A21) 92%,transparent)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.18);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.oz-detail-redesign .episode-card:hover,
.oz-detail-redesign .episode-card:focus-visible{
  transform:translateY(-4px);
  border-color:var(--color-accent,#E50914)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.3);
}
.oz-detail-redesign .episode-thumb{
  border-radius:16px 16px 0 0!important;
  overflow:hidden;
}
body.tv .oz-detail-redesign .oz-detail-hero-overlay{
  grid-template-columns:minmax(210px,300px) minmax(0,1fr) minmax(260px,360px);
  gap:34px;
}
body.tv .oz-detail-copy h1{
  font-size:clamp(64px,7.5vw,112px)!important;
}
body.tv .detail-hero-stats article{
  padding:18px;
}
body.tv .detail-hero-stats strong{
  font-size:24px;
}
body.tv .detail-action-bar{
  gap:18px;
  padding:16px;
  border-radius:28px;
}
body.tv .detail-play-button{
  min-width:168px!important;
  height:64px!important;
  min-height:64px!important;
}
body.tv .detail-action-controls .preplay-subtitle-menu>.ui-btn,
body.tv .detail-action-controls .action-menu .icon-btn{
  height:60px!important;
  min-height:60px!important;
}
body.tv .detail-action-controls .action-menu .icon-btn{
  width:60px!important;
}
body.tv .detail-action-status strong{
  font-size:20px;
}
body.tv .detail-action-status span{
  font-size:15px;
}
body.tv .oz-detail-redesign .detail-section{
  padding:30px;
}
body.tv .oz-detail-redesign .episode-list-rich{
  grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important;
}
@media(max-width:1120px){
  .oz-detail-redesign .oz-detail-hero-overlay{
    grid-template-columns:minmax(150px,220px) minmax(0,1fr);
  }
  .detail-hero-stats{
    grid-column:1/-1;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .oz-detail-redesign .oz-detail-hero{
    min-height:auto;
    margin:0 -18px 22px;
  }
  .oz-detail-redesign .oz-detail-hero-overlay{
    grid-template-columns:1fr;
    padding:86px 20px 28px;
  }
  .oz-detail-redesign .oz-detail-poster{
    width:min(210px,56vw);
  }
  .oz-detail-copy h1{
    font-size:clamp(36px,11vw,54px)!important;
  }
  .detail-action-bar{
    grid-template-columns:1fr;
    align-items:stretch;
    padding:12px;
    border-radius:18px;
  }
  .detail-action-controls{
    justify-content:stretch;
    flex-wrap:wrap;
  }
  .detail-play-button{
    flex:1 1 170px;
  }
  .detail-action-controls .preplay-subtitle-menu{
    flex:1 1 130px;
  }
  .detail-action-controls .preplay-subtitle-menu>.ui-btn{
    width:100%;
  }
  .detail-action-status strong,
  .detail-action-status span{
    white-space:normal;
  }
  .detail-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .oz-detail-redesign .detail-section{
    padding:16px;
    border-radius:18px;
  }
  .oz-detail-redesign .section-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .oz-detail-redesign .episode-list-rich{
    grid-template-columns:1fr!important;
  }
}

/* M.1.17 settings control center polish */
.view-settings .settings-page{
  max-width:1600px!important;
  margin:0 auto!important;
}
.view-settings .settings-head{
  min-height:clamp(190px,24vw,300px)!important;
  margin:0 -28px 28px!important;
  padding:clamp(44px,6vw,76px) clamp(28px,5vw,58px) clamp(30px,4vw,46px)!important;
  border-bottom:1px solid color-mix(in srgb,var(--color-border,var(--line)) 72%,transparent)!important;
  background:
    linear-gradient(92deg,rgba(0,0,0,.94),rgba(0,0,0,.72) 46%,rgba(0,0,0,.28)),
    radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--color-accent,#E50914) 28%,transparent),transparent 32rem),
    linear-gradient(135deg,#08090D,#11141b 62%,#08090D)!important;
}
.view-settings .settings-head h1{
  max-width:880px!important;
  margin-bottom:12px!important;
  font-size:clamp(44px,6vw,84px)!important;
  letter-spacing:0!important;
}
.view-settings .settings-head span{
  max-width:720px!important;
  color:var(--color-muted,#B4BAC5)!important;
  font-size:clamp(14px,1.4vw,18px)!important;
  line-height:1.55!important;
}
.settings-rail-head{
  display:grid;
  gap:4px;
  padding:8px 8px 14px;
  margin-bottom:8px;
  border-bottom:1px solid color-mix(in srgb,var(--color-border,var(--line)) 70%,transparent);
}
.settings-rail-head strong{
  color:var(--color-text,#F5F7FA);
  font-size:17px;
  line-height:1.2;
}
.settings-rail-head span{
  color:var(--color-muted,#B4BAC5);
  font-size:12px;
}
.view-settings .settings-tabs-wrapper{
  padding:14px!important;
  border-radius:20px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018)),
    var(--color-card,#171A21)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
}
.view-settings .settings-tabs-wrapper .settings-tab,
.view-settings .settings-tabs-wrapper .settings-subnav button{
  position:relative!important;
  min-height:48px!important;
  padding:0 14px 0 18px!important;
  border-radius:14px!important;
  border-color:transparent!important;
  background:transparent!important;
  color:var(--color-muted,#B4BAC5)!important;
  font-size:14px!important;
  font-weight:900!important;
  transition:background .16s ease,color .16s ease,transform .16s ease,border-color .16s ease!important;
}
.view-settings .settings-tabs-wrapper .settings-tab:hover,
.view-settings .settings-tabs-wrapper .settings-subnav button:hover{
  background:color-mix(in srgb,var(--color-text,#F5F7FA) 8%,transparent)!important;
  color:var(--color-text,#F5F7FA)!important;
}
.view-settings .settings-tabs-wrapper .settings-tab.active,
.view-settings .settings-tabs-wrapper .settings-tab.is-active,
.view-settings .settings-tabs-wrapper .settings-subnav button.active{
  background:linear-gradient(135deg,var(--color-accent,#E50914),#8b0008)!important;
  color:#fff!important;
  box-shadow:0 12px 34px color-mix(in srgb,var(--color-accent,#E50914) 28%,transparent)!important;
}
.view-settings .settings-tabs-wrapper .settings-tab.active::before,
.view-settings .settings-tabs-wrapper .settings-tab.is-active::before,
.view-settings .settings-tabs-wrapper .settings-subnav button.active::before{
  content:"";
  position:absolute;
  left:8px;
  top:12px;
  bottom:12px;
  width:3px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
}
.view-settings .settings-grid{
  gap:22px!important;
}
.view-settings .settings-card{
  min-width:0!important;
  padding:clamp(18px,2vw,26px)!important;
  border-radius:20px!important;
  border-color:color-mix(in srgb,var(--color-border,var(--line)) 78%,transparent)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.048),rgba(255,255,255,.012)),
    var(--color-card,#171A21)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.22)!important;
}
.view-settings .settings-card h2{
  margin-bottom:8px!important;
  font-size:clamp(24px,2vw,32px)!important;
  line-height:1.1!important;
}
.view-settings .settings-card h3{
  line-height:1.2!important;
}
.view-settings .settings-card p{
  max-width:880px;
  color:var(--color-muted,#B4BAC5)!important;
  line-height:1.58!important;
}
.view-settings .health-head,
.view-settings .tool-panel-head,
.view-settings .user-panel-head{
  align-items:start!important;
  gap:16px!important;
}
.view-settings .button-row{
  align-items:center!important;
  gap:10px!important;
}
.view-settings .button-row button,
.view-settings .settings-card button,
.view-settings .network-links a,
.view-settings .network-links button{
  min-height:44px!important;
  border-radius:12px!important;
  line-height:1!important;
}
.view-settings .settings-form,
.view-settings .library-form,
.view-settings .metadata-form,
.view-settings .access-controls{
  gap:14px!important;
}
.view-settings .settings-form label,
.view-settings .metadata-form label,
.view-settings .access-controls label{
  min-width:0!important;
}
.view-settings input,
.view-settings select,
.view-settings textarea{
  min-width:0!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--color-bg,#08090D) 86%,var(--color-card,#171A21))!important;
}
.view-settings .folder-input-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
}
.view-settings .folder-input-row input{
  width:100%!important;
}
.view-settings .scan-options{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:10px!important;
}
.view-settings .scan-options label{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  min-height:48px!important;
  gap:10px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
}
.view-settings .settings-overview{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:14px!important;
}
.view-settings .settings-stat-card{
  min-width:0!important;
  border-radius:16px!important;
}
.view-settings .about-grid,
.view-settings .playback-settings-grid,
.view-settings .users-management-layout{
  min-width:0!important;
}
.view-settings code,
.view-settings .about-grid *,
.view-settings .library-list *,
.view-settings .server-network-panel *,
.view-settings .metadata-review-panel *{
  overflow-wrap:anywhere;
}
body.tv .view-settings .settings-page{
  grid-template-columns:minmax(290px,330px) minmax(0,1fr)!important;
  gap:28px!important;
}
body.tv .settings-rail-head strong{
  font-size:21px;
}
body.tv .settings-rail-head span{
  font-size:15px;
}
body.tv .view-settings .settings-tabs-wrapper .settings-tab,
body.tv .view-settings .settings-tabs-wrapper .settings-subnav button{
  min-height:60px!important;
  font-size:19px!important;
}
@media(max-width:980px){
  .settings-rail-head{
    display:none;
  }
  .view-settings .settings-tabs-wrapper{
    padding:10px!important;
    border-radius:16px!important;
  }
  .view-settings .settings-tabs-wrapper .settings-tabs,
  .view-settings .settings-tabs-wrapper .settings-subnav{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
  }
  .view-settings .settings-tabs-wrapper .settings-tab,
  .view-settings .settings-tabs-wrapper .settings-subnav button{
    flex:0 0 auto!important;
    width:auto!important;
    min-height:44px!important;
    white-space:nowrap!important;
    scroll-snap-align:start;
  }
}
@media(max-width:760px){
  .view-settings .settings-head{
    margin:0 -18px 20px!important;
    padding:42px 20px 28px!important;
  }
  .view-settings .settings-grid{
    gap:16px!important;
  }
  .view-settings .settings-card{
    border-radius:16px!important;
    padding:16px!important;
  }
  .view-settings .folder-input-row{
    grid-template-columns:1fr!important;
  }
  .view-settings .folder-input-row button,
  .view-settings .button-row button{
    width:100%!important;
  }
  .view-settings .health-head,
  .view-settings .tool-panel-head,
  .view-settings .user-panel-head{
    grid-template-columns:1fr!important;
  }
}

/* Continue Watching cinematic resume row */
.continue-row{
  margin-top:6px;
}
.continue-row .row-head>div:first-child{
  min-width:0;
}
.continue-row .row-head p{
  margin:0 0 4px;
  color:var(--accent,#E50914);
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.continue-strip{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(380px,520px);
  gap:18px;
  overflow-x:auto;
  padding:4px 4px 24px;
  scroll-snap-type:x proximity;
  scrollbar-color:var(--line) transparent;
}
.continue-card{
  position:relative;
  display:grid;
  align-items:end;
  min-width:0;
  min-height:260px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:var(--card,#171A21);
  color:var(--text,#F5F7FA);
  text-align:left;
  scroll-snap-align:start;
  box-shadow:0 18px 48px rgba(0,0,0,.32);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.continue-card:hover,
.continue-card:focus-visible{
  transform:translateY(-5px);
  border-color:var(--accent,#E50914);
  box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 0 1px rgba(229,9,20,.25);
  outline:none;
}
.continue-card>.oz-image-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.continue-card.image-failed,
.continue-card .oz-image-empty{
  background:linear-gradient(135deg,var(--card,#171A21),var(--bg,#08090D));
}
.continue-card__shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(8,9,13,.05),rgba(8,9,13,.62) 42%,rgba(8,9,13,.94)),
    linear-gradient(90deg,rgba(8,9,13,.88),rgba(8,9,13,.28) 58%,rgba(8,9,13,.74));
}
.continue-card__body{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:16px;
  padding:20px;
}
.continue-card__copy{
  display:grid;
  min-width:0;
  gap:7px;
}
.continue-card__copy p{
  margin:0;
  color:#ffb4b8;
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.continue-card__copy h3{
  margin:0;
  color:var(--text,#F5F7FA);
  font-size:clamp(20px,2.2vw,32px);
  line-height:1.04;
  text-shadow:0 8px 28px rgba(0,0,0,.82);
}
.continue-card__copy>span{
  color:var(--muted,#B4BAC5);
  font-size:13px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.continue-card .card-quality-badges{
  margin-top:2px;
}
.continue-card__actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.continue-card__actions .continue-play{
  min-height:40px;
  height:40px;
  padding:0 15px;
  border:0;
  border-radius:999px;
  background:var(--accent,#E50914);
  color:#fff;
  font-weight:950;
}
.continue-card__actions .icon-btn{
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  background:rgba(23,26,33,.78);
  backdrop-filter:blur(12px);
}
.continue-card .action-menu{
  position:relative;
}
.continue-progress{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  height:5px;
  background:rgba(255,255,255,.16);
}
.continue-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--accent,#E50914);
}
.continue-card.unavailable{
  opacity:.72;
}
body.tv .continue-strip{
  grid-auto-columns:minmax(460px,560px);
  gap:24px;
}
body.tv .continue-card{
  min-height:300px;
  border-width:2px;
}
body.tv .continue-card__copy h3{
  font-size:34px;
}
@media(max-width:760px){
  .continue-strip{
    grid-auto-columns:minmax(275px,84vw);
    gap:14px;
    padding-bottom:18px;
  }
  .continue-card{
    min-height:250px;
    border-radius:16px;
  }
  .continue-card__body{
    grid-template-columns:1fr;
    align-items:end;
    padding:16px;
  }
  .continue-card__actions{
    justify-content:space-between;
  }
  .continue-card__actions .continue-play{
    flex:1;
  }
}

/* M.1.20 hero card and player overlay overlap fixes */
.hero-carousel-viewport,
.hero-track,
.hero-page,
.hero-title-card,
.hero-title-card-copy,
.browse-hero-panel,
.browse-hero-panel > div,
.daily-feature-copy,
.browse-metrics,
.browse-metrics article,
.continue-strip,
.continue-card,
.continue-card__body,
.continue-card__copy,
.player-logo-overlay,
.player-logo-copy,
.watch-top-bar,
.watch-title{
  min-width:0;
}
.hero-title-card{
  min-height:clamp(330px,42vw,500px);
  contain:layout paint;
}
.hero-title-card-copy,
.daily-feature-copy,
.browse-hero-panel > div:first-of-type{
  align-content:end;
  max-width:min(680px,100%);
  overflow:hidden;
}
.hero-title-card-copy h2,
.daily-feature-copy h1,
.browse-hero-panel h1{
  max-width:100%;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:1.02;
  overflow-wrap:anywhere;
}
.hero-title-card-copy span,
.daily-feature-copy > span,
.browse-hero-panel > div:first-of-type > span{
  max-width:100%;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.hero-card-actions,
.daily-feature-copy .hero-buttons{
  align-items:center;
  gap:10px;
  max-width:100%;
}
.hero-card-actions button,
.daily-feature-copy .hero-buttons button{
  flex:0 1 auto;
  max-width:100%;
  white-space:normal;
  text-align:center;
}
.browse-hero-panel{
  overflow:hidden;
}
.browse-metrics{
  align-self:stretch;
}
.browse-metrics article{
  overflow:hidden;
}
.browse-metrics article span,
.browse-metrics article strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.continue-card{
  min-height:clamp(260px,28vw,330px);
  contain:layout paint;
}
.continue-card__body{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:14px;
  min-height:100%;
}
.continue-card__copy{
  align-self:end;
  gap:8px;
  overflow:hidden;
}
.continue-card__copy p,
.continue-card__copy h3,
.continue-card__copy > span{
  margin:0;
  max-width:100%;
  overflow:hidden;
  overflow-wrap:anywhere;
}
.continue-card__copy p{
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  line-height:1.2;
}
.continue-card__copy h3{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:1.08;
}
.continue-card__copy > span{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:1.35;
}
.continue-card .card-quality-badges{
  max-height:56px;
  overflow:hidden;
}
.continue-card__actions{
  flex:0 0 auto;
  align-self:end;
}
.player-logo-overlay{
  left:max(16px,env(safe-area-inset-left));
  top:max(16px,env(safe-area-inset-top));
  width:auto;
  max-width:min(38vw,360px);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  justify-items:start;
  gap:10px;
  padding:8px 10px;
  border-radius:14px;
  background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.18));
}
.player-clear-logo{
  width:auto;
  max-width:clamp(70px,10vw,150px);
  max-height:clamp(32px,6vh,56px);
  object-fit:contain;
}
.player-logo-copy{
  display:grid;
  gap:3px;
  max-width:100%;
  overflow:hidden;
}
.player-logo-fallback{
  min-width:0;
  max-width:100%;
}
.player-logo-fallback strong,
.player-logo-copy > span{
  margin:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.15;
  text-shadow:0 2px 12px rgba(0,0,0,.9);
}
.player-logo-fallback strong{
  display:block;
  color:#F5F7FA;
  font-size:clamp(15px,1.8vw,24px);
  font-weight:950;
}
.player-logo-copy > span{
  color:rgba(245,247,250,.84);
  font-size:clamp(11px,1.1vw,14px);
  font-weight:850;
}
.player-logo-overlay[data-has-logo="1"] .player-logo-fallback{
  display:none;
}
.watch-title p,
.watch-title strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:980px){
  .hero-page{
    grid-template-columns:1fr;
  }
  .browse-hero-panel{
    grid-template-columns:1fr;
  }
  .browse-metrics{
    max-width:100%;
  }
}
@media(max-width:760px){
  .hero-title-card{
    min-height:330px;
  }
  .hero-title-card-copy h2,
  .daily-feature-copy h1,
  .browse-hero-panel h1{
    font-size:clamp(30px,10vw,46px);
  }
  .hero-card-actions,
  .daily-feature-copy .hero-buttons{
    width:100%;
  }
  .hero-card-actions button,
  .daily-feature-copy .hero-buttons button{
    flex:1 1 132px;
  }
  .continue-card__body{
    grid-template-columns:1fr;
  }
  .continue-card__actions{
    width:100%;
    justify-content:space-between;
  }
  .player-logo-overlay{
    max-width:min(72vw,280px);
    grid-template-columns:minmax(0,1fr);
    gap:4px;
    padding:7px 9px;
  }
  .player-clear-logo{
    max-width:108px;
    max-height:40px;
  }
}
body.tv .player-logo-overlay{
  max-width:min(34vw,420px);
  padding:10px 12px;
}
body.tv .player-clear-logo{
  max-width:170px;
  max-height:64px;
}
body.tv .watch-title{
  max-width:min(72vw,980px);
  justify-self:center;
}

/* M.1.20 player corner collision fix */
.watch-player-shell{
  isolation:isolate;
}
.watch-overlay{
  position:relative;
  z-index:5;
}
.watch-top-bar{
  position:relative;
  z-index:6;
}
.watch-file-info-button{
  position:absolute;
  top:clamp(62px,8vh,78px);
  right:0;
  z-index:7;
  justify-self:end;
}
.player-logo-overlay{
  left:auto;
  right:max(18px,env(safe-area-inset-right));
  top:max(18px,env(safe-area-inset-top));
  z-index:2;
  max-width:min(24vw,220px);
  grid-template-columns:minmax(0,1fr);
  justify-items:end;
  text-align:right;
  background:linear-gradient(270deg,rgba(0,0,0,.42),rgba(0,0,0,0));
}
.player-clear-logo{
  max-width:clamp(64px,8vw,118px);
  max-height:clamp(28px,5vh,44px);
}
.player-logo-overlay[data-has-logo="1"] .player-logo-copy > span{
  display:none;
}
.player-logo-fallback strong{
  font-size:clamp(14px,1.5vw,20px);
}
.player-logo-copy > span{
  font-size:clamp(10px,1vw,12px);
}
@media(max-width:760px){
  .player-logo-overlay{
    top:max(66px,calc(env(safe-area-inset-top) + 56px));
    right:max(10px,env(safe-area-inset-right));
    max-width:min(42vw,150px);
    padding:5px 7px;
  }
  .player-clear-logo{
    max-width:82px;
    max-height:30px;
  }
  .watch-file-info-button{
    top:max(104px,calc(env(safe-area-inset-top) + 94px));
    right:0;
  }
}
body.tv .player-logo-overlay{
  right:max(28px,env(safe-area-inset-right));
  top:max(28px,env(safe-area-inset-top));
  max-width:min(22vw,260px);
}
body.tv .player-clear-logo{
  max-width:150px;
  max-height:54px;
}
body.tv .watch-file-info-button{
  top:100px;
  right:0;
}

/* M.1.20 detail hero layout lock */
.oz-detail-redesign .oz-detail-hero{
  min-width:0;
}
.oz-detail-redesign .oz-detail-hero-overlay{
  width:100%;
  max-width:1680px;
  margin:0 auto;
  grid-template-columns:clamp(180px,16vw,280px) minmax(420px,1fr) minmax(260px,340px);
  justify-content:center;
  align-items:end;
  gap:clamp(24px,3vw,44px);
}
.oz-detail-redesign .oz-detail-poster,
.oz-detail-copy,
.detail-hero-stats,
.detail-action-bar,
.detail-action-main,
.detail-action-controls{
  min-width:0;
}
.oz-detail-copy{
  width:100%;
  max-width:980px;
}
.oz-detail-copy h1{
  max-width:100%;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
  text-wrap:balance;
}
.detail-quality-badges,
.oz-detail-copy .detail-facts{
  max-width:100%;
  align-items:center;
}
.detail-quality-badges span,
.oz-detail-copy .detail-facts span{
  max-width:min(260px,100%);
  white-space:normal;
  word-break:normal;
  overflow-wrap:anywhere;
  line-height:1.15;
}
.detail-action-bar{
  max-width:780px;
}
.detail-hero-stats{
  width:100%;
  max-width:340px;
}
.detail-hero-stats article{
  overflow:hidden;
}
.detail-hero-stats strong{
  max-width:100%;
  word-break:normal;
  overflow-wrap:anywhere;
}
@media(max-width:1180px){
  .oz-detail-redesign .oz-detail-hero-overlay{
    grid-template-columns:minmax(160px,230px) minmax(0,1fr);
  }
  .detail-hero-stats{
    grid-column:1/-1;
    max-width:none;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .oz-detail-redesign .oz-detail-hero-overlay{
    grid-template-columns:1fr;
    justify-content:stretch;
  }
  .oz-detail-copy{
    max-width:100%;
  }
  .detail-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .detail-action-bar{
    max-width:100%;
  }
}
body.tv .oz-detail-redesign .oz-detail-hero-overlay{
  max-width:1760px;
  grid-template-columns:clamp(220px,16vw,320px) minmax(520px,1fr) minmax(290px,380px);
}
body.tv .oz-detail-copy h1{
  max-width:100%;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
}

/* OZ Box Games */
.games-page{display:none;min-width:0;padding:24px 0 56px}.view-games .netflix-hero,.view-games .command-bar,.view-games .browse-bar,.view-games .home-rows,.view-games .rail,.view-games .media-page,.view-games .settings-page{display:none!important}.view-games .games-page{display:block}.games-shell{display:grid;gap:28px;max-width:1500px;margin:0 auto}.games-hero{min-height:340px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:22px;align-items:end;padding:42px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:radial-gradient(circle at 72% 16%,rgba(229,9,20,.26),transparent 34rem),linear-gradient(135deg,rgba(23,26,33,.98),rgba(8,9,13,.94));box-shadow:0 28px 80px rgba(0,0,0,.38);overflow:hidden}.games-hero p,.game-topbar p{margin:0 0 8px;color:var(--gold);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.games-hero h1,.game-topbar h1{margin:0;color:var(--text);line-height:1.04}.games-hero h1{font-size:clamp(44px,7vw,92px);text-wrap:balance}.games-hero span,.games-hero small,.games-section-head span,.game-help,.game-status{color:var(--muted)}.games-hero aside{display:grid;gap:10px;min-width:0;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(8,9,13,.66);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.games-hero aside strong{font-size:30px}.games-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.game-action,.game-control,.game-answer{min-height:46px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#171A21;color:var(--text);font-weight:950;padding:0 16px}.game-action.primary,.game-answer.correct{background:var(--gold);border-color:var(--gold);color:#fff}.game-answer.wrong{background:#3a1116;border-color:#e50914}.games-section{display:grid;gap:14px}.games-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.games-section-head h2{margin:0;font-size:24px}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.games-grid-compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.game-card{position:relative;min-height:190px;display:grid;align-content:end;gap:10px;padding:20px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(155deg,rgba(23,26,33,.98),rgba(8,9,13,.96));color:var(--text);box-shadow:0 16px 42px rgba(0,0,0,.24);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-card:before{content:'';position:absolute;inset:-40% -20% auto auto;width:170px;height:170px;border-radius:50%;background:rgba(229,9,20,.24);filter:blur(10px)}.game-card-blue:before{background:rgba(50,120,255,.24)}.game-card-gold:before{background:rgba(255,193,70,.22)}.game-card-green:before{background:rgba(50,210,120,.2)}.game-card-violet:before{background:rgba(150,90,255,.24)}.game-card-cyan:before{background:rgba(70,220,255,.2)}.game-card span,.game-card small,.game-card b{position:relative}.game-card span{color:var(--gold);font-size:12px;font-weight:950;text-transform:uppercase}.game-card strong{position:relative;font-size:26px}.game-card small{line-height:1.45;color:var(--muted)}.game-card b{width:max-content;border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.08);font-size:12px}.game-card:hover,.game-card:focus-visible{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 0 1px rgba(229,9,20,.28);outline:none}.score-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.score-grid article{min-width:0;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#171A21}.score-grid span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:950}.score-grid strong{display:block;margin-top:8px;font-size:28px}.game-play-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;min-height:calc(100dvh - 140px);max-width:1180px;margin:0 auto;padding:18px}.game-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}.game-topbar h1{font-size:clamp(28px,5vw,56px)}.game-topbar #gameScore{min-width:92px;text-align:right;font-size:30px}.game-control{width:54px;height:54px;padding:0;font-size:30px}.game-stage{min-width:0;display:grid;place-items:center;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(135deg,rgba(23,26,33,.78),rgba(8,9,13,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.game-canvas{width:min(100%,900px);height:auto;aspect-ratio:3/2;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#08090D;box-shadow:0 22px 60px rgba(0,0,0,.38)}.game-help{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:13px}.tiles-board{display:grid;grid-template-columns:repeat(4,minmax(62px,112px));gap:10px}.game-tile{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#101218;color:#f5f7fa;font-size:clamp(20px,4vw,42px);font-weight:950}.tile-2,.tile-4{background:#202633}.tile-8,.tile-16{background:#5d1b21}.tile-32,.tile-64,.tile-128,.tile-256,.tile-512,.tile-1024,.tile-2048{background:#e50914}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(72px,130px));gap:12px}.memory-tile{border-radius:16px}.memory-tile.open{background:#171A21;border-color:var(--gold)}.memory-tile img{width:100%;height:100%;object-fit:cover;border-radius:14px}.trivia-card{width:min(860px,100%)}.trivia-art{height:min(42vh,340px);display:grid;place-items:center;overflow:hidden;border-radius:18px;background:#101218;margin-bottom:16px}.trivia-art img{width:100%;height:100%;object-fit:cover}.trivia-art div{font-size:60px;font-weight:950;color:var(--gold)}.trivia-card p{font-size:clamp(22px,3vw,36px);font-weight:950}.game-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-answer{border-radius:14px;min-height:58px;text-align:left;justify-content:flex-start}.tv .games-hero{min-height:430px}.tv .game-card{min-height:230px}.tv .game-action,.tv .game-answer,.tv .game-control{min-height:64px;font-size:20px}.game-low-power .game-card,.game-low-power .game-card:hover{transition:none;transform:none}.game-low-power .game-card:before{display:none}@media(max-width:900px){.games-hero{grid-template-columns:1fr;padding:30px}.game-play-shell{min-height:calc(100dvh - 120px);padding:10px}.memory-board{grid-template-columns:repeat(4,minmax(58px,1fr))}}@media(max-width:620px){.games-page{padding-top:14px}.games-hero{padding:24px;border-radius:18px}.games-grid,.score-grid,.game-answers{grid-template-columns:1fr}.games-section-head{align-items:start;flex-direction:column}.game-topbar{grid-template-columns:auto minmax(0,1fr);align-items:start}.game-topbar #gameScore{grid-column:1/-1;text-align:left}.tiles-board{grid-template-columns:repeat(4,minmax(48px,1fr));gap:8px}.memory-board{grid-template-columns:repeat(4,minmax(48px,1fr));gap:8px}.game-stage{padding:12px;border-radius:16px}.game-help{justify-content:flex-start}}

.games-logo{width:64px;height:64px;display:grid;place-items:center;position:relative;border-radius:18px;background:radial-gradient(circle at 35% 30%,#ff4c55,#e50914 48%,#760007);box-shadow:0 18px 44px rgba(229,9,20,.32),inset 0 1px 0 rgba(255,255,255,.22);color:#fff;font-weight:950;line-height:1}.games-logo span{font-size:18px;letter-spacing:-1px}.games-logo b{position:absolute;right:-7px;bottom:-7px;width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:#08090d;color:#f5f7fa;font-size:13px;box-shadow:0 0 0 2px rgba(255,255,255,.16),0 6px 14px rgba(0,0,0,.42)}.games-hero-copy{display:grid;justify-items:start;gap:0}.games-hero-copy .games-logo{margin-bottom:18px}.game-topbar{grid-template-columns:auto auto minmax(0,1fr) auto auto}.game-topbar .games-logo{width:52px;height:52px;border-radius:15px}.game-topbar .games-logo span{font-size:15px}.game-topbar .games-logo b{right:-6px;bottom:-6px;width:18px;height:18px;font-size:11px}.game-instructions-button{white-space:nowrap}.game-instructions-dialog{width:min(620px,calc(100vw - 36px));max-height:82dvh;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#171A21;color:var(--text);box-shadow:0 28px 90px rgba(0,0,0,.62)}.game-instructions-dialog::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.game-instructions-dialog>div{display:grid;gap:10px;padding:24px}.game-instructions-dialog .game-control{justify-self:end;width:42px;height:42px;min-height:42px;font-size:22px}.game-instructions-dialog p{margin:0;color:var(--gold);font-size:12px;font-weight:950;text-transform:uppercase}.game-instructions-dialog h2{margin:0;font-size:30px}.game-instructions-dialog span{color:var(--muted);line-height:1.65}.tv .games-logo{width:78px;height:78px}.tv .game-topbar .games-logo{width:64px;height:64px}.tv .game-instructions-dialog h2{font-size:42px}.tv .game-instructions-dialog span{font-size:22px}@media(max-width:620px){.game-topbar{grid-template-columns:auto auto minmax(0,1fr);align-items:center}.game-instructions-button{grid-column:1/3;width:100%}.game-topbar #gameScore{grid-column:3;text-align:right}.games-logo{width:56px;height:56px}.game-topbar .games-logo{width:48px;height:48px}}

.games-page{background:radial-gradient(circle at 18% 0,rgba(229,9,20,.13),transparent 28rem),radial-gradient(circle at 88% 22%,rgba(255,255,255,.06),transparent 24rem);border-radius:0}.games-shell{gap:32px}.games-hero{position:relative;min-height:390px;border-radius:28px;background:linear-gradient(120deg,rgba(8,9,13,.98),rgba(23,26,33,.84)),radial-gradient(circle at 72% 15%,rgba(229,9,20,.38),transparent 34rem);box-shadow:0 32px 100px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08)}.games-hero:before{content:'';position:absolute;inset:18px;border:1px solid rgba(255,255,255,.05);border-radius:22px;pointer-events:none}.games-hero-copy{position:relative;z-index:1}.games-hero-copy>span{display:block;max-width:620px;margin-top:16px;font-size:17px;line-height:1.6}.games-featured-card{position:relative;z-index:1;align-self:stretch;align-content:end;overflow:hidden}.games-featured-card:before{content:'';position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:rgba(229,9,20,.22);filter:blur(8px)}.games-featured-card .game-card-art{height:132px;margin-bottom:auto}.games-featured-card b{position:relative;width:max-content;border-radius:999px;padding:7px 11px;background:rgba(229,9,20,.2);color:#fff;font-size:12px}.games-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.games-stat-row article{min-width:0;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(23,26,33,.95),rgba(16,18,24,.92));box-shadow:0 14px 36px rgba(0,0,0,.24)}.games-stat-row span{display:block;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase}.games-stat-row strong{display:block;margin-top:7px;font-size:32px}.game-card{min-height:235px;padding:18px}.game-card-art{position:relative;width:100%;height:88px;margin-bottom:4px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);overflow:hidden}.game-card-art i{position:absolute;left:16px;bottom:12px;font-style:normal;font-size:34px;font-weight:950;color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.42)}.game-card-art span{position:absolute;display:block;border-radius:999px;background:#e50914;box-shadow:0 0 24px rgba(229,9,20,.38)}.game-card-art span:nth-child(2){width:70px;height:10px;right:18px;top:18px}.game-card-art span:nth-child(3){width:46px;height:46px;right:44px;bottom:13px;border-radius:14px;background:rgba(255,255,255,.14)}.game-card-art span:nth-child(4){width:12px;height:68px;right:18px;bottom:13px}.game-card-blue .game-card-art span{background:#3d7cff}.game-card-gold .game-card-art span{background:#f5b83d}.game-card-green .game-card-art span{background:#31d27a}.game-card-violet .game-card-art span{background:#9b5cff}.game-card-cyan .game-card-art span{background:#35d8ff}.game-card-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.game-card-foot em{font-style:normal;color:#fff;font-size:12px;font-weight:950;text-transform:uppercase}.score-grid article{background:linear-gradient(145deg,rgba(23,26,33,.96),rgba(8,9,13,.88));border-radius:18px}.score-grid small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.game-play-shell{position:relative;max-width:1320px;min-height:calc(100dvh - 128px);border-radius:26px;background:linear-gradient(140deg,rgba(8,9,13,.98),rgba(23,26,33,.62));box-shadow:0 28px 90px rgba(0,0,0,.42);overflow:hidden}.game-play-shell:before{content:'';position:absolute;inset:-18% -10% auto auto;width:520px;height:520px;border-radius:50%;background:rgba(229,9,20,.16);filter:blur(18px);pointer-events:none}.game-topbar,.game-stage,.game-help{position:relative;z-index:1}.game-topbar{padding:8px 8px 0}.game-topbar #gameScore{padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(8,9,13,.54)}.game-stage{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,rgba(10,12,18,.72),rgba(23,26,33,.9));backdrop-filter:blur(6px)}.game-stage-glow{position:absolute;inset:auto -10% -45% -10%;height:55%;background:radial-gradient(ellipse at center,rgba(229,9,20,.18),transparent 62%);pointer-events:none}.game-canvas,.tiles-board,.memory-board,.trivia-card{position:relative;z-index:1}.game-canvas{border-radius:22px;background:linear-gradient(180deg,#090b10,#050609);box-shadow:0 24px 70px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.04)}.tiles-board,.memory-board{padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:22px;background:rgba(8,9,13,.48);box-shadow:0 18px 60px rgba(0,0,0,.3)}.game-tile{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.2)}.trivia-card{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(8,9,13,.56);box-shadow:0 22px 70px rgba(0,0,0,.36)}.trivia-art{border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 -100px 100px rgba(0,0,0,.22)}.game-answer{background:rgba(23,26,33,.9);border-radius:16px;transition:transform .14s ease,border-color .14s ease,background .14s ease}.game-answer:hover,.game-answer:focus-visible{transform:translateY(-3px);border-color:var(--gold);background:rgba(229,9,20,.16)}.game-help span{padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(23,26,33,.66)}.tv .games-stat-row strong{font-size:42px}.tv .game-card{min-height:285px}.tv .game-card-art{height:120px}.tv .game-card strong{font-size:34px}.tv .games-hero-copy>span{font-size:22px}@media(max-width:900px){.games-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.games-hero{min-height:0}.game-card{min-height:220px}}@media(max-width:620px){.games-stat-row{grid-template-columns:1fr 1fr}.game-card{min-height:210px}.game-card-art{height:78px}.game-play-shell{border-radius:18px}.games-hero-copy>span{font-size:15px}.games-stat-row strong{font-size:26px}}

/* Games visual upgrade */
.game-card-art{display:block!important;isolation:isolate}
.game-card-art:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.12),transparent 4rem),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.018));z-index:-1}.game-card-art i,.game-card-art b,.game-card-art em,.game-card-art span{position:absolute!important;display:block;box-sizing:border-box}.game-art-snake .game-art-snake-head{right:22px!important;bottom:19px!important;width:28px!important;height:28px!important;border-radius:10px!important;background:#e50914!important;box-shadow:0 0 26px rgba(229,9,20,.55)!important}.game-art-snake span{height:18px!important;border-radius:999px!important;background:#f5f7fa!important}.game-art-snake span:nth-child(2){left:18px!important;top:24px!important;width:82px!important}.game-art-snake span:nth-child(3){left:54px!important;top:47px!important;width:72px!important;background:#e50914!important}.game-art-snake span:nth-child(4){left:32px!important;bottom:20px!important;width:96px!important}.game-art-snake b{right:31px!important;top:29px!important;width:12px!important;height:12px!important;border-radius:50%!important;background:#ffdf6b!important}.game-art-tiles2048{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.game-art-tiles2048 i{position:static!important;display:grid!important;place-items:center;height:100%;border-radius:12px;background:#20304d;color:#f5f7fa;font-size:22px!important;font-style:normal;font-weight:950;text-shadow:none!important}.game-art-tiles2048 i:nth-child(3){background:#345cbe}.game-art-tiles2048 i:nth-child(4){background:#e50914}.game-art-brick-breaker span{width:44px!important;height:18px!important;border-radius:6px!important;background:#f5b83d!important}.game-art-brick-breaker span:nth-child(1){left:16px!important;top:16px!important}.game-art-brick-breaker span:nth-child(2){left:68px!important;top:16px!important;background:#e50914!important}.game-art-brick-breaker span:nth-child(3){left:42px!important;top:42px!important}.game-art-brick-breaker span:nth-child(4){left:94px!important;top:42px!important;background:#e50914!important}.game-art-brick-breaker b{left:26px!important;bottom:15px!important;width:94px!important;height:9px!important;border-radius:999px!important;background:#f5f7fa!important}.game-art-brick-breaker em{right:28px!important;bottom:28px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#e50914!important}.game-art-memory-match{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.game-art-memory-match i{position:static!important;display:grid!important;place-items:center;height:100%;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#171a21,#0d1017);color:#31d27a;font-size:26px!important;font-style:normal;font-weight:950;text-shadow:none!important}.game-art-memory-match i:nth-child(2),.game-art-memory-match i:nth-child(4){background:#31d27a}.game-art-memory-match i:nth-child(3){background:#f5f7fa}.game-art-movie-trivia span{width:18px!important;height:18px!important;border-radius:4px!important;border:2px solid rgba(255,255,255,.75)!important;background:transparent!important}.game-art-movie-trivia span:nth-child(1){left:20px!important;top:20px!important}.game-art-movie-trivia span:nth-child(2){left:20px!important;bottom:20px!important}.game-art-movie-trivia span:nth-child(3){right:20px!important;top:20px!important}.game-art-movie-trivia b{left:56px!important;top:17px!important;width:86px!important;height:54px!important;border-radius:14px!important;background:linear-gradient(135deg,#e50914,#7c0710)!important;box-shadow:0 18px 36px rgba(229,9,20,.28)!important}.game-art-movie-trivia em{left:90px!important;top:34px!important;width:0!important;height:0!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;border-left:16px solid #fff!important}.game-art-anime-trivia span{border-radius:999px!important;background:#35d8ff!important}.game-art-anime-trivia span:nth-child(1){left:24px!important;top:24px!important;width:64px!important;height:8px!important;transform:rotate(-18deg)}.game-art-anime-trivia span:nth-child(2){left:28px!important;top:24px!important;width:8px!important;height:64px!important;transform:rotate(-18deg)}.game-art-anime-trivia span:nth-child(3){right:28px!important;top:18px!important;width:38px!important;height:38px!important;border-radius:12px!important;background:#f5f7fa!important}.game-art-anime-trivia b{left:62px!important;bottom:18px!important;width:74px!important;height:42px!important;border-radius:50% 50% 45% 45%!important;border:5px solid #35d8ff!important;background:transparent!important}.game-art-anime-trivia em{left:92px!important;bottom:31px!important;width:14px!important;height:14px!important;border-radius:50%!important;background:#e50914!important;box-shadow:0 0 0 6px rgba(229,9,20,.2)!important}.trivia-art{position:relative;min-height:260px;background:radial-gradient(circle at 20% 15%,rgba(229,9,20,.18),transparent 18rem),linear-gradient(135deg,#10131b,#06070a)!important}.trivia-art img{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover}.trivia-art:after{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.28));pointer-events:none}.trivia-art-fallback{position:absolute;inset:0;display:none!important;place-items:center;align-content:center;gap:8px;padding:24px;text-align:center}.trivia-art-empty .trivia-art-fallback{display:grid!important}.trivia-art-fallback span{width:86px;height:56px;border-radius:16px;border:2px solid rgba(255,255,255,.2);background:linear-gradient(90deg,rgba(255,255,255,.2) 0 10px,transparent 10px calc(100% - 10px),rgba(255,255,255,.2) calc(100% - 10px)),linear-gradient(135deg,rgba(229,9,20,.32),rgba(255,255,255,.04))}.trivia-art-fallback strong{color:var(--text);font-size:22px}.trivia-art-fallback small{color:var(--muted)}.tv .trivia-art{min-height:360px}

/* M.1.23 player regression guard: never tint the actual video pixels. */
.view-watch,
.view-watch .media-page,
.watch-page,
.watch-frame,
.watch-player-shell{
  background:#000!important;
  box-shadow:none!important;
}
.watch-player-shell::before,
.watch-player-shell::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
.watch-player-shell video,
.watch-player-shell audio{
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  box-shadow:none!important;
}
.watch-overlay{
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 24%,rgba(0,0,0,0) 48%,rgba(0,0,0,.14) 68%,rgba(0,0,0,.86))!important;
  box-shadow:none!important;
}
.player-logo-overlay{
  box-shadow:none!important;
}

/* M.1.24 player blackout guard: remove every non-video red glow from watch mode. */
html:has(body.view-watch),
body.view-watch,
body.view-watch .app,
body.view-watch main,
body.view-watch .media-page,
body.view-watch .watch-page,
body.view-watch .watch-frame,
body.view-watch .watch-player-shell{
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.view-watch::before,
body.view-watch::after,
body.view-watch .watch-player-shell::before,
body.view-watch .watch-player-shell::after,
body.view-watch .watch-overlay::before,
body.view-watch .watch-overlay::after,
body.view-watch .player-logo-overlay::before,
body.view-watch .player-logo-overlay::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
body.view-watch .watch-overlay{
  background:linear-gradient(180deg,rgba(0,0,0,.74),rgba(0,0,0,.16) 24%,rgba(0,0,0,0) 48%,rgba(0,0,0,.14) 68%,rgba(0,0,0,.88))!important;
  box-shadow:none!important;
  filter:none!important;
}
body.view-watch .watch-player-shell video,
body.view-watch .watch-player-shell audio,
body.view-watch .watch-player-shell img,
body.view-watch .player-clear-logo{
  filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body.view-watch .watch-overlay *,
body.view-watch .player-logo-overlay *{
  text-shadow:none!important;
}

/* M.1.27 player clarity and smoothness guard. */
body.view-watch .watch-player-shell{
  isolation:isolate!important;
}
body.view-watch .watch-player-shell,
body.view-watch .watch-player-shell *{
  --watch-focus:rgba(245,247,250,.78);
}
body.view-watch .playback-preparing:not(.hidden){
  top:40%!important;
  z-index:180!important;
  pointer-events:none!important;
  max-width:min(560px,calc(100vw - 48px))!important;
  padding:14px 18px!important;
  border-color:rgba(255,255,255,.22)!important;
  background:rgba(4,5,8,.9)!important;
  box-shadow:0 18px 70px rgba(0,0,0,.68)!important;
  color:#f5f7fa!important;
}
body.view-watch .watch-player-shell.has-playback-message .watch-center-controls{
  transform:translateY(104px)!important;
  opacity:.16!important;
  pointer-events:none!important;
}
body.view-watch .watch-round,
body.view-watch .watch-icon-btn,
body.view-watch .watch-state-pill,
body.view-watch .player-settings-panel,
body.view-watch .watch-file-card,
body.view-watch .watch-next-card{
  box-shadow:0 14px 42px rgba(0,0,0,.5)!important;
}
body.view-watch .watch-round:hover,
body.view-watch .watch-round:focus-visible,
body.view-watch .watch-icon-btn:hover,
body.view-watch .watch-icon-btn:focus-visible,
body.view-watch .subtitle-manager-launch:hover,
body.view-watch .subtitle-manager-launch:focus-visible{
  border-color:var(--watch-focus)!important;
  background:rgba(245,247,250,.14)!important;
  color:#fff!important;
  box-shadow:0 16px 44px rgba(0,0,0,.58),0 0 0 2px rgba(245,247,250,.12)!important;
}
body.view-watch #watchProgressFill,
body.view-watch #watchBufferedFill,
body.view-watch .watch-buffer-track span,
body.view-watch .watch-buffer-track b{
  box-shadow:none!important;
  filter:none!important;
}
body.view-watch .watch-buffer-track b{
  background:#e50914!important;
}
body.view-watch .watch-buffer-track span{
  background:rgba(255,255,255,.24)!important;
}
body.view-watch .player-logo-overlay,
body.view-watch .player-logo-overlay.visible{
  filter:none!important;
  box-shadow:none!important;
}
body.view-watch .subtitle-manager-backdrop{
  z-index:10000!important;
}
body.view-watch .subtitle-manager-dialog{
  box-shadow:0 30px 100px rgba(0,0,0,.78)!important;
}
@media(max-width:760px){
  body.view-watch .playback-preparing:not(.hidden){
    top:34%!important;
    max-width:calc(100vw - 28px)!important;
    font-size:13px!important;
  }
  body.view-watch .watch-player-shell.has-playback-message .watch-center-controls{
    transform:translateY(92px)!important;
  }
}

/* M.1.35 playback fallback guard: message must win over controls and no theme glow may tint playback. */
body.view-watch .watch-frame,
body.view-watch .watch-player-shell,
body.view-watch #watchMedia{
  background:#000!important;
}
body.view-watch .watch-player-shell,
body.view-watch .watch-player-shell:hover,
body.view-watch .watch-player-shell:focus-within{
  box-shadow:none!important;
  filter:none!important;
}
body.view-watch .playback-preparing:not(.hidden){
  left:50%!important;
  top:32%!important;
  transform:translate(-50%,-50%)!important;
  z-index:240!important;
  width:min(620px,calc(100vw - 40px))!important;
  text-align:center!important;
  line-height:1.45!important;
}
body.view-watch .watch-player-shell.has-playback-message .watch-spinner{
  display:none!important;
}
body.view-watch .watch-player-shell.has-playback-message .watch-center-controls{
  z-index:120!important;
}
body.view-watch .player-settings-panel{
  max-height:min(72dvh,620px)!important;
  overflow:auto!important;
}

/* M.1.37 automatic metadata identification */
.metadata-auto-toggle{
  min-width:0;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:48px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:var(--text);
}
.metadata-auto-toggle input{
  width:20px;
  height:20px;
  accent-color:var(--accent);
}
.metadata-auto-toggle span{
  min-width:0;
  display:grid;
  gap:3px;
}
.metadata-auto-toggle strong{
  color:var(--text);
  font-size:13px;
}
.metadata-auto-toggle small{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.metadata-automation-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  margin:18px 0;
  padding:16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),var(--card);
}
.metadata-automation-panel h3,
.metadata-automation-panel p{
  margin:0;
}
.metadata-automation-panel h3{
  color:var(--text);
  font-size:18px;
}
.metadata-automation-panel p{
  color:var(--muted);
  line-height:1.45;
}
.metadata-automation-panel #metadataAutomationStatus{
  grid-column:1/-1;
  font-size:13px;
}
@media(max-width:760px){
  .metadata-automation-panel{
    grid-template-columns:1fr;
  }
  .metadata-automation-panel button{
    width:100%;
  }
}
body.view-watch .subtitle-manager-dialog{
  max-height:min(88dvh,860px)!important;
  overflow:hidden!important;
}
body.view-watch .subtitle-manager-body{
  min-height:0!important;
  overflow:auto!important;
}
body.view-watch video::cue{
  color:#fff;
  background:rgba(0,0,0,.58);
  text-shadow:0 2px 6px #000,0 0 10px #000;
  font-size:var(--subtitle-font-size,100%);
  direction:inherit;
}
body.view-watch video::cue(:lang(ar)){
  direction:rtl;
  unicode-bidi:plaintext;
  font-family:Tahoma,Arial,sans-serif;
}
.subtitle-track-card[data-subtitle-state="preparing"]{
  border-color:rgba(245,247,250,.26);
}
.subtitle-track-card[data-subtitle-state="failed"],
.subtitle-track-card[data-subtitle-state="unsupported"]{
  border-color:rgba(229,9,20,.45);
}
.subtitle-track-actions em[data-subtitle-status]{
  display:inline-grid;
  min-height:32px;
  place-items:center;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#B4BAC5;
  font-size:12px;
  font-style:normal;
  font-weight:900;
  white-space:nowrap;
}

body.view-watch .watch-prev-button{
  position:relative;
}

body.view-watch .watch-prev-button span{
  position:absolute;
  left:0;
  bottom:calc(100% + 12px);
  width:250px;
  min-height:88px;
  display:none;
  align-content:end;
  padding:16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(23,26,33,.96);
  box-shadow:0 20px 50px rgba(0,0,0,.5);
  color:#F5F7FA;
  font-size:12px;
  line-height:1.35;
  text-align:left;
  white-space:normal;
  overflow:hidden;
}

body.view-watch .watch-prev-button:hover span,
body.view-watch .watch-prev-button:focus-visible span{
  display:block;
}

/* M.1.38 unified app visual system */
:root,
[data-theme]{
  --color-bg-app:var(--color-bg,#08090D);
  --color-bg-surface:var(--color-surface,#12151D);
  --color-bg-surface-raised:var(--color-surface-soft,#171A21);
  --color-bg-overlay:rgba(5,6,9,.88);
  --color-bg-input:var(--color-input-bg,#10131A);
  --color-text-primary:var(--color-text,#F5F7FA);
  --color-text-secondary:var(--color-text-muted,#B4BAC5);
  --color-text-muted:var(--color-text-soft,#7F8794);
  --color-text-disabled:#6F7785;
  --color-border-default:var(--color-border,rgba(255,255,255,.11));
  --color-border-subtle:rgba(255,255,255,.07);
  --color-border-strong:rgba(255,255,255,.18);
  --color-accent:var(--appearance-accent,#E50914);
  --color-accent-hover:var(--appearance-accent-hover,#F6121D);
  --color-accent-active:color-mix(in srgb,var(--color-accent) 76%,#000 24%);
  --color-accent-soft:var(--appearance-accent-soft,rgba(229,9,20,.16));
  --color-success:#37D67A;
  --color-warning:#FFB020;
  --color-danger:#EF4444;
  --color-info:#60A5FA;
  --color-focus-ring:color-mix(in srgb,var(--color-accent) 42%,transparent);
  --color-on-accent:var(--appearance-on-accent,#FFFFFF);
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:22px;
  --shadow-sm:0 8px 22px rgba(0,0,0,.18);
  --shadow-md:0 18px 46px rgba(0,0,0,.28);
  --shadow-lg:0 30px 90px rgba(0,0,0,.46);
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:22px;
  --space-6:30px;
  --font-size-xs:12px;
  --font-size-sm:13px;
  --font-size-md:15px;
  --font-size-lg:18px;
  --font-size-xl:24px;
  --font-size-2xl:34px;
  --bg:var(--color-bg-app);
  --panel:var(--color-bg-surface);
  --panel2:var(--color-bg-surface-raised);
  --card:var(--color-bg-surface-raised);
  --line:var(--color-border-default);
  --text:var(--color-text-primary);
  --muted:var(--color-text-secondary);
  --accent:var(--color-accent);
  --focus:var(--color-accent);
  color-scheme:dark;
}
[data-theme="ozbox-default"]{
  --color-bg:#08090D;
  --color-surface:#11141B;
  --color-surface-soft:#171A21;
  --color-card:#171A21;
  --color-border:rgba(245,247,250,.10);
  --color-text:#F5F7FA;
  --color-heading:#FFFFFF;
  --color-text-muted:#B4BAC5;
  --color-text-soft:#808896;
  --shadow-card:var(--shadow-md);
}
[data-theme="black"]{
  --color-bg:#000000;
  --color-surface:#07080B;
  --color-surface-soft:#0E1015;
  --color-card:#101218;
  --color-border:rgba(245,247,250,.12);
  --color-text:#F8FAFC;
  --color-heading:#FFFFFF;
  --color-text-muted:#B8C0CC;
  --color-text-soft:#848D9B;
  --shadow-card:0 18px 46px rgba(0,0,0,.52);
}
[data-theme="light"]{
  --color-bg:#F4F6FB;
  --color-surface:#FFFFFF;
  --color-surface-soft:#EEF2F8;
  --color-card:#FFFFFF;
  --color-border:rgba(15,23,42,.13);
  --color-text:#111827;
  --color-heading:#0F172A;
  --color-text-muted:#5F6B7A;
  --color-text-soft:#7A8594;
  --color-bg-overlay:rgba(15,23,42,.62);
  --color-bg-input:#FFFFFF;
  --shadow-card:0 18px 44px rgba(15,23,42,.10);
  color-scheme:light;
}
[data-theme="system"]{
  --color-bg:#08090D;
  --color-surface:#11141B;
  --color-surface-soft:#171A21;
  --color-card:#171A21;
  --color-border:rgba(245,247,250,.10);
  --color-text:#F5F7FA;
  --color-heading:#FFFFFF;
  --color-text-muted:#B4BAC5;
  --color-text-soft:#808896;
}
@media(prefers-color-scheme:light){
  [data-theme="system"]{
    --color-bg:#F4F6FB;
    --color-surface:#FFFFFF;
    --color-surface-soft:#EEF2F8;
    --color-card:#FFFFFF;
    --color-border:rgba(15,23,42,.13);
    --color-text:#111827;
    --color-heading:#0F172A;
    --color-text-muted:#5F6B7A;
    --color-text-soft:#7A8594;
    --color-bg-overlay:rgba(15,23,42,.62);
    --color-bg-input:#FFFFFF;
    color-scheme:light;
  }
}

html,
body{
  min-width:0;
  background:var(--color-bg-app)!important;
  color:var(--color-text-primary)!important;
}
body:not(.view-watch){
  background:
    radial-gradient(circle at 78% -20%,var(--color-accent-soft),transparent 32rem),
    linear-gradient(180deg,var(--color-bg-app),color-mix(in srgb,var(--color-bg-app) 88%,#000 12%))!important;
}
body,
button,
input,
select,
textarea{
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
*{
  min-width:0;
}

button:not(.game-card),
.ui-btn,
.btn,
.button-row button,
.hero-buttons button,
.settings-form button,
.metadata-form button,
.access-controls button,
.network-links a,
.network-links button,
.menu-list button,
.settings-subnav button,
.nav button,
.settings-nav{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 15px!important;
  border:1px solid var(--color-border-default)!important;
  border-radius:var(--radius-md)!important;
  background:var(--color-bg-surface)!important;
  color:var(--color-text-primary)!important;
  font-size:var(--font-size-sm)!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.hero-buttons button:first-child,
.button-row button:first-child,
.settings-form .button-row button:first-child,
.metadata-form button[type="submit"],
.settings-form button[type="submit"],
.folder-input-row button:last-child,
.access-controls>button,
.nav button.active,
.settings-nav.active,
.settings-subnav button.active,
.settings-subnav button.is-active,
.theme-preview-card.is-selected,
.theme-preview-card.selected,
.episode-filter-tabs button.active,
.season-tabs button.active{
  background:var(--color-accent)!important;
  border-color:var(--color-accent)!important;
  color:var(--color-on-accent)!important;
}
button:hover,
.ui-btn:hover,
.btn:hover,
.network-links a:hover{
  border-color:var(--color-border-strong)!important;
  background:var(--color-bg-surface-raised)!important;
  color:var(--color-text-primary)!important;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.card:focus-visible,
.episode-card:focus-visible,
.continue-card:focus-visible{
  outline:3px solid var(--color-focus-ring)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 1px var(--color-accent),var(--shadow-sm)!important;
}
button:disabled,
input:disabled,
select:disabled,
textarea:disabled{
  cursor:not-allowed!important;
  opacity:.55!important;
}

input,
select,
textarea,
.header-search input,
.browse-bar input,
.browse-bar select,
.settings-form input,
.settings-form select,
.settings-form textarea,
.metadata-form input,
.metadata-form select,
.metadata-form textarea,
.folder-input-row input{
  width:100%;
  min-height:44px!important;
  border:1px solid var(--color-border-default)!important;
  border-radius:var(--radius-md)!important;
  background:var(--color-bg-input)!important;
  color:var(--color-text-primary)!important;
  padding:0 13px!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
textarea{
  min-height:96px!important;
  padding:12px 13px!important;
  resize:vertical;
}
input::placeholder,
textarea::placeholder{
  color:var(--color-text-muted)!important;
}

h1,h2,h3,h4,
.hero-copy h1,
.hero-title-card-copy h2,
.browse-hero-panel h1,
.settings-head h1,
.settings-card h2,
.settings-card h3,
.card-title,
.info strong,
.metadata-review-main strong,
.scan-row strong,
.library-title-line strong{
  color:var(--color-heading,var(--color-text-primary))!important;
  letter-spacing:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
p,small,
.remote-hint,
.settings-card p,
.settings-head span,
.info span,
.card-meta,
.metadata-review-row p,
.scan-row small,
.library-paths,
.about-row span,
.tool-status-row small{
  color:var(--color-text-secondary)!important;
  line-height:1.5!important;
}
.title-clamp-2,
.card-title,
.info strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}
.title-clamp-3{
  display:-webkit-box!important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}
code,
pre,
.metadata-file-card strong,
.about-row strong,
.library-paths{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

.app-header{
  background:color-mix(in srgb,var(--color-bg-app) 88%,transparent)!important;
  border-bottom:1px solid var(--color-border-default)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.20)!important;
}
.brand,
.brand:hover,
.brand:focus-visible{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.brand-logo{
  box-shadow:0 0 0 1px var(--color-border-subtle)!important;
}
.nav,
.header-search,
.profile-panel,
.profile-panel div{
  min-width:0!important;
}
.profile-panel select,
.profile-panel button,
.settings-nav{
  height:40px!important;
  min-height:40px!important;
  border-radius:999px!important;
}
.profile-panel button{
  width:auto!important;
  min-width:74px!important;
  font-size:13px!important;
}

.card,
.episode-card,
.continue-card,
.settings-card,
.settings-stat-card,
.library-row,
.scan-row,
.backup-row,
.metadata-review-row,
.user-panel,
.tool-status-row,
.about-row,
.health-database,
.oz-empty,
.search-panel,
.menu-list,
.theme-preview-card,
.appearance-control-card,
.custom-theme-card{
  border:1px solid var(--color-border-default)!important;
  border-radius:var(--radius-lg)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
    var(--color-bg-surface-raised)!important;
  color:var(--color-text-primary)!important;
  box-shadow:var(--shadow-sm)!important;
}
.card:hover,
.episode-card:hover,
.continue-card:hover,
.theme-preview-card:hover,
.metadata-review-row:hover,
.scan-row:hover{
  border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border-default))!important;
  box-shadow:var(--shadow-md)!important;
}
.poster,
.movie-card__poster,
.episode-thumb,
.search-thumb,
.cast-photo{
  background-color:var(--color-bg-surface)!important;
}
.badge,
.status-chip,
.detail-facts span,
.card-quality-badges span,
.metadata-review-badges span,
.episode-labels span,
.episode-labels strong{
  border:1px solid var(--color-border-default)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--color-bg-surface) 88%,var(--color-text-primary) 12%)!important;
  color:var(--color-text-secondary)!important;
}
.type-badge,
.metadata-source-badge.auto,
.status-ready{
  color:var(--color-text-primary)!important;
}
.progress-line,
.scan-progress-bar,
.setup-progress,
.continue-progress{
  background:color-mix(in srgb,var(--color-text-primary) 14%,transparent)!important;
}
.progress-line span,
.scan-progress-bar span,
.setup-progress span,
.continue-progress span,
.watch-buffer-track b{
  background:var(--color-accent)!important;
  box-shadow:none!important;
}

.netflix-hero,
.browse-hero-panel,
.settings-head{
  overflow:hidden!important;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--color-bg-app) 96%,#000 4%),color-mix(in srgb,var(--color-bg-app) 72%,transparent) 52%,rgba(0,0,0,.16)),
    linear-gradient(0deg,var(--color-bg-app),transparent 42%),
    var(--color-bg-app)!important;
}
.hero-copy,
.hero-title-card-copy,
.browse-hero-panel>div,
.media-copy{
  min-width:min(320px,100%)!important;
  max-width:760px!important;
}
.hero-copy h1,
.hero-title-card-copy h2,
.browse-hero-panel h1{
  max-width:100%!important;
  line-height:1.02!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.hero-title-card{
  border-color:var(--color-border-default)!important;
  background:var(--color-bg-surface-raised)!important;
  box-shadow:var(--shadow-md)!important;
}
.hero-title-card-copy span,
.browse-hero-panel span{
  max-width:660px!important;
  overflow:hidden!important;
}
.hero-card-actions{
  align-items:center!important;
}

.settings-page{
  width:min(100%,1660px)!important;
  margin:0 auto!important;
}
.view-settings .settings-page{
  display:grid!important;
  grid-template-columns:minmax(232px,260px) minmax(0,1fr)!important;
  gap:var(--space-5)!important;
  align-items:start!important;
}
.view-settings .settings-head{
  grid-column:1/-1!important;
  min-height:clamp(170px,20vw,260px)!important;
  margin:0 -32px 0!important;
  padding:clamp(36px,5vw,62px) clamp(28px,5vw,56px)!important;
  border-bottom:1px solid var(--color-border-default)!important;
}
.view-settings .settings-tabs-wrapper{
  position:sticky!important;
  top:92px!important;
  max-height:calc(100dvh - 112px)!important;
  overflow:auto!important;
  padding:12px!important;
  border:1px solid var(--color-border-default)!important;
  border-radius:var(--radius-xl)!important;
  background:var(--color-bg-surface-raised)!important;
  box-shadow:var(--shadow-sm)!important;
}
.view-settings .settings-subnav,
.view-settings .settings-tabs-wrapper .settings-tabs{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  backdrop-filter:none!important;
}
.view-settings .settings-subnav button{
  width:100%!important;
  justify-content:flex-start!important;
  min-height:44px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  white-space:normal!important;
  text-align:left!important;
}
.view-settings .settings-subnav button.active,
.view-settings .settings-subnav button.is-active{
  background:var(--color-accent)!important;
  color:var(--color-on-accent)!important;
}
.view-settings .settings-grid{
  grid-column:2!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:var(--space-5)!important;
}
.view-settings .settings-card{
  padding:clamp(18px,2vw,28px)!important;
}
.view-settings .health-head,
.view-settings .tool-panel-head,
.view-settings .user-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:var(--space-4)!important;
  flex-wrap:wrap!important;
}
.view-settings .settings-form,
.view-settings .library-form,
.view-settings .metadata-form{
  gap:var(--space-4)!important;
}
.view-settings .folder-input-row{
  grid-template-columns:minmax(0,1fr) auto auto!important;
}
.view-settings .scan-options{
  grid-template-columns:repeat(3,minmax(190px,1fr))!important;
}
.view-settings .scan-options label,
.switch-tile,
.metadata-auto-toggle{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:50px!important;
  padding:10px 12px!important;
  border:1px solid var(--color-border-default)!important;
  border-radius:var(--radius-md)!important;
  background:var(--color-bg-surface)!important;
  color:var(--color-text-primary)!important;
}
.view-settings .scan-options input,
.switch-tile input,
.metadata-auto-toggle input{
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  accent-color:var(--color-accent)!important;
}

.appearance-layout{
  gap:var(--space-5)!important;
}
.appearance-section{
  min-width:0!important;
}
.appearance-preference-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--space-4)!important;
}
.appearance-control-card{
  min-height:160px;
  display:grid;
  align-content:start;
  gap:10px;
  padding:16px!important;
}
.appearance-control-card h3,
.appearance-control-card p{
  margin:0!important;
}
.accent-choice-grid,
.segmented-choice-grid{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.accent-choice-grid button::before{
  content:"";
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--swatch,var(--color-accent));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--color-text-primary) 16%,transparent);
}
.accent-choice-grid button.is-selected,
.segmented-choice-grid button.is-selected{
  background:var(--color-accent)!important;
  color:var(--color-on-accent)!important;
  border-color:var(--color-accent)!important;
}
.theme-preview-grid{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}
.custom-theme-controls{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.custom-theme-controls .button-row,
.custom-theme-actions{
  grid-column:1/-1!important;
}

.metadata-modal-backdrop,
.ui-dialog-backdrop,
.subtitle-manager-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:9000!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(14px,3vw,34px)!important;
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:none!important;
}
.metadata-modal,
.ui-dialog,
.subtitle-manager-dialog,
.identify-modal{
  width:min(900px,calc(100vw - 28px))!important;
  max-height:min(90dvh,820px)!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border:1px solid var(--color-border-strong)!important;
  border-radius:var(--radius-xl)!important;
  background:var(--color-bg-surface-raised)!important;
  color:var(--color-text-primary)!important;
  box-shadow:var(--shadow-lg)!important;
}
.metadata-modal-head,
.identify-modal-head,
.metadata-modal .manual-identify-form,
.manual-identify-form{
  padding:var(--space-5)!important;
  border-color:var(--color-border-default)!important;
}
.metadata-modal-head h2,
.identify-modal-head h2{
  margin:4px 0 6px!important;
  max-width:100%!important;
  font-size:clamp(26px,4vw,44px)!important;
  line-height:1.05!important;
  overflow-wrap:break-word!important;
}
.metadata-modal-close{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:0!important;
}
.metadata-modal-close::before{
  content:"X";
  font-size:15px;
}
.identify-mode-tabs{
  display:flex!important;
  gap:8px!important;
  padding:0 var(--space-5) var(--space-4)!important;
  border-bottom:1px solid var(--color-border-default)!important;
}
.identify-main-state{
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  padding:var(--space-4) var(--space-5)!important;
}
.manual-identify-fields{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(110px,.28fr) minmax(170px,.42fr)!important;
  gap:var(--space-3)!important;
}
.manual-identify-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:var(--space-4)!important;
}
.identify-suggestion-list{
  display:grid!important;
  gap:var(--space-3)!important;
}
.identify-suggestion{
  border-color:var(--color-border-default)!important;
  background:var(--color-bg-surface)!important;
}

.metadata-review-filters,
.metadata-review-toolbar,
.metadata-review-paging{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
.metadata-review-search{
  grid-template-columns:minmax(0,1fr) auto!important;
}
.metadata-review-row{
  display:grid!important;
  grid-template-columns:auto 82px minmax(0,1fr) auto!important;
  gap:var(--space-4)!important;
  align-items:center!important;
  padding:var(--space-4)!important;
}
.metadata-review-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.metadata-review-main p,
.metadata-review-main strong{
  max-width:100%!important;
}
.metadata-review-badges{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.metadata-review-stats,
.health-stats,
.scan-stats,
.backup-stats{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
}
.scan-list,
.health-library-list,
.backup-list,
.metadata-review-list{
  display:grid!important;
  gap:var(--space-3)!important;
}
.scan-row,
.scan-task-row,
.scan-event-row,
.health-library-row{
  min-width:0!important;
}
.scan-row code,
.health-database code,
.backup-paths code{
  max-width:100%!important;
  white-space:normal!important;
}

.card-quality-badges{
  display:none!important;
}
.card{
  height:100%!important;
}
.info{
  min-height:174px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.info .card-badges,
.info .card-meta,
.resume-hint,
.card-note,
.played-at{
  margin-top:0!important;
}
.progress-line{
  margin-top:auto!important;
}
.continue-card__body{
  align-items:end!important;
}
.continue-card__copy{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
}
.continue-card__copy p,
.continue-card__copy h3,
.continue-card__copy span{
  margin:0!important;
  max-width:100%!important;
}

.loading-state{
  min-height:180px!important;
  display:grid!important;
  place-items:center!important;
  place-content:center!important;
  gap:12px!important;
  color:var(--color-text-secondary)!important;
}
.loading-state span{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  border:3px solid color-mix(in srgb,var(--color-text-primary) 16%,transparent)!important;
  border-top-color:var(--color-accent)!important;
  animation:oz-spin .9s linear infinite;
}
.toast{
  z-index:12000!important;
  border-color:var(--color-border-strong)!important;
  border-radius:var(--radius-lg)!important;
  background:var(--color-bg-surface-raised)!important;
  color:var(--color-text-primary)!important;
  box-shadow:var(--shadow-lg)!important;
}

body.tv button,
body.tv input,
body.tv select,
body.tv textarea,
body.tv .settings-subnav button{
  min-height:56px!important;
  font-size:18px!important;
}
body.tv .view-settings .settings-page{
  grid-template-columns:minmax(280px,330px) minmax(0,1fr)!important;
}
body.tv .card:focus-visible,
body.tv .episode-card:focus-visible,
body.tv button:focus-visible,
body.tv a:focus-visible{
  outline-width:4px!important;
  outline-offset:5px!important;
  transform:translateY(-2px) scale(1.018);
}

[data-density="compact"]{
  --space-3:10px;
  --space-4:13px;
  --space-5:18px;
  --space-6:24px;
  --font-size-md:14px;
}
[data-density="compact"] .settings-card,
[data-density="compact"] .info,
[data-density="compact"] .metadata-review-row{
  padding:14px!important;
}
[data-card-size="small"] .grid{
  grid-template-columns:repeat(auto-fill,minmax(142px,1fr))!important;
}
[data-card-size="large"] .grid{
  grid-template-columns:repeat(auto-fill,minmax(214px,1fr))!important;
}
[data-card-size="small"] .row-strip{
  grid-auto-columns:minmax(150px,188px)!important;
}
[data-card-size="large"] .row-strip{
  grid-auto-columns:minmax(220px,280px)!important;
}
[data-animations="off"] *,
[data-reduce-motion="on"] *{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important;
}
@media(prefers-reduced-motion:reduce){
  *{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}

body.view-watch .watch-player-shell::before,
body.view-watch .watch-audio-backdrop::after{
  background:none!important;
}
body.view-watch .watch-player-shell,
body.view-watch .watch-player-shell video{
  box-shadow:none!important;
  filter:none!important;
}

@media(max-width:1180px){
  .app-header{
    grid-template-columns:auto minmax(260px,1fr) minmax(150px,240px) auto!important;
  }
  .view-settings .settings-page{
    grid-template-columns:minmax(220px,248px) minmax(0,1fr)!important;
  }
  .appearance-preference-grid,
  .custom-theme-controls{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:860px){
  .app-header{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .nav{
    flex-wrap:wrap!important;
    overflow:visible!important;
  }
  .nav button,
  .settings-nav,
  .profile-panel select,
  .profile-panel button{
    min-height:42px!important;
  }
  .view-settings .settings-page{
    display:block!important;
  }
  .view-settings .settings-tabs-wrapper{
    position:static!important;
    max-height:none!important;
    margin:0 0 var(--space-4)!important;
  }
  .view-settings .settings-subnav{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(138px,1fr))!important;
  }
  .view-settings .settings-grid{
    display:grid!important;
  }
  .metadata-review-row{
    grid-template-columns:auto 70px minmax(0,1fr)!important;
  }
  .metadata-review-actions{
    grid-column:1/-1!important;
    justify-content:stretch!important;
  }
  .metadata-review-actions button{
    flex:1 1 130px!important;
  }
  .manual-identify-fields,
  .view-settings .folder-input-row,
  .view-settings .scan-options{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:640px){
  main{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .netflix-hero,
  .settings-head{
    margin-left:-18px!important;
    margin-right:-18px!important;
  }
  .browse-hero-panel,
  .hero-title-card{
    border-radius:var(--radius-lg)!important;
  }
  .appearance-preference-grid,
  .custom-theme-controls,
  .metadata-review-search{
    grid-template-columns:1fr!important;
  }
  .metadata-review-row{
    grid-template-columns:1fr!important;
  }
  .metadata-review-check{
    justify-self:start!important;
  }
  .metadata-modal,
  .identify-modal{
    width:calc(100vw - 20px)!important;
    max-height:92dvh!important;
  }
  .metadata-modal-head,
  .identify-modal-head,
  .metadata-modal .manual-identify-form,
  .manual-identify-form{
    padding:16px!important;
  }
}

/* M.1.40 consolidated Settings + professional Appearance system */
:root,
[data-theme]{
  --bg-app:var(--color-bg-app,#08090D);
  --bg-surface:var(--color-bg-surface,#11141B);
  --bg-surface-raised:var(--color-bg-surface-raised,#171A21);
  --bg-input:var(--color-bg-input,#10131A);
  --bg-modal:var(--color-bg-surface-raised,#171A21);
  --bg-overlay:var(--color-bg-overlay,rgba(5,6,9,.88));
  --text-primary:var(--color-text-primary,#F5F7FA);
  --text-secondary:var(--color-text-secondary,#B4BAC5);
  --text-muted:var(--color-text-muted,#808896);
  --text-disabled:var(--color-text-disabled,#6F7785);
  --border-default:var(--color-border-default,rgba(245,247,250,.1));
  --border-subtle:var(--color-border-subtle,rgba(245,247,250,.07));
  --accent:var(--color-accent,#E50914);
  --accent-hover:var(--color-accent-hover,#F6121D);
  --accent-soft:var(--color-accent-soft,rgba(229,9,20,.16));
  --success:var(--color-success,#37D67A);
  --warning:var(--color-warning,#FFB020);
  --danger:var(--color-danger,#EF4444);
  --focus-ring:var(--color-focus-ring,rgba(229,9,20,.42));
}

[data-accent="oz-red"]{--appearance-accent:#E50914;--appearance-accent-hover:#F6121D;--appearance-accent-soft:rgba(229,9,20,.16);--appearance-on-accent:#FFFFFF}
[data-accent="blue"]{--appearance-accent:#3B82F6;--appearance-accent-hover:#60A5FA;--appearance-accent-soft:rgba(59,130,246,.16);--appearance-on-accent:#FFFFFF}
[data-accent="purple"]{--appearance-accent:#A855F7;--appearance-accent-hover:#C084FC;--appearance-accent-soft:rgba(168,85,247,.16);--appearance-on-accent:#FFFFFF}
[data-accent="green"]{--appearance-accent:#22C55E;--appearance-accent-hover:#4ADE80;--appearance-accent-soft:rgba(34,197,94,.16);--appearance-on-accent:#06110A}
[data-accent="orange"]{--appearance-accent:#F97316;--appearance-accent-hover:#FB923C;--appearance-accent-soft:rgba(249,115,22,.16);--appearance-on-accent:#160800}

.view-settings .settings-page{
  grid-template-columns:minmax(236px,256px) minmax(0,1fr)!important;
  max-width:1680px!important;
  gap:24px!important;
}
.view-settings .settings-tabs-wrapper{
  align-self:start!important;
  top:88px!important;
  padding:14px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface-raised) 94%,var(--text-primary) 6%),var(--bg-surface-raised))!important;
}
.view-settings .settings-subnav{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow-x:visible!important;
  overflow-y:auto!important;
}
.settings-rail-head{
  padding:6px 8px 14px!important;
}
.settings-rail-head strong{
  color:var(--text-primary)!important;
  font-size:15px!important;
}
.settings-rail-head span{
  color:var(--text-muted)!important;
}
.view-settings .settings-subnav button{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:start stretch!important;
  align-content:center!important;
  gap:4px!important;
  padding:10px 12px!important;
  color:var(--text-secondary)!important;
  background:transparent!important;
}
.view-settings .settings-subnav button strong,
.view-settings .settings-subnav button span{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.view-settings .settings-subnav button strong{
  color:inherit!important;
  font-size:14px!important;
}
.view-settings .settings-subnav button span{
  color:var(--text-muted)!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.view-settings .settings-subnav button.active,
.view-settings .settings-subnav button.is-active{
  background:var(--accent)!important;
  border-color:var(--accent)!important;
  color:var(--color-on-accent,#FFFFFF)!important;
  box-shadow:0 14px 34px var(--accent-soft)!important;
}
.view-settings .settings-subnav button.active span,
.view-settings .settings-subnav button.is-active span{
  color:color-mix(in srgb,var(--color-on-accent,#FFFFFF) 78%,transparent)!important;
}
.view-settings .settings-grid{
  min-width:0!important;
}
.view-settings .settings-card{
  min-width:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface-raised) 94%,var(--text-primary) 6%),var(--bg-surface-raised))!important;
}
.appearance-settings-card .appearance-header{
  padding-bottom:18px!important;
  border-bottom:1px solid var(--border-subtle)!important;
}
.appearance-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
}
.appearance-layout>.appearance-section:first-child{
  display:none!important;
}
.appearance-preference-grid{
  grid-template-columns:repeat(2,minmax(260px,1fr))!important;
}
.appearance-control-card{
  min-width:0!important;
  min-height:172px!important;
  border-radius:18px!important;
  background:var(--bg-surface)!important;
}
.theme-preview-card{
  min-height:138px!important;
  display:grid!important;
  align-content:space-between!important;
}
.theme-preview-card__mockup,
.theme-preview-mockup{
  height:82px!important;
}
.accent-choice-grid button,
.segmented-choice-grid button,
.theme-preview-card{
  color:var(--text-primary)!important;
}
.view-settings .settings-form label,
.view-settings .metadata-form label,
.view-settings .access-controls label{
  min-width:0!important;
}
.view-settings .settings-form input,
.view-settings .settings-form select,
.view-settings .metadata-form input,
.view-settings .metadata-form select,
.view-settings .settings-form textarea,
.view-settings .metadata-form textarea{
  color:var(--text-primary)!important;
  background:var(--bg-input)!important;
}
.view-settings .settings-form input[type="checkbox"],
.view-settings .access-controls input[type="checkbox"]{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
}
svg,
.icon,
.icon-btn{
  color:currentColor!important;
}

@media(max-width:1080px){
  .view-settings .settings-page{
    display:block!important;
  }
  .view-settings .settings-tabs-wrapper{
    position:static!important;
    max-height:none!important;
    margin-bottom:18px!important;
    overflow-x:visible!important;
  }
  .view-settings .settings-subnav{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    min-width:0!important;
    overflow-x:visible!important;
  }
  .view-settings .settings-subnav button{
    width:100%!important;
    min-width:0!important;
  }
  .appearance-preference-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:640px){
  .view-settings .settings-subnav button{
    width:100%!important;
    min-width:0!important;
  }
  .view-settings .settings-card{
    padding:18px!important;
  }
}

/* M.1.39 media detail and IMDb identity polish */
.oz-detail-redesign .oz-detail-hero{
  min-height:clamp(620px,82dvh,900px);
  overflow:hidden;
}
.oz-detail-redesign .oz-detail-hero:before{
  background:
    linear-gradient(90deg,var(--color-bg,#08090D) 0%,color-mix(in srgb,var(--color-bg,#08090D) 92%,transparent) 28%,color-mix(in srgb,var(--color-bg,#08090D) 48%,transparent) 70%,color-mix(in srgb,var(--color-bg,#08090D) 90%,transparent) 100%),
    linear-gradient(0deg,var(--color-bg,#08090D) 0%,color-mix(in srgb,var(--color-bg,#08090D) 55%,transparent) 28%,transparent 72%);
}
.oz-detail-redesign .oz-detail-hero-overlay{
  grid-template-columns:clamp(170px,13vw,250px) minmax(0,1.65fr) minmax(210px,280px)!important;
  gap:clamp(18px,2.4vw,36px)!important;
  align-items:end;
  max-width:1660px;
  padding:clamp(36px,5vw,62px)!important;
}
.oz-detail-copy{
  max-width:1040px!important;
  gap:12px;
}
.oz-detail-copy h1{
  display:block!important;
  max-width:100%;
  font-size:clamp(32px,4vw,64px)!important;
  line-height:1.06!important;
  letter-spacing:0!important;
  white-space:normal!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  overflow-wrap:break-word!important;
  text-wrap:balance;
  padding-bottom:.12em;
}
.oz-detail-copy .detail-overview,
.oz-detail-copy>span.detail-overview{
  display:block!important;
  max-width:900px!important;
  color:var(--color-muted,#B4BAC5)!important;
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.58;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
.oz-detail-copy .detail-facts{
  gap:0 12px;
  margin:0;
}
.oz-detail-copy .detail-facts span{
  min-height:0!important;
  max-width:min(100%,360px)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--color-muted,#B4BAC5)!important;
  font-size:13px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.oz-detail-copy .detail-facts span+span:before{
  content:"•";
  display:inline-block;
  margin-inline-end:12px;
  color:color-mix(in srgb,var(--color-text,#F5F7FA) 38%,transparent);
}
.detail-quality-badges{
  gap:6px;
  margin:2px 0 0;
  opacity:.74;
}
.detail-quality-badges span{
  min-height:26px!important;
  padding:0 9px!important;
  background:color-mix(in srgb,var(--color-card,#171A21) 74%,transparent)!important;
  border-color:color-mix(in srgb,var(--color-border,rgba(255,255,255,.1)) 72%,transparent)!important;
  color:var(--color-muted,#B4BAC5)!important;
  font-size:11px!important;
}
.detail-action-bar{
  width:min(720px,100%)!important;
  grid-template-columns:minmax(0,1fr) auto;
  border-radius:18px;
}
.detail-action-status strong,
.detail-action-status span{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.detail-action-controls{
  flex-wrap:wrap;
}
.detail-play-button{
  min-width:104px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 20px!important;
}
.detail-play-button small{
  display:none!important;
}
.detail-hero-stats{
  max-width:280px!important;
  grid-template-columns:1fr;
  gap:8px;
}
.detail-hero-stats article{
  padding:11px 12px;
  border-radius:14px;
  background:color-mix(in srgb,var(--color-card,#171A21) 72%,transparent);
}
.detail-hero-stats span{
  font-size:10px;
  letter-spacing:.04em;
}
.detail-hero-stats strong{
  font-size:16px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.detail-metadata-grid{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
}
.detail-metadata-grid div{
  min-width:0;
  min-height:92px;
  display:grid;
  align-content:start;
  gap:8px;
}
.detail-metadata-grid strong{
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.detail-metadata-grid .metadata-file-card strong,
.detail-metadata-grid .wide strong{
  direction:ltr;
  unicode-bidi:plaintext;
}
html[dir="rtl"] .oz-detail-copy .detail-facts span+span:before{
  margin-inline-start:12px;
  margin-inline-end:0;
}
@media(max-width:1180px){
  .oz-detail-redesign .oz-detail-hero-overlay{
    grid-template-columns:minmax(150px,220px) minmax(0,1fr)!important;
  }
  .detail-hero-stats{
    grid-column:1/-1;
    max-width:none!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media(max-width:780px){
  .oz-detail-redesign .oz-detail-hero{
    min-height:auto;
  }
  .oz-detail-redesign .oz-detail-hero-overlay{
    grid-template-columns:1fr!important;
    padding:72px 20px 28px!important;
  }
  .oz-detail-redesign .oz-detail-poster{
    width:min(210px,58vw);
  }
  .detail-action-bar{
    grid-template-columns:1fr;
  }
  .detail-action-controls{
    justify-content:flex-start;
  }
  .detail-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .oz-detail-copy h1{
    font-size:clamp(32px,11vw,54px)!important;
  }
}
body.tv .oz-detail-redesign .oz-detail-hero-overlay{
  grid-template-columns:clamp(190px,13vw,270px) minmax(0,1.7fr) minmax(230px,300px)!important;
}
body.tv .oz-detail-copy h1{
  display:block!important;
  font-size:clamp(42px,4.2vw,76px)!important;
  line-height:1.06!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
body.tv .oz-detail-copy .detail-overview{
  max-width:980px!important;
  font-size:clamp(20px,1.3vw,24px);
}
body.tv .detail-hero-stats{
  max-width:300px!important;
}

/* M.1.40 final Settings consolidation guard */
.view-settings .settings-page{
  display:grid!important;
  grid-template-columns:minmax(236px,256px) minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  min-width:0!important;
}
.view-settings .settings-tabs-wrapper{
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
  max-height:calc(100dvh - 112px)!important;
  min-width:0!important;
  overflow-x:visible!important;
  overflow-y:auto!important;
}
.view-settings .settings-tabs-wrapper .settings-tabs,
.view-settings .settings-tabs-wrapper .settings-subnav,
.view-settings .settings-subnav{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  grid-template-columns:none!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
}
.view-settings .settings-tabs-wrapper .settings-tab,
.view-settings .settings-tabs-wrapper .settings-subnav button,
.view-settings .settings-subnav button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:58px!important;
  flex:0 0 auto!important;
  justify-content:flex-start!important;
  text-align:left!important;
  white-space:normal!important;
}
.view-settings .settings-tabs-wrapper .settings-tab span,
.view-settings .settings-subnav button span{
  white-space:normal!important;
}
.view-settings .settings-grid{
  min-width:0!important;
}
.view-settings .appearance-layout{
  grid-template-columns:1fr!important;
}
.view-settings .appearance-preference-grid{
  grid-template-columns:repeat(2,minmax(260px,1fr))!important;
}
@media(max-width:1080px){
  .view-settings .settings-page{
    grid-template-columns:minmax(208px,236px) minmax(0,1fr)!important;
  }
  .view-settings .settings-tabs-wrapper{
    top:128px!important;
  }
}
@media(max-width:760px){
  .view-settings .settings-page{
    display:block!important;
  }
  .view-settings .settings-tabs-wrapper{
    position:static!important;
    max-height:none!important;
    margin-bottom:18px!important;
  }
  .view-settings .settings-tabs-wrapper .settings-tabs,
  .view-settings .settings-tabs-wrapper .settings-subnav,
  .view-settings .settings-subnav{
    overflow-x:visible!important;
  }
  .view-settings .appearance-preference-grid{
    grid-template-columns:1fr!important;
  }
}

/* M.1.41 professional player UX polish */
body.view-watch,
body.view-watch .app,
body.view-watch main,
body.view-watch .media-page,
body.view-watch .watch-page,
body.view-watch .watch-frame,
body.view-watch .watch-player-shell{
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:hidden!important;
}
body.view-watch .watch-player-shell::before,
body.view-watch .watch-player-shell::after,
body.view-watch .watch-overlay::before,
body.view-watch .watch-overlay::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
body.view-watch #watchMedia,
body.view-watch .watch-player-shell video,
body.view-watch .watch-player-shell audio{
  width:100vw!important;
  height:100dvh!important;
  object-fit:contain!important;
  background:#000!important;
  box-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
body.view-watch .watch-overlay{
  z-index:5!important;
  padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.24) 18%,rgba(0,0,0,0) 44%),
    linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.2) 24%,rgba(0,0,0,0) 52%)!important;
  pointer-events:none!important;
}
body.view-watch .watch-top-bar,
body.view-watch .watch-center-controls,
body.view-watch .watch-control-bar,
body.view-watch .watch-file-card,
body.view-watch .watch-next-card{
  pointer-events:auto!important;
}
body.view-watch .watch-top-bar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  min-width:0!important;
}
body.view-watch .watch-top-left{
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  min-width:0!important;
  max-width:min(820px,calc(100vw - 260px))!important;
}
body.view-watch .watch-title{
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  gap:5px!important;
}
body.view-watch .watch-title p,
body.view-watch .watch-title strong{
  max-width:100%!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  text-shadow:0 2px 10px rgba(0,0,0,.72)!important;
}
body.view-watch .watch-title p{
  -webkit-line-clamp:1!important;
  color:rgba(245,247,250,.78)!important;
  font-size:12px!important;
  letter-spacing:.04em!important;
}
body.view-watch .watch-title strong{
  -webkit-line-clamp:2!important;
  color:#fff!important;
  font-size:clamp(22px,3.2vw,42px)!important;
  line-height:1.02!important;
}
body.view-watch .watch-state-pill{
  width:max-content!important;
  max-width:100%!important;
  min-height:26px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(9,11,16,.72)!important;
  color:#f5f7fa!important;
  font-size:11px!important;
  line-height:24px!important;
}
body.view-watch .watch-icon-btn,
body.view-watch .watch-round{
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(17,21,30,.72)!important;
  color:#f5f7fa!important;
  box-shadow:0 14px 34px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(14px)!important;
}
body.view-watch .watch-icon-btn{
  width:44px!important;
  height:44px!important;
  min-height:44px!important;
  border-radius:999px!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1!important;
}
body.view-watch .watch-round{
  width:64px!important;
  height:64px!important;
  min-height:64px!important;
  border-radius:999px!important;
  font-size:20px!important;
}
body.view-watch .watch-play-toggle{
  width:76px!important;
  height:76px!important;
  min-height:76px!important;
}
body.view-watch .watch-round small{
  font-size:11px!important;
}
body.view-watch .watch-icon-btn:hover,
body.view-watch .watch-icon-btn:focus-visible,
body.view-watch .watch-round:hover,
body.view-watch .watch-round:focus-visible,
body.view-watch .player-settings-panel button:hover,
body.view-watch .player-settings-panel button:focus-visible{
  outline:3px solid rgba(245,247,250,.38)!important;
  outline-offset:3px!important;
  border-color:rgba(245,247,250,.62)!important;
  background:rgba(245,247,250,.16)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
body.view-watch .playback-preparing:not(.hidden){
  top:24%!important;
  z-index:260!important;
  width:min(620px,calc(100vw - 44px))!important;
  padding:13px 18px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:14px!important;
  background:rgba(5,7,12,.92)!important;
  color:#f5f7fa!important;
  box-shadow:0 18px 70px rgba(0,0,0,.68)!important;
  text-align:center!important;
  line-height:1.45!important;
}
body.view-watch .watch-player-shell.has-playback-message .watch-center-controls{
  opacity:.22!important;
  transform:translateY(96px)!important;
  pointer-events:none!important;
}
body.view-watch .watch-control-bar{
  align-self:end!important;
  display:grid!important;
  gap:12px!important;
  width:100%!important;
  max-width:min(1440px,calc(100vw - 44px))!important;
  margin:0 auto!important;
  padding:0!important;
}
body.view-watch .watch-bottom-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  min-width:0!important;
}
body.view-watch .watch-time-text{
  flex:1 1 auto!important;
  min-width:112px!important;
  color:rgba(245,247,250,.88)!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
body.view-watch .watch-time-text b{
  margin-left:10px!important;
  color:rgba(245,247,250,.58)!important;
}
body.view-watch .watch-timeline-wrap{
  height:28px!important;
  display:grid!important;
  align-items:center!important;
}
body.view-watch .watch-buffer-track{
  height:5px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.22)!important;
  overflow:hidden!important;
}
body.view-watch #watchBufferedFill{
  background:rgba(255,255,255,.38)!important;
}
body.view-watch #watchProgressFill,
body.view-watch .watch-buffer-track b{
  background:#e50914!important;
}
body.view-watch .watch-scrubber{
  cursor:pointer!important;
}
body.view-watch .watch-volume{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
body.view-watch .watch-volume input{
  width:96px!important;
  accent-color:#e50914!important;
}
body.view-watch .watch-player-shell .player-settings-menu{
  position:relative!important;
}
body.view-watch .watch-player-shell .player-settings-panel{
  right:0!important;
  left:auto!important;
  bottom:calc(100% + 14px)!important;
  top:auto!important;
  width:min(460px,calc(100vw - 44px))!important;
  max-height:min(72dvh,640px)!important;
  display:none!important;
  gap:14px!important;
  padding:16px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:18px!important;
  background:rgba(8,10,15,.96)!important;
  color:#f5f7fa!important;
  box-shadow:0 28px 84px rgba(0,0,0,.72)!important;
  backdrop-filter:blur(18px)!important;
  overflow:auto!important;
}
body.view-watch .watch-player-shell .player-settings-menu.open .player-settings-panel{
  display:grid!important;
}
body.view-watch .player-settings-head{
  display:grid!important;
  gap:3px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
}
body.view-watch .player-settings-head strong,
body.view-watch .player-panel-section h3{
  color:#fff!important;
  font-size:14px!important;
  line-height:1.25!important;
}
body.view-watch .player-settings-head span,
body.view-watch .player-settings-panel label span{
  color:rgba(245,247,250,.62)!important;
  font-size:11px!important;
}
body.view-watch .player-panel-section{
  display:grid!important;
  gap:10px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
}
body.view-watch .player-settings-panel label{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
  color:#f5f7fa!important;
}
body.view-watch .player-panel-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.view-watch .player-settings-panel select{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:12px!important;
  background:#10131b!important;
  color:#f5f7fa!important;
  padding:0 12px!important;
  outline:none!important;
}
body.view-watch .player-panel-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
body.view-watch .subtitle-manager-launch{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:#e50914!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}
body.view-watch .subtitle-manager-launch.secondary{
  background:rgba(255,255,255,.07)!important;
  color:#f5f7fa!important;
}
body.view-watch .watch-file-card,
body.view-watch .watch-next-card{
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:16px!important;
  background:rgba(7,8,12,.94)!important;
  color:#f5f7fa!important;
  box-shadow:0 24px 70px rgba(0,0,0,.68)!important;
}
body.view-watch .watch-file-card{
  width:min(680px,calc(100vw - 44px))!important;
  max-height:min(68dvh,620px)!important;
  overflow:auto!important;
}
body.view-watch .watch-file-card code,
body.view-watch .watch-file-card b{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body.view-watch .playback-stats-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body.view-watch .playback-stats-grid span{
  min-width:0!important;
  padding:9px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
}
body.view-watch .player-logo-overlay{
  left:auto!important;
  right:max(22px,env(safe-area-inset-right))!important;
  top:clamp(18px,4vh,42px)!important;
  max-width:min(260px,28vw)!important;
  transform:none!important;
  filter:none!important;
  text-shadow:none!important;
  justify-items:end!important;
  text-align:right!important;
}
body.view-watch .player-clear-logo{
  max-width:min(156px,22vw)!important;
  max-height:52px!important;
  object-fit:contain!important;
}
body.view-watch .player-logo-copy{
  max-width:100%!important;
  display:grid!important;
  gap:3px!important;
}
body.view-watch .player-logo-copy strong{
  font-size:clamp(20px,2.6vw,32px)!important;
  line-height:1.05!important;
}
body.view-watch .player-logo-copy span{
  font-size:12px!important;
  line-height:1.35!important;
  color:rgba(245,247,250,.68)!important;
}
body.view-watch video::cue{
  color:var(--subtitle-color,#fff)!important;
  background:var(--subtitle-cue-bg,transparent)!important;
  font-size:var(--subtitle-font-size,100%)!important;
  text-shadow:var(--subtitle-cue-shadow,0 2px 5px #000,0 0 12px #000)!important;
}
body.view-watch video::cue(:lang(ar)){
  direction:rtl!important;
  unicode-bidi:plaintext!important;
  font-family:Tahoma,Arial,sans-serif!important;
}
body.view-watch .subtitle-manager-backdrop{
  z-index:10000!important;
}
body.view-watch .subtitle-manager-dialog{
  width:min(940px,calc(100vw - 34px))!important;
  max-height:min(90dvh,860px)!important;
  border-radius:20px!important;
  background:#0b0e14!important;
}
@media(max-width:760px){
  body.view-watch .watch-overlay{
    padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  }
  body.view-watch .watch-top-bar{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }
  body.view-watch .watch-top-left{
    max-width:calc(100vw - 132px)!important;
    gap:8px!important;
  }
  body.view-watch .watch-title{
    max-width:100%!important;
  }
  body.view-watch .watch-title strong{
    font-size:18px!important;
  }
  body.view-watch .watch-center-controls{
    gap:10px!important;
    transform:translateY(-3dvh)!important;
  }
  body.view-watch .watch-round{
    width:52px!important;
    height:52px!important;
    min-height:52px!important;
  }
  body.view-watch .watch-play-toggle{
    width:64px!important;
    height:64px!important;
    min-height:64px!important;
  }
  body.view-watch .watch-bottom-controls{
    justify-content:center!important;
    gap:7px!important;
  }
  body.view-watch .watch-time-text{
    flex:1 1 100%!important;
    order:-1!important;
    text-align:center!important;
  }
  body.view-watch .watch-volume{
    display:none!important;
  }
  body.view-watch .watch-player-shell .player-settings-menu{
    position:static!important;
  }
  body.view-watch .watch-player-shell .player-settings-panel{
    position:fixed!important;
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:calc(max(12px,env(safe-area-inset-bottom)) + 72px)!important;
    width:auto!important;
    max-height:calc(100dvh - 146px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  }
  body.view-watch .player-panel-grid,
  body.view-watch .playback-stats-grid{
    grid-template-columns:1fr!important;
  }
  body.view-watch .playback-preparing:not(.hidden){
    top:22%!important;
    width:calc(100vw - 28px)!important;
  }
  body.view-watch .player-logo-overlay{
    left:auto!important;
    right:max(10px,env(safe-area-inset-right))!important;
    top:max(12px,env(safe-area-inset-top))!important;
    max-width:96px!important;
  }
  body.view-watch .player-clear-logo{
    max-width:92px!important;
    max-height:36px!important;
  }
  body.view-watch .player-logo-copy strong{
    font-size:16px!important;
  }
}

/* M.1.42 playback OSD consolidation */
body.view-watch .watch-state-pill,
body.view-watch .watch-inline-play,
body.view-watch .watch-file-info-button{
  display:none!important;
}
body.view-watch .watch-control-bar{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.view-watch .watch-bottom-controls{
  padding:0!important;
}
body.view-watch .watch-player-shell.controls-hidden .player-logo-overlay:not([data-player-logo-mode="always"]){
  opacity:0!important;
  pointer-events:none!important;
}

/* M.1.44 player stability UI: one readable status layer, no video tint. */
body.view-watch .watch-player-shell[data-player-state="ERROR"] .playback-preparing:not(.hidden),
body.view-watch .watch-player-shell[data-player-state="RECOVERING"] .playback-preparing:not(.hidden),
body.view-watch .watch-player-shell[data-player-state="PREPARING"] .playback-preparing:not(.hidden),
body.view-watch .watch-player-shell[data-player-state="BUFFERING"] .playback-preparing:not(.hidden){
  top:18%!important;
  z-index:10020!important;
  background:rgba(5,6,10,.94)!important;
  border-color:rgba(245,247,250,.24)!important;
  color:#f5f7fa!important;
}
body.view-watch .watch-player-shell[data-player-state="ERROR"] .watch-center-controls,
body.view-watch .watch-player-shell[data-player-state="RECOVERING"] .watch-center-controls,
body.view-watch .watch-player-shell[data-player-state="PREPARING"] .watch-center-controls{
  opacity:.08!important;
  pointer-events:none!important;
}
body.view-watch .watch-player-shell,
body.view-watch .watch-frame,
body.view-watch .watch-page{
  background:#000!important;
}
body.view-watch .watch-control-bar,
body.view-watch .watch-bottom-controls,
body.view-watch .watch-top-bar{
  text-shadow:0 2px 12px rgba(0,0,0,.88)!important;
}
body.view-watch .player-logo-overlay{
  opacity:.86!important;
}
body.view-watch .player-clear-logo{
  max-width:min(126px,18vw)!important;
  max-height:42px!important;
}
body.view-watch .player-logo-copy strong{
  font-size:clamp(16px,2vw,24px)!important;
}
@media(max-width:760px){
  body.view-watch .watch-player-shell[data-player-state="ERROR"] .playback-preparing:not(.hidden),
  body.view-watch .watch-player-shell[data-player-state="RECOVERING"] .playback-preparing:not(.hidden),
  body.view-watch .watch-player-shell[data-player-state="PREPARING"] .playback-preparing:not(.hidden),
  body.view-watch .watch-player-shell[data-player-state="BUFFERING"] .playback-preparing:not(.hidden){
    top:16%!important;
  }
  body.view-watch .player-clear-logo{
    max-width:72px!important;
    max-height:30px!important;
  }
}

.people-empty-state{
  display:grid;
  gap:10px;
  max-width:720px;
  padding:18px;
  border:1px solid var(--color-border);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  color:var(--color-text);
}
.people-empty-state strong{
  font-size:16px;
}
.people-empty-state span{
  color:var(--color-muted);
  line-height:1.5;
}
.people-empty-state button{
  justify-self:start;
  min-height:40px;
  padding:0 16px;
  border:1px solid rgba(229,9,20,.45);
  border-radius:999px;
  background:var(--color-primary);
  color:#fff;
  font-weight:900;
}

/* M.1.43 home carousel, consumer cards, and no-backdrop details cleanup */
.hero-carousel-ready .hero-dots{
  left:clamp(22px,4vw,56px)!important;
  right:clamp(22px,4vw,56px)!important;
  bottom:18px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  pointer-events:auto!important;
}
.hero-carousel-ready .hero-dots .hero-dot{
  width:9px!important;
  min-width:9px!important;
  height:9px!important;
  min-height:9px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--color-text,#F5F7FA) 38%,transparent)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  text-indent:-999px!important;
}
.hero-carousel-ready .hero-dots .hero-dot.active{
  width:30px!important;
  min-width:30px!important;
  background:var(--color-accent,#E50914)!important;
}
.hero-title-card,
.hero-title-card-copy,
.hero-mini-facts{
  min-width:0!important;
}
.hero-mini-facts span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.row-strip{
  grid-auto-columns:clamp(190px,13.4vw,258px)!important;
  gap:clamp(14px,1.2vw,22px)!important;
}
.grid{
  grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr))!important;
  gap:clamp(16px,1.35vw,24px)!important;
}
.card.poster-only-card{
  position:relative!important;
  display:block!important;
  aspect-ratio:2/3!important;
  min-height:315px!important;
  height:clamp(315px,20.1vw,387px)!important;
  min-width:0!important;
  padding:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  text-align:left!important;
}
.row-strip .card.poster-only-card{
  width:100%!important;
  min-height:330px!important;
  height:clamp(330px,24vw,450px)!important;
}
.card.poster-only-card .poster{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  border-radius:inherit!important;
  padding:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.card.poster-only-card .movie-card__poster-image,
.card.poster-only-card .oz-image-poster{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}
.card.poster-only-card .info{
  display:none!important;
}
.poster-card-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:4;
  display:grid;
  gap:6px;
  padding:42px 14px 14px;
  background:linear-gradient(180deg,transparent,rgba(8,9,13,.76) 36%,rgba(8,9,13,.96));
  color:var(--color-text,#F5F7FA);
  opacity:0;
  transform:translateY(10px);
  transition:opacity .18s ease,transform .18s ease;
  pointer-events:none;
}
.card.poster-only-card:hover .poster-card-overlay,
.card.poster-only-card:focus-visible .poster-card-overlay,
.card.poster-only-card.selected .poster-card-overlay,
.card.poster-only-card.unavailable .poster-card-overlay,
.card.poster-only-card .oz-image-empty + .poster-card-overlay,
.card.poster-only-card .oz-image.is-failed + .poster-card-overlay{
  opacity:1;
  transform:none;
}
.poster-card-overlay strong{
  min-height:0!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.18!important;
  text-shadow:0 8px 22px rgba(0,0,0,.7);
}
.poster-card-overlay span,
.poster-card-overlay small{
  display:block!important;
  min-width:0!important;
  color:#D7DCE5!important;
  font-size:12px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
.card.poster-only-card .progress-line{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:5!important;
  height:4px!important;
  margin:0!important;
  border-radius:0!important;
  background:rgba(255,255,255,.18)!important;
}
.card.poster-only-card .card-quality-badges{
  z-index:5!important;
  opacity:.9!important;
}

.continue-strip{
  grid-auto-columns:clamp(190px,13.4vw,258px)!important;
}
.continue-card.continue-poster-card{
  aspect-ratio:2/3!important;
  min-height:330px!important;
  height:clamp(330px,24vw,450px)!important;
  border-radius:18px!important;
}
.continue-card.continue-poster-card>.oz-image-poster{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.continue-card.continue-poster-card .continue-card__shade{
  background:linear-gradient(180deg,transparent 28%,rgba(8,9,13,.72) 66%,rgba(8,9,13,.98))!important;
}
.continue-card.continue-poster-card .continue-card__body{
  grid-template-columns:1fr!important;
  align-items:end!important;
  padding:42px 14px 16px!important;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .18s ease,transform .18s ease;
}
.continue-card.continue-poster-card:hover .continue-card__body,
.continue-card.continue-poster-card:focus-visible .continue-card__body,
.continue-card.continue-poster-card.unavailable .continue-card__body{
  opacity:1;
  transform:none;
}
.continue-card.continue-poster-card .continue-card__copy h3{
  font-size:15px!important;
  line-height:1.18!important;
}
.continue-card.continue-poster-card .continue-card__copy p,
.continue-card.continue-poster-card .continue-card__copy>span{
  font-size:12px!important;
}

.oz-detail-redesign.no-backdrop .oz-detail-hero{
  min-height:0!important;
  margin:0 -32px 24px!important;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--color-card,#171A21) 72%,transparent),transparent),
    var(--color-bg,#08090D)!important;
  border-bottom:1px solid var(--color-border,rgba(255,255,255,.1))!important;
  overflow:visible!important;
}
.oz-detail-redesign.no-backdrop .oz-detail-hero>img,
.oz-detail-redesign.no-backdrop .oz-detail-hero:before,
.oz-detail-redesign.no-backdrop .oz-detail-hero:after{
  display:none!important;
}
.oz-detail-redesign.no-backdrop .oz-detail-hero-overlay{
  min-height:0!important;
  max-width:1560px!important;
  margin:0 auto!important;
  grid-template-columns:clamp(170px,15vw,250px) minmax(0,1fr) minmax(230px,320px)!important;
  align-items:center!important;
  padding:84px clamp(20px,4vw,56px) 34px!important;
  background:none!important;
}
.oz-detail-redesign.no-backdrop .oz-detail-poster{
  align-self:start!important;
}
.oz-detail-redesign.no-backdrop .oz-detail-copy{
  align-content:center!important;
}
.oz-detail-redesign.no-backdrop .detail-hero-stats{
  align-self:center!important;
}

@media(max-width:1180px){
  .row-strip,
  .continue-strip{
    grid-auto-columns:clamp(172px,24vw,232px)!important;
  }
  .oz-detail-redesign.no-backdrop .oz-detail-hero-overlay{
    grid-template-columns:clamp(150px,24vw,220px) minmax(0,1fr)!important;
  }
}
@media(max-width:780px){
  .hero-carousel-ready .hero-dots{
    bottom:24px!important;
    justify-content:flex-start!important;
  }
  .row-strip,
  .continue-strip{
    grid-auto-columns:clamp(145px,43vw,184px)!important;
  }
  .grid{
    grid-template-columns:repeat(auto-fill,minmax(min(145px,100%),1fr))!important;
  }
  .poster-card-overlay,
  .continue-card.continue-poster-card .continue-card__body{
    opacity:1!important;
    transform:none!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .oz-detail-redesign.no-backdrop .oz-detail-hero{
    margin-left:-16px!important;
    margin-right:-16px!important;
  }
  .oz-detail-redesign.no-backdrop .oz-detail-hero-overlay{
    grid-template-columns:1fr!important;
    padding:76px 20px 28px!important;
  }
}
body.tv .row-strip,
html[data-performance-mode="tv"] .row-strip,
body.tv .continue-strip,
html[data-performance-mode="tv"] .continue-strip{
  grid-auto-columns:clamp(220px,16vw,300px)!important;
  gap:26px!important;
}
body.tv .card.poster-only-card,
html[data-performance-mode="tv"] .card.poster-only-card,
body.tv .continue-card.continue-poster-card,
html[data-performance-mode="tv"] .continue-card.continue-poster-card{
  border-radius:22px!important;
  border-width:2px!important;
  min-height:330px!important;
  height:clamp(330px,24vw,450px)!important;
}
body.tv .poster-card-overlay,
html[data-performance-mode="tv"] .poster-card-overlay,
body.tv .continue-card.continue-poster-card .continue-card__body,
html[data-performance-mode="tv"] .continue-card.continue-poster-card .continue-card__body{
  opacity:1!important;
  transform:none!important;
}
@supports (aspect-ratio:2/3){
  .card.poster-only-card,
  .row-strip .card.poster-only-card,
  .continue-card.continue-poster-card,
  body.tv .card.poster-only-card,
  html[data-performance-mode="tv"] .card.poster-only-card,
  body.tv .continue-card.continue-poster-card,
  html[data-performance-mode="tv"] .continue-card.continue-poster-card{
    height:auto!important;
  }
}

/* Dedicated TV client: stable 10-foot layout for /tv and detected television browsers. */
body.tv .app-header{
  grid-template-columns:auto minmax(0,1fr) minmax(260px,360px) auto!important;
  grid-template-areas:
    "brand nav nav nav"
    "search search profile settings";
  align-items:center!important;
  min-height:174px!important;
  row-gap:12px!important;
  padding-top:max(16px,env(safe-area-inset-top,0px))!important;
}
body.tv .brand{grid-area:brand}
body.tv .nav{grid-area:nav;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain}
body.tv .nav::-webkit-scrollbar,
body.tv .row-strip::-webkit-scrollbar,
body.tv .continue-strip::-webkit-scrollbar{display:none}
body.tv .header-search{grid-area:search;min-width:0}
body.tv .profile-panel{grid-area:profile;min-width:0}
body.tv .settings-nav{grid-area:settings;min-width:132px}
body.tv .nav button{flex:0 0 auto;white-space:nowrap}
body.tv .row-strip,
body.tv .continue-strip{
  overflow-x:auto!important;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
body.tv .row-strip>.card,
body.tv .continue-strip>.continue-card{scroll-snap-align:start}
body.tv .poster-card-overlay{
  min-height:32%;
  padding:38px 18px 18px!important;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.94) 52%,#050608)!important;
}
body.tv .poster-card-overlay .card-title{
  font-size:22px!important;
  line-height:1.18!important;
}
body.tv .poster-card-overlay>span{
  font-size:16px!important;
  line-height:1.3!important;
}
body.tv .search-panel{
  max-height:min(66vh,620px)!important;
  overflow-y:auto!important;
}
body.tv .tv-remote-guide{transition:opacity .28s ease,visibility .28s ease}
body.tv .tv-remote-guide.is-hidden{opacity:0;visibility:hidden}
body.tv .server-network-row.tv-url{
  border-color:rgba(229,9,20,.55)!important;
  background:rgba(229,9,20,.1)!important;
}
body.tv .server-network-row.tv-url strong{font-size:22px;overflow-wrap:anywhere}

@media(max-width:1180px){
  body.tv .app-header{
    grid-template-columns:minmax(0,1fr) minmax(240px,320px) auto!important;
    grid-template-areas:
      "brand brand brand"
      "nav nav nav"
      "search profile settings";
    min-height:246px!important;
  }
  body.tv .brand strong{font-size:24px!important}
}

@media(max-height:800px) and (min-width:1181px){
  body.tv .app-header{
    grid-template-columns:auto minmax(0,1fr) minmax(220px,300px) auto!important;
    grid-template-areas:"brand nav search settings";
    min-height:92px!important;
    padding-block:12px!important;
  }
  body.tv .profile-panel{display:none!important}
  body.tv .brand{min-width:82px!important}
  body.tv .brand strong{display:none!important}
  body.tv .nav button,
  body.tv .settings-nav,
  body.tv .header-search input{height:56px!important;min-height:56px!important;font-size:18px!important}
}

/* M.1.45 player/subtitle stability pass: keep the watch surface neutral, compact, and readable. */
body.view-watch,
body.view-watch main,
body.view-watch .watch-page,
body.view-watch .watch-frame,
body.view-watch .watch-player-shell{
  background:#000!important;
  background-image:none!important;
  overflow:hidden!important;
}
body.view-watch .watch-player-shell::before,
body.view-watch .watch-player-shell::after,
body.view-watch .watch-overlay::before,
body.view-watch .watch-overlay::after,
body.view-watch .player-logo-overlay::before,
body.view-watch .player-logo-overlay::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  background:none!important;
  box-shadow:none!important;
}
body.view-watch .watch-player-shell video{
  background:#000!important;
  box-shadow:none!important;
  filter:none!important;
}
body.view-watch .watch-overlay{
  background:
    linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,0) 26%),
    linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.34) 28%,rgba(0,0,0,0) 56%)!important;
}
body.view-watch .watch-settings-toggle,
body.view-watch .watch-icon-btn,
body.view-watch .watch-round,
body.view-watch .watch-pill,
body.view-watch .watch-control-field,
body.view-watch .subtitle-manager-launch{
  background:rgba(18,22,31,.68)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.36)!important;
}
body.view-watch .watch-icon-btn:hover,
body.view-watch .watch-icon-btn:focus-visible,
body.view-watch .watch-round:hover,
body.view-watch .watch-round:focus-visible,
body.view-watch .watch-pill:hover,
body.view-watch .watch-pill:focus-visible,
body.view-watch .subtitle-manager-launch:hover,
body.view-watch .subtitle-manager-launch:focus-visible{
  background:rgba(35,41,54,.84)!important;
  border-color:rgba(255,255,255,.5)!important;
  outline:3px solid rgba(255,255,255,.42)!important;
  outline-offset:3px!important;
  transform:translateY(-1px);
}
body.view-watch #watchProgressFill,
body.view-watch .watch-scrubber::-webkit-slider-thumb,
body.view-watch .watch-scrubber::-moz-range-thumb,
body.view-watch .subtitle-track-card.selected button,
body.view-watch .player-settings-panel option:checked{
  background:#E50914!important;
  border-color:#E50914!important;
}
body.view-watch .playback-preparing:not(.hidden){
  top:clamp(104px,18vh,190px)!important;
  bottom:auto!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(620px,calc(100vw - 40px))!important;
  max-width:calc(100vw - 40px)!important;
  padding:12px 16px!important;
  border-radius:14px!important;
  background:rgba(0,0,0,.72)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
  text-align:center!important;
  z-index:35!important;
  pointer-events:none!important;
  box-shadow:0 18px 44px rgba(0,0,0,.45)!important;
}
body.view-watch .watch-player-shell.has-playback-message .watch-center-controls{
  opacity:.04!important;
  pointer-events:none!important;
}
body.view-watch .player-logo-overlay{
  top:max(16px,env(safe-area-inset-top))!important;
  right:max(18px,env(safe-area-inset-right))!important;
  left:auto!important;
  max-width:min(116px,18vw)!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.view-watch .player-clear-logo{
  width:auto!important;
  max-width:min(116px,18vw)!important;
  max-height:54px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.65))!important;
}
body.view-watch .player-logo-overlay[data-has-logo="1"]:not(.logo-fallback) .player-logo-copy{
  display:none!important;
}
body.view-watch .watch-top-left{
  max-width:calc(100vw - min(210px,32vw))!important;
  min-width:0!important;
}
body.view-watch .watch-title,
body.view-watch .watch-title strong,
body.view-watch .watch-title p{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.view-watch .player-settings-panel{
  width:min(420px,calc(100vw - 36px))!important;
  max-height:min(74dvh,620px)!important;
  overflow:auto!important;
  background:rgba(13,16,22,.96)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.72)!important;
}
body.view-watch .subtitle-manager-dialog{
  width:min(940px,calc(100vw - 36px))!important;
  max-height:min(88dvh,820px)!important;
  background:#0c0f15!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.78)!important;
}
body.view-watch .subtitle-sync-grid-compact{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
body.view-watch .watch-player-shell:not(.controls-hidden) video::-webkit-media-text-track-display{
  transform:translateY(-76px);
}
html[data-subtitle-position="higher"] body.view-watch video::-webkit-media-text-track-display{
  transform:translateY(-116px);
}
html[data-subtitle-position="highest"] body.view-watch video::-webkit-media-text-track-display{
  transform:translateY(-156px);
}
@media(max-width:760px){
  body.view-watch .player-logo-overlay{
    max-width:76px!important;
    right:max(12px,env(safe-area-inset-right))!important;
  }
  body.view-watch .player-clear-logo{
    max-width:76px!important;
    max-height:38px!important;
  }
  body.view-watch .watch-top-left{
    max-width:calc(100vw - 112px)!important;
  }
  body.view-watch .playback-preparing:not(.hidden){
    top:clamp(84px,16vh,150px)!important;
    font-size:13px!important;
  }
  body.view-watch .subtitle-sync-grid-compact{
    grid-template-columns:1fr 1fr!important;
  }
}

/* M.1.46 remaining player/details/card regression guard. */
body.view-watch .watch-time-text{
  display:grid!important;
  grid-template-columns:auto auto!important;
  align-items:center!important;
  gap:14px!important;
  min-width:clamp(112px,12vw,172px)!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
body.view-watch .watch-time-text i,
body.view-watch .watch-time-text b{
  display:none!important;
}
body.view-watch .watch-title{
  display:grid!important;
  gap:2px!important;
  align-content:start!important;
}
body.view-watch .watch-title p,
body.view-watch .watch-title strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:anywhere!important;
  line-height:1.08!important;
}
body.view-watch .watch-title p{
  -webkit-line-clamp:1!important;
}
body.view-watch .watch-title strong{
  -webkit-line-clamp:2!important;
}
body.view-watch .watch-player-shell.has-playback-message .watch-center-controls{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.view-watch .playback-preparing:not(.hidden){
  top:clamp(78px,13dvh,142px)!important;
  z-index:180!important;
}
.oz-detail-redesign.no-backdrop .oz-detail-hero>.oz-image{
  display:none!important;
}
.oz-detail-redesign.no-backdrop .oz-detail-hero{
  margin-bottom:18px!important;
}
.oz-detail-redesign.no-backdrop .oz-detail-hero-overlay{
  align-items:start!important;
  padding-top:70px!important;
  padding-bottom:28px!important;
}
.oz-detail-redesign.no-backdrop .oz-detail-copy,
.oz-detail-redesign.no-backdrop .detail-hero-stats{
  align-self:start!important;
}
.continue-card.continue-poster-card .continue-card__copy{
  gap:6px!important;
  min-width:0!important;
}
.continue-card.continue-poster-card .continue-card__copy p,
.continue-card.continue-poster-card .continue-card__copy>span:not(.continue-card__resume),
.continue-card.continue-poster-card .card-quality-badges{
  display:none!important;
}
.continue-card.continue-poster-card .continue-card__resume{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.58)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  body.view-watch .watch-time-text{
    min-width:96px!important;
    gap:10px!important;
    font-size:12px!important;
  }
  .oz-detail-redesign.no-backdrop .oz-detail-hero-overlay{
    padding-top:64px!important;
  }
}

/* M.1.47 player neutrality and subtitle reliability guard. */
body.view-watch,
body.view-watch main,
body.view-watch .media-page,
body.view-watch .watch-page,
body.view-watch .watch-player-shell{
  background:#000!important;
}
body.view-watch .watch-player-shell,
body.view-watch .watch-player-shell:hover,
body.view-watch .watch-player-shell:focus-within,
body.view-watch .watch-player-shell video,
body.view-watch .watch-player-shell audio{
  box-shadow:none!important;
  filter:none!important;
}
body.view-watch .watch-player-shell::before,
body.view-watch .watch-player-shell::after,
body.view-watch .watch-overlay::before,
body.view-watch .watch-overlay::after,
body.view-watch .player-logo-overlay::before,
body.view-watch .player-logo-overlay::after{
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}
body.view-watch .watch-overlay{
  background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,0) 22%,rgba(0,0,0,0) 58%,rgba(0,0,0,.78))!important;
  box-shadow:none!important;
}
body.view-watch .playback-preparing:not(.hidden){
  top:clamp(92px,15dvh,172px)!important;
  max-width:min(720px,calc(100vw - 48px))!important;
  line-height:1.4!important;
}
body.view-watch .watch-center-controls{
  z-index:90!important;
}
body.view-watch .watch-player-shell.has-playback-message .playback-preparing:not(.hidden){
  z-index:220!important;
}
body.view-watch .watch-player-shell.has-playback-message .watch-center-controls{
  z-index:80!important;
}

/* M.1.48 subtitle manager close guard. */
#subtitleManagerModal.subtitle-manager-backdrop:not(.open){
  display:none!important;
  pointer-events:none!important;
  visibility:hidden!important;
}
#subtitleManagerModal.subtitle-manager-backdrop.open{
  display:grid!important;
  pointer-events:auto!important;
  visibility:visible!important;
}
#subtitleManagerModal .subtitle-manager-close{
  position:relative!important;
  z-index:5!important;
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  padding:0!important;
  line-height:1!important;
  pointer-events:auto!important;
}

/* M.1.49 cinematic player ClearLogo and OSD guard. */
body.view-watch .watch-player-shell{
  --player-text:#f7f8fb;
  --player-muted:rgba(247,248,251,.76);
  --player-control-bg:rgba(15,18,26,.46);
  --player-control-hover:rgba(255,255,255,.18);
  --player-control-focus:rgba(229,9,20,.92);
  --player-progress:#e50914;
  --player-buffered:rgba(255,255,255,.34);
  color:var(--player-text)!important;
  isolation:isolate!important;
}
body.view-watch .watch-overlay{
  background:
    linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 9%,rgba(0,0,0,0) 30%),
    linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.52) 18%,rgba(0,0,0,0) 48%)!important;
  box-shadow:none!important;
}
body.view-watch .watch-top-bar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:clamp(18px,4vw,76px)!important;
  padding:clamp(18px,3vw,42px) clamp(20px,4vw,64px) 0!important;
  pointer-events:none!important;
}
body.view-watch .watch-top-left{
  max-width:calc(100vw - clamp(240px,28vw,420px))!important;
  min-width:0!important;
  pointer-events:auto!important;
}
body.view-watch .watch-title{
  min-width:0!important;
  max-width:min(860px,100%)!important;
  gap:4px!important;
}
body.view-watch .watch-title p{
  color:var(--player-muted)!important;
  font-size:clamp(11px,.86vw,14px)!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body.view-watch .watch-title strong{
  color:var(--player-text)!important;
  font-size:clamp(24px,2.7vw,46px)!important;
  line-height:1.04!important;
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-shadow:0 8px 30px rgba(0,0,0,.74)!important;
}
body.view-watch .player-logo-overlay{
  position:absolute!important;
  left:auto!important;
  right:max(clamp(22px,4vw,64px),env(safe-area-inset-right))!important;
  top:max(clamp(18px,3vw,42px),env(safe-area-inset-top))!important;
  width:clamp(160px,16vw,300px)!important;
  max-width:min(300px,26vw)!important;
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:0!important;
  transform:translateY(-4px)!important;
  pointer-events:none!important;
  transition:opacity .2s ease,transform .2s ease!important;
  z-index:45!important;
}
body.view-watch .player-logo-overlay.visible{
  opacity:.95!important;
  transform:translateY(0)!important;
}
body.view-watch .player-logo-overlay[data-has-logo="0"],
body.view-watch .player-logo-overlay.logo-missing{
  display:none!important;
}
body.view-watch .player-logo-copy,
body.view-watch .player-logo-fallback{
  display:none!important;
}
body.view-watch .player-clear-logo{
  display:block!important;
  width:auto!important;
  max-width:clamp(160px,16vw,300px)!important;
  max-height:clamp(76px,8vw,110px)!important;
  object-fit:contain!important;
  object-position:top right!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.72))!important;
}
body.view-watch .watch-control-bar{
  left:clamp(20px,4vw,64px)!important;
  right:clamp(20px,4vw,64px)!important;
  bottom:max(clamp(18px,3vw,38px),env(safe-area-inset-bottom))!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.view-watch .watch-timeline-wrap{
  margin:0 0 14px!important;
}
body.view-watch .watch-buffer-track{
  height:4px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.2)!important;
  overflow:hidden!important;
}
body.view-watch .watch-timeline-wrap:hover .watch-buffer-track,
body.view-watch .watch-scrubber:focus-visible+.watch-buffer-track{
  height:6px!important;
}
body.view-watch #watchBufferedFill{
  background:var(--player-buffered)!important;
}
body.view-watch #watchProgressFill{
  background:var(--player-progress)!important;
  box-shadow:0 0 12px rgba(229,9,20,.32)!important;
}
body.view-watch .watch-bottom-controls{
  display:flex!important;
  align-items:center!important;
  gap:clamp(8px,1.15vw,16px)!important;
  min-width:0!important;
  color:var(--player-text)!important;
}
body.view-watch .watch-time-text{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:clamp(116px,11vw,174px)!important;
  color:var(--player-muted)!important;
  font-size:clamp(12px,.92vw,15px)!important;
  letter-spacing:0!important;
}
body.view-watch .watch-icon-btn,
body.view-watch .watch-round{
  color:var(--player-text)!important;
  background:var(--player-control-bg)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(10px)!important;
}
body.view-watch .watch-icon-btn:hover,
body.view-watch .watch-round:hover,
body.view-watch .watch-icon-btn:focus-visible,
body.view-watch .watch-round:focus-visible{
  background:var(--player-control-hover)!important;
  border-color:rgba(255,255,255,.34)!important;
  outline:3px solid rgba(229,9,20,.42)!important;
  outline-offset:3px!important;
}
body.view-watch .watch-center-controls{
  gap:clamp(18px,3vw,36px)!important;
}
body.view-watch .watch-round{
  width:clamp(58px,6vw,88px)!important;
  height:clamp(58px,6vw,88px)!important;
  opacity:.92!important;
}
body.view-watch .watch-play-toggle{
  width:clamp(72px,7vw,104px)!important;
  height:clamp(72px,7vw,104px)!important;
  font-size:clamp(24px,2.6vw,36px)!important;
}
body.view-watch .watch-volume{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
body.view-watch .watch-volume input{
  width:clamp(72px,8vw,124px)!important;
  accent-color:var(--player-progress)!important;
}
body.view-watch .watch-settings-toggle{
  min-width:48px!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
body.view-watch .player-settings-panel{
  bottom:calc(100% + 16px)!important;
  right:0!important;
  background:rgba(12,14,20,.96)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:18px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.72)!important;
}
body.view-watch .watch-player-shell.controls-hidden{
  cursor:none!important;
}
body.view-watch .watch-player-shell.controls-hidden .watch-center-controls,
body.view-watch .watch-player-shell.controls-hidden .watch-control-bar,
body.view-watch .watch-player-shell.controls-hidden .watch-top-bar{
  opacity:0!important;
  pointer-events:none!important;
}
body.view-watch .watch-player-shell:not(.controls-hidden) video::-webkit-media-text-track-display{
  transform:translateY(-88px)!important;
}
@media(max-width:900px){
  body.view-watch .watch-top-left{
    max-width:calc(100vw - 170px)!important;
  }
  body.view-watch .player-logo-overlay{
    width:clamp(96px,22vw,160px)!important;
    max-width:clamp(96px,22vw,160px)!important;
    right:max(14px,env(safe-area-inset-right))!important;
  }
  body.view-watch .player-clear-logo{
    max-width:clamp(96px,22vw,160px)!important;
    max-height:62px!important;
  }
  body.view-watch .watch-bottom-controls{
    flex-wrap:wrap!important;
  }
  body.view-watch .watch-volume input{
    width:84px!important;
  }
}
@media(max-width:560px){
  body.view-watch .watch-top-bar{
    padding:14px 14px 0!important;
  }
  body.view-watch .watch-top-left{
    max-width:calc(100vw - 112px)!important;
    gap:8px!important;
  }
  body.view-watch .watch-title strong{
    font-size:clamp(20px,6vw,28px)!important;
  }
  body.view-watch .player-logo-overlay{
    width:86px!important;
    max-width:86px!important;
    top:max(14px,env(safe-area-inset-top))!important;
    right:max(12px,env(safe-area-inset-right))!important;
  }
  body.view-watch .player-clear-logo{
    max-width:86px!important;
    max-height:42px!important;
  }
  body.view-watch .watch-control-bar{
    left:14px!important;
    right:14px!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
  }
  body.view-watch .watch-time-text{
    width:100%!important;
    order:-1!important;
  }
}

/* M.1.50 hero card text alignment guard. */
.hero-title-card-copy{
  width:min(660px,100%)!important;
  max-width:min(660px,calc(100% - 2px))!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:end!important;
  justify-items:start!important;
  text-align:left!important;
  gap:10px!important;
  padding:clamp(24px,2.7vw,34px)!important;
}
.hero-title-card-copy > p,
.hero-title-card-copy > h2,
.hero-title-card-copy > .hero-mini-facts,
.hero-title-card-copy > span,
.hero-title-card-copy > .hero-card-actions{
  justify-self:start!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.hero-title-card-copy > p{
  margin:0!important;
  line-height:1.2!important;
}
.hero-title-card-copy > h2{
  margin:0!important;
  max-width:min(13.5ch,100%)!important;
  line-height:1.02!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.hero-title-card-copy > .hero-mini-facts{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
.hero-title-card-copy > .hero-mini-facts span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:min(100%,220px)!important;
  min-width:0!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 12px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  flex:0 1 auto!important;
}
.hero-title-card-copy > span{
  margin:2px 0 0!important;
  max-width:min(620px,100%)!important;
  line-height:1.48!important;
  text-align:left!important;
}
.hero-title-card-copy > .hero-card-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:8px!important;
}
.hero-title-card-copy > .hero-card-actions button{
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  line-height:1!important;
}
[dir="rtl"] .hero-title-card-copy{
  text-align:right!important;
  justify-items:end!important;
}
[dir="rtl"] .hero-title-card-copy > p,
[dir="rtl"] .hero-title-card-copy > h2,
[dir="rtl"] .hero-title-card-copy > .hero-mini-facts,
[dir="rtl"] .hero-title-card-copy > span,
[dir="rtl"] .hero-title-card-copy > .hero-card-actions{
  justify-self:end!important;
  text-align:right!important;
}
[dir="rtl"] .hero-title-card-copy > .hero-mini-facts,
[dir="rtl"] .hero-title-card-copy > .hero-card-actions{
  justify-content:flex-end!important;
}
@media(max-width:760px){
  .hero-title-card-copy{
    padding:20px!important;
    gap:9px!important;
  }
  .hero-title-card-copy > h2{
    max-width:100%!important;
  }
  .hero-title-card-copy > .hero-mini-facts span{
    max-width:100%!important;
    min-height:28px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
  .hero-title-card-copy > .hero-card-actions{
    width:100%!important;
  }
}

/* M.1.51 media detail hero spacing alignment guard. */
.view-detail main{
  overflow-x:hidden!important;
}
.oz-detail-redesign.has-backdrop .oz-detail-hero{
  min-height:clamp(460px,54dvh,640px)!important;
  margin:0 -32px clamp(22px,2.4vw,34px)!important;
  overflow:hidden!important;
}
.oz-detail-redesign.has-backdrop .oz-detail-hero-overlay{
  min-height:inherit!important;
  width:100%!important;
  max-width:1580px!important;
  margin:0 auto!important;
  grid-template-columns:clamp(170px,14vw,250px) minmax(0,1fr) minmax(210px,280px)!important;
  align-items:end!important;
  gap:clamp(22px,2.8vw,42px)!important;
  padding:clamp(82px,8vh,112px) clamp(24px,4vw,58px) clamp(28px,4vh,46px)!important;
  background:none!important;
}
.oz-detail-redesign.has-backdrop .back-button{
  top:clamp(22px,3vh,34px)!important;
  left:clamp(24px,4vw,58px)!important;
}
.oz-detail-redesign.has-backdrop .oz-detail-poster,
.oz-detail-redesign.has-backdrop .oz-detail-copy,
.oz-detail-redesign.has-backdrop .detail-hero-stats{
  align-self:end!important;
}
.oz-detail-redesign.has-backdrop .oz-detail-copy{
  align-content:end!important;
  max-width:900px!important;
  gap:10px!important;
}
.oz-detail-redesign.has-backdrop .oz-detail-copy>p{
  margin:0!important;
}
.oz-detail-redesign.has-backdrop .oz-detail-copy h1{
  max-width:100%!important;
  margin:0!important;
  font-size:clamp(38px,4.4vw,72px)!important;
  line-height:1.04!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance;
}
.oz-detail-redesign.has-backdrop .oz-detail-copy .detail-facts{
  margin:0!important;
  align-items:center!important;
}
.oz-detail-redesign.has-backdrop .oz-detail-copy .detail-overview,
.oz-detail-redesign.has-backdrop .oz-detail-copy>span.detail-overview{
  margin:0!important;
  max-width:840px!important;
  font-size:clamp(15px,1.08vw,18px)!important;
  line-height:1.52!important;
}
.oz-detail-redesign.has-backdrop .detail-quality-badges{
  margin:0!important;
}
.oz-detail-redesign.has-backdrop .detail-action-bar{
  margin-top:6px!important;
  max-width:760px!important;
}
.oz-detail-redesign.has-backdrop .detail-hero-stats{
  max-width:280px!important;
}
.oz-detail-redesign.has-backdrop .detail-content-shell{
  margin-top:0!important;
}
@media(max-width:1180px){
  .oz-detail-redesign.has-backdrop .oz-detail-hero{
    min-height:auto!important;
  }
  .oz-detail-redesign.has-backdrop .oz-detail-hero-overlay{
    grid-template-columns:clamp(150px,22vw,220px) minmax(0,1fr)!important;
    padding-top:84px!important;
  }
  .oz-detail-redesign.has-backdrop .detail-hero-stats{
    grid-column:1/-1!important;
    max-width:none!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:780px){
  .oz-detail-redesign.has-backdrop .oz-detail-hero{
    margin-left:-16px!important;
    margin-right:-16px!important;
  }
  .oz-detail-redesign.has-backdrop .oz-detail-hero-overlay{
    grid-template-columns:1fr!important;
    padding:76px 20px 28px!important;
  }
  .oz-detail-redesign.has-backdrop .oz-detail-poster{
    width:min(210px,58vw)!important;
  }
  .oz-detail-redesign.has-backdrop .detail-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* M.1.52 cast and crew missing-state layout guard. */
.oz-detail-redesign .detail-cast-section{
  min-width:0!important;
  overflow:hidden!important;
}
.oz-detail-redesign .detail-cast-section:has(.people-empty-state){
  width:min(920px,100%)!important;
  min-height:auto!important;
  margin-right:auto!important;
}
.oz-detail-redesign .detail-cast-section:has(.people-empty-state) .section-head{
  margin-bottom:16px!important;
}
.oz-detail-redesign .detail-cast-section .people-empty-state{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px 18px!important;
  margin:0!important;
  padding:18px 20px!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),
    color-mix(in srgb,var(--color-bg,#08090D) 54%,var(--color-card,#171A21))!important;
  border:1px solid color-mix(in srgb,var(--color-border,#2A2F3A) 82%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.oz-detail-redesign .detail-cast-section .people-empty-state strong,
.oz-detail-redesign .detail-cast-section .people-empty-state span{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.oz-detail-redesign .detail-cast-section .people-empty-state strong{
  margin:0!important;
  font-size:17px!important;
  line-height:1.25!important;
}
.oz-detail-redesign .detail-cast-section .people-empty-state span{
  margin:0!important;
  max-width:620px!important;
  line-height:1.5!important;
}
.oz-detail-redesign .detail-cast-section .people-empty-state button{
  grid-row:1 / span 2!important;
  grid-column:2!important;
  align-self:center!important;
  justify-self:end!important;
  min-width:max-content!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 18px!important;
  border-radius:999px!important;
}
[dir="rtl"] .oz-detail-redesign .detail-cast-section:has(.people-empty-state){
  margin-right:0!important;
  margin-left:auto!important;
}
[dir="rtl"] .oz-detail-redesign .detail-cast-section .people-empty-state button{
  grid-column:1!important;
  justify-self:start!important;
}
[dir="rtl"] .oz-detail-redesign .detail-cast-section .people-empty-state strong,
[dir="rtl"] .oz-detail-redesign .detail-cast-section .people-empty-state span{
  grid-column:2!important;
}
@media(max-width:760px){
  .oz-detail-redesign .detail-cast-section:has(.people-empty-state){
    width:100%!important;
  }
  .oz-detail-redesign .detail-cast-section .people-empty-state{
    grid-template-columns:1fr!important;
    align-items:start!important;
    padding:16px!important;
  }
  .oz-detail-redesign .detail-cast-section .people-empty-state button,
  [dir="rtl"] .oz-detail-redesign .detail-cast-section .people-empty-state button,
  [dir="rtl"] .oz-detail-redesign .detail-cast-section .people-empty-state strong,
  [dir="rtl"] .oz-detail-redesign .detail-cast-section .people-empty-state span{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:start!important;
  }
}

/* M.1.53 search results artwork and browse hero text alignment guard. */
.app-header .header-search{
  flex:1 1 340px!important;
  max-width:min(420px,32vw)!important;
}
.app-header .header-search input{
  width:100%!important;
}
.app-header .search-panel{
  left:auto!important;
  right:0!important;
  width:min(430px,calc(100vw - 28px))!important;
  max-width:none!important;
  overflow:hidden!important;
}
.app-header .search-results{
  gap:10px!important;
  padding-right:4px!important;
}
.app-header .search-result{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 66px!important;
  gap:8px!important;
  align-items:stretch!important;
  padding:0!important;
}
.app-header .search-result-main{
  min-width:0!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:8px!important;
  text-align:left!important;
  overflow:hidden!important;
}
.app-header .search-thumb{
  position:relative!important;
  width:64px!important;
  height:60px!important;
  min-width:64px!important;
  display:block!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,var(--color-bg-surface,#101218),var(--color-bg-app,#08090D))!important;
  box-shadow:inset 0 -34px 44px rgba(0,0,0,.34)!important;
}
.app-header .search-thumb .oz-image,
.app-header .search-thumb .oz-image-empty{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  object-fit:cover!important;
  display:block!important;
}
.app-header .search-thumb .oz-image-empty::before{
  content:"OZ";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:var(--color-accent,#E50914);
  font-size:16px;
  font-weight:950;
}
.app-header .search-copy{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:center!important;
  gap:5px!important;
}
.app-header .search-copy strong,
.app-header .search-copy small{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.22!important;
}
.app-header .search-copy strong{
  font-size:14px!important;
}
.app-header .search-copy small{
  font-size:12px!important;
  color:var(--color-text-secondary,#B4BAC5)!important;
}
.app-header .search-type{
  justify-self:end!important;
  max-width:68px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.app-header .search-play{
  min-width:66px!important;
  width:66px!important;
  min-height:76px!important;
  padding:0!important;
  border-radius:12px!important;
}
.browse-hero-panel .daily-feature-copy,
.browse-hero-panel > div:first-of-type{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:start!important;
  align-content:center!important;
  gap:12px!important;
  text-align:left!important;
}
.browse-hero-panel .daily-feature-copy p,
.browse-hero-panel > div:first-of-type > p,
.browse-hero-panel .daily-feature-copy h1,
.browse-hero-panel > div:first-of-type > h1,
.browse-hero-panel .daily-feature-copy > span,
.browse-hero-panel > div:first-of-type > span,
.browse-hero-panel .daily-feature-copy .hero-buttons{
  justify-self:start!important;
  margin:0!important;
  text-align:left!important;
}
.browse-hero-panel .daily-feature-copy .detail-facts{
  width:100%!important;
  max-width:min(680px,100%)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.browse-hero-panel .daily-feature-copy .detail-facts span{
  min-width:0!important;
  max-width:min(100%,220px)!important;
  min-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  border-radius:999px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
.browse-hero-panel .daily-feature-copy > span,
.browse-hero-panel > div:first-of-type > span{
  display:-webkit-box!important;
  max-width:min(720px,100%)!important;
  line-height:1.48!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.browse-hero-panel .daily-feature-copy .hero-buttons{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:4px!important;
}
[dir="rtl"] .browse-hero-panel .daily-feature-copy,
[dir="rtl"] .browse-hero-panel > div:first-of-type{
  justify-items:end!important;
  text-align:right!important;
}
[dir="rtl"] .browse-hero-panel .daily-feature-copy p,
[dir="rtl"] .browse-hero-panel > div:first-of-type > p,
[dir="rtl"] .browse-hero-panel .daily-feature-copy h1,
[dir="rtl"] .browse-hero-panel > div:first-of-type > h1,
[dir="rtl"] .browse-hero-panel .daily-feature-copy > span,
[dir="rtl"] .browse-hero-panel > div:first-of-type > span,
[dir="rtl"] .browse-hero-panel .daily-feature-copy .hero-buttons{
  justify-self:end!important;
  text-align:right!important;
}
[dir="rtl"] .browse-hero-panel .daily-feature-copy .detail-facts,
[dir="rtl"] .browse-hero-panel .daily-feature-copy .hero-buttons{
  justify-content:flex-end!important;
}
@media(max-width:900px){
  .app-header .header-search{
    max-width:none!important;
  }
  .app-header .search-panel{
    width:min(520px,calc(100vw - 28px))!important;
  }
}
@media(max-width:640px){
  .app-header .search-panel{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    top:calc(var(--header-height,82px) + 10px)!important;
    width:auto!important;
    max-height:calc(100dvh - var(--header-height,82px) - 28px)!important;
  }
  .app-header .search-results{
    max-height:calc(100dvh - var(--header-height,82px) - 150px)!important;
  }
  .app-header .search-result{
    grid-template-columns:1fr!important;
  }
  .app-header .search-result-main{
    grid-template-columns:58px minmax(0,1fr)!important;
    min-height:72px!important;
  }
  .app-header .search-thumb{
    width:58px!important;
    min-width:58px!important;
    height:56px!important;
  }
  .app-header .search-play{
    width:100%!important;
    min-height:42px!important;
  }
  .app-header .search-type{
    display:none!important;
  }
  .browse-hero-panel .daily-feature-copy .detail-facts span{
    max-width:100%!important;
  }
}

/* Keep the LG TV layout authoritative at the end of the cascade. */
body.tv .app-header{
  grid-template-columns:minmax(150px,210px) minmax(0,1fr) minmax(410px,560px) minmax(126px,160px)!important;
  grid-template-rows:64px 64px!important;
  grid-template-areas:"brand nav nav nav" "search search profile settings"!important;
  min-height:166px!important;
  padding:max(16px,env(safe-area-inset-top,0px)) max(var(--tv-safe-x),env(safe-area-inset-right,0px)) 16px max(var(--tv-safe-x),env(safe-area-inset-left,0px))!important;
  column-gap:16px!important;
  row-gap:10px!important;
  overflow:visible!important;
}
body.tv .brand{grid-area:brand!important;min-width:0!important}
body.tv .brand strong{display:inline!important;font-size:22px!important}
body.tv .nav{grid-area:nav!important;display:flex!important;justify-content:flex-start!important;gap:10px!important;overflow:visible!important}
body.tv .header-search{grid-area:search!important}
body.tv .profile-panel{grid-area:profile!important;display:grid!important}
body.tv .settings-nav{grid-area:settings!important}
body.tv :where(button,input,select,textarea,a[href],[role="button"],[tabindex="0"],.card,.continue-card,.hero-title-card,.library-tile,.episode-card,.cast-card):focus,
body.tv :where(button,input,select,textarea,a[href],[role="button"],[tabindex="0"],.card,.continue-card,.hero-title-card,.library-tile,.episode-card,.cast-card):focus-visible{
  outline:5px solid #e50914!important;
  outline-offset:4px!important;
  border-color:#fff!important;
  box-shadow:0 0 0 2px #fff,0 0 0 9px rgba(229,9,20,.72),0 12px 34px rgba(0,0,0,.56)!important;
  transform:scale(1.04)!important;
  z-index:25!important;
}
@media(max-width:1180px){
  body.tv .app-header{
    grid-template-columns:minmax(140px,190px) minmax(0,1fr) minmax(126px,150px)!important;
    grid-template-rows:58px 58px 58px!important;
    grid-template-areas:"brand nav nav" "search search search" "profile profile settings"!important;
    min-height:226px!important;
  }
}
@media(max-width:820px){
  body.tv .app-header{
    grid-template-columns:minmax(0,1fr) minmax(120px,150px)!important;
    grid-template-rows:54px 54px 54px 54px!important;
    grid-template-areas:"brand settings" "nav nav" "search search" "profile profile"!important;
    min-height:250px!important;
  }
  body.tv .nav{overflow-x:auto!important}
}

/* ---- Player UI polish (consolidated override layer) ---- */
body.view-watch .watch-top-left{
  display:inline-flex;align-items:center;gap:12px;
  width:fit-content;justify-self:start;
  padding:8px;border-radius:14px;
  background:rgba(10,12,17,.42);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.07);
}
/* When a clear-logo is available the logo speaks for the title: hide the text
   block entirely and keep just the compact back button. The title appears
   only as a fallback when the logo is missing or failed to load. */
body.view-watch .watch-player-shell:not(.no-player-logo) .watch-title{display:none!important}
body.view-watch .watch-player-shell.no-player-logo .watch-top-left{padding:8px 16px 8px 8px}
body.view-watch .watch-player-shell.no-player-logo .watch-title strong{
  font-size:clamp(17px,1.9vw,25px);font-weight:800;letter-spacing:-.01em;
}
body.view-watch .watch-player-shell.no-player-logo .watch-title p{font-size:10px;letter-spacing:.1em}
body.view-watch .watch-center-controls{gap:clamp(20px,3vw,40px)}
body.view-watch .watch-round{
  width:92px;height:92px;font-size:24px;
  background:rgba(10,12,17,.86);
  border:2px solid rgba(255,255,255,.22);
  box-shadow:0 18px 48px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);
}
body.view-watch .watch-round.watch-skip-round{
  width:74px;height:74px;font-size:18px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
}
body.view-watch .watch-skip-round small{font-size:12px;font-weight:900;letter-spacing:.02em;opacity:.9}
body.view-watch .watch-round:hover,
body.view-watch .watch-round:focus-visible{
  transform:scale(1.09);background:#E50914;border-color:#ff4b4b;color:#fff;outline:none;
  box-shadow:0 22px 56px rgba(229,9,20,.42);
}
body.view-watch .watch-control-bar{
  border-radius:22px;padding:12px 18px 14px;
  background:linear-gradient(180deg,rgba(12,14,19,.72),rgba(12,14,19,.88));
  border:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}
body.view-watch .watch-timeline-wrap{padding-top:2px}
body.view-watch .watch-scrubber{height:26px;cursor:pointer}
body.view-watch .watch-scrubber::-webkit-slider-thumb{
  width:21px;height:21px;margin-top:-7px;
  transition:transform .15s ease;
}
body.view-watch .watch-scrubber:hover::-webkit-slider-thumb,
body.view-watch .watch-scrubber:focus-visible::-webkit-slider-thumb{transform:scale(1.25)}
body.view-watch .watch-bottom-controls{
  justify-content:flex-start;gap:12px;flex-wrap:nowrap;
}
body.view-watch .watch-time-text{
  display:inline-flex!important;align-items:center;justify-content:center;
  gap:6px;min-width:0!important;padding:0 4px;
  font-size:13px!important;font-weight:850;font-variant-numeric:tabular-nums;
  color:#F5F7FA!important;white-space:nowrap;
}
body.view-watch .watch-time-text::after{content:'';flex:0 0 auto}
body.view-watch .watch-time-text #watchDuration::before{content:'/';margin-right:6px;color:rgba(245,247,250,.5)}
body.view-watch .watch-time-text #watchDuration{color:rgba(245,247,250,.62)}
body.view-watch .watch-bottom-controls>.watch-volume,
body.view-watch .watch-bottom-controls>.player-settings-menu,
body.view-watch .watch-bottom-controls>.watch-icon-btn{order:initial}
body.view-watch .watch-bottom-controls{justify-content:flex-end}
body.view-watch .watch-bottom-controls .watch-time-text{margin-right:auto}
body.view-watch .watch-volume input{
  width:0!important;opacity:0;margin-left:0;
  transition:width .22s ease,opacity .22s ease,margin .22s ease;
  pointer-events:none;
}
body.view-watch .watch-volume:hover input,
body.view-watch .watch-volume:focus-within input{
  width:clamp(76px,9vw,120px)!important;opacity:1;margin-left:4px;pointer-events:auto;
}
body.view-watch .watch-icon-btn{
  width:44px;height:44px;min-height:44px;font-size:17px;
  background:rgba(16,18,24,.78);border:1px solid rgba(255,255,255,.14);
}
body.view-watch .watch-icon-btn:hover,
body.view-watch .watch-icon-btn:focus-visible{
  background:#E50914!important;border-color:#ff4b4b!important;color:#fff;
  transform:translateY(-2px);outline:none;
}
body.view-watch .watch-settings-toggle{font-size:12px;letter-spacing:.06em}
body.tv.view-watch .watch-round{width:104px;height:104px;font-size:28px}
body.tv.view-watch .watch-round.watch-skip-round{width:84px;height:84px;font-size:20px}
body.tv.view-watch .watch-icon-btn{width:52px;height:52px;min-height:52px;font-size:19px}
body.tv.view-watch .watch-round.tv-logical-focus,
body.tv.view-watch .watch-icon-btn.tv-logical-focus,
body.tv.view-watch .watch-volume:focus-within{
  outline:4px solid rgba(229,9,20,.95)!important;outline-offset:4px;
}

/* ---- Player UI polish: fix pass ---- */
body.view-watch .watch-time-text{justify-content:flex-start!important}
body.view-watch .watch-round{background:rgba(10,12,17,.95)}

/* ---- Player UI polish: theme variables ---- */
body.view-watch{--player-control-bg:rgba(10,12,17,.9);--player-control-hover:#E50914}
body.view-watch .watch-player-shell{--player-control-bg:rgba(10,12,17,.9);--player-control-hover:#E50914}

/* ---- Games hub polish: logo badge clearance, hero rhythm, focus rings ---- */
.game-action:focus-visible,.game-control:focus-visible,.game-card:focus-visible,.game-answer:focus-visible{outline:3px solid #ff4b4b;outline-offset:2px}

/* ---- Appearance: app-like theme previews + checkmark selection ---- */
.theme-preview-card .theme-preview-mockup{grid-template-columns:30px minmax(0,1fr);grid-template-rows:14px minmax(0,1fr) 14px;gap:6px;height:82px}
.theme-preview-card .theme-preview-mockup .mockup-side{grid-row:1/4;border-radius:7px;background:var(--preview-card)}
.theme-preview-card .theme-preview-mockup .mockup-hero{grid-column:2;border-radius:6px;background:linear-gradient(90deg,var(--preview-accent),var(--preview-card) 75%)}
.theme-preview-card .theme-preview-mockup .mockup-cards{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:6px;min-height:0}
.theme-preview-card .theme-preview-mockup .mockup-cards i{width:auto;border-radius:6px;background:var(--preview-card)}
.theme-preview-card .theme-preview-mockup .mockup-button{grid-column:2;width:52px;border-radius:999px;background:var(--preview-accent)}
.theme-preview-card--system .theme-preview-mockup .mockup-side{background:linear-gradient(180deg,#111827 50%,#f8fafc 50%)}
.theme-preview-card--system .theme-preview-mockup .mockup-hero{background:linear-gradient(90deg,var(--preview-accent),#111827 40%,#f8fafc 60%)}
.theme-preview-card--system .theme-preview-mockup .mockup-cards i{background:linear-gradient(180deg,#1f2937 50%,#e5e7eb 50%)}
.theme-preview-card.is-selected::after{content:"\2713"!important;top:8px;right:8px;width:20px!important;height:20px!important;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900;line-height:1}

/* ---- Detail: cast & crew empty-state matches full-width sections ---- */
.oz-detail-redesign .detail-cast-section:has(.people-empty-state){width:100%!important;margin-right:0!important}
[dir="rtl"] .oz-detail-redesign .detail-cast-section:has(.people-empty-state){margin-left:0!important}

/* ---- Light theme readability repairs ---- */
/* Heroes keep their cinematic dark surface in light theme */
[data-theme="light"] .hero-title-card{background:#171A21!important}
/* Poster card titles get a scrim so they read over empty/light posters */
[data-theme="light"] .poster-card-overlay{background:linear-gradient(180deg,rgba(5,8,18,0) 30%,rgba(5,8,18,.82))!important}
/* Count pills keep their dark chip, so their text must stay light */
[data-theme="light"] .home-row-actions span{color:#E2E8F0!important}
/* Fact chips become visible on light surfaces */
[data-theme="light"] .detail-facts span{background:rgba(15,23,42,.07)!important;color:var(--color-text)!important}
/* Muted gray text remapped to the theme muted color on light surfaces */
[data-theme="light"] #count,
[data-theme="light"] .access-controls label span,
[data-theme="light"] .access-libraries label,
[data-theme="light"] .access-library-tile small,
[data-theme="light"] .auth-card>span,
[data-theme="light"] .auth-form label,
[data-theme="light"] .backup-main span,
[data-theme="light"] .backup-metrics span,
[data-theme="light"] .card.watched .info strong,
[data-theme="light"] .detail-facts span,
[data-theme="light"] .episode-card.unavailable .episode-actions button[disabled],
[data-theme="light"] .episode-card.watched h3,
[data-theme="light"] .episode-copy p,
[data-theme="light"] .episode-filter-tabs button,
[data-theme="light"] .episode-labels span,
[data-theme="light"] .folder-chip code,
[data-theme="light"] .health-database code,
[data-theme="light"] .health-folder span,
[data-theme="light"] .health-head p,
[data-theme="light"] .health-metrics span,
[data-theme="light"] .health-stat small,
[data-theme="light"] .health-stat span,
[data-theme="light"] .info .card-meta,
[data-theme="light"] .info span,
[data-theme="light"] .library-form label,
[data-theme="light"] .library-form label span,
[data-theme="light"] .library-meta,
[data-theme="light"] .library-summary-chip small,
[data-theme="light"] .library-tile>span:not(.status-chip),
[data-theme="light"] .loading-state,
[data-theme="light"] .media-copy>span,
[data-theme="light"] .metadata-review-main p,
[data-theme="light"] .overview-card small,
[data-theme="light"] .overview-card span,
[data-theme="light"] .oz-empty-copy span,
[data-theme="light"] .oz-empty-stats small,
[data-theme="light"] .person-hero span,
[data-theme="light"] .rail>.heading span,
[data-theme="light"] .remote-hint,
[data-theme="light"] .row-head span,
[data-theme="light"] .scan-event p,
[data-theme="light"] .scan-event span,
[data-theme="light"] .scan-folder span,
[data-theme="light"] .scan-main p,
[data-theme="light"] .scan-main small,
[data-theme="light"] .scan-main span,
[data-theme="light"] .scan-progress code,
[data-theme="light"] .scan-progress-head span,
[data-theme="light"] .scan-task p,
[data-theme="light"] .scan-task span,
[data-theme="light"] .search-copy small,
[data-theme="light"] .search-empty span,
[data-theme="light"] .search-panel-foot,
[data-theme="light"] .search-panel-head,
[data-theme="light"] .search-type,
[data-theme="light"] .settings-card>p,
[data-theme="light"] .settings-head span,
[data-theme="light"] .settings-stat-card small,
[data-theme="light"] .settings-stat-card span,
[data-theme="light"] .settings-subnav button,
[data-theme="light"] .setup-guide-head span,
[data-theme="light"] .setup-next span,
[data-theme="light"] .setup-step p,
[data-theme="light"] .setup-step-mark,
[data-theme="light"] .setup-step>span,
[data-theme="light"] .show-progress-panel button[disabled],
[data-theme="light"] .tool-panel-head span,
[data-theme="light"] .tool-status-row code,
[data-theme="light"] .tool-status-row small,
[data-theme="light"] .tv-performance-diagnostics span,
[data-theme="light"] .user-meta span,
[data-theme="light"] .user-panel-head span,
[data-theme="light"] .user-row span,
[data-theme="light"] .users-settings-card .user-form label,
[data-theme="light"] html[data-performance-mode="tv"] .row-window-note{color:var(--color-text-muted)!important}

/* Light theme: count-pill text stays light (rule must follow the muted remap) */
[data-theme="light"] .home-row-actions span{color:#E2E8F0!important}

/* Light theme: settings banner becomes a light panel; leftover !important grays fixed */
[data-theme="light"] .settings-head{background:linear-gradient(100deg,rgba(229,9,20,.08),rgba(255,255,255,.4)),#FFFFFF!important;border-bottom-color:var(--color-border)!important}
[data-theme="light"] .view-settings .settings-card p,[data-theme="light"] .view-settings .settings-head span,[data-theme="light"] .view-settings .settings-tabs-wrapper .settings-tab,[data-theme="light"] .view-settings .settings-tabs-wrapper .settings-subnav button{color:var(--color-text-muted)!important}
[data-theme="light"] .app-header .search-copy small,[data-theme="light"] .identify-empty p,[data-theme="light"] .identify-modal-head span{color:var(--color-text-muted)!important}
[data-theme="light"] .oz-detail-copy>span,[data-theme="light"] .oz-detail-copy .detail-overview{color:var(--color-text-muted)!important}
[data-theme="light"] .oz-detail-copy .detail-facts span{color:var(--color-text)!important;background:rgba(15,23,42,.07)!important}
[data-theme="light"] .episode-card.unavailable .episode-actions button[disabled],[data-theme="light"] .show-progress-panel button[disabled]{color:var(--color-text-muted)!important}

/* Light theme: settings page main area follows the light page background */
[data-theme="light"] .view-settings main{background:var(--color-bg)!important}

/* Light theme: active settings tab + selected theme card readability */
[data-theme="light"] .settings-tab.active,[data-theme="light"] .settings-tab.is-active{background:var(--color-accent-soft)!important}
[data-theme="light"] .settings-tab.active span,[data-theme="light"] .settings-tab.is-active span{color:var(--color-text-muted)!important}
[data-theme="light"] .theme-preview-card.selected,[data-theme="light"] .theme-preview-card.is-selected{background:var(--color-card)!important;color:var(--color-text)!important}
/* Light theme: beat .view-settings .settings-subnav button.active span (specificity 0,3,2) */
[data-theme="light"] .view-settings .settings-subnav button.active span,[data-theme="light"] .view-settings .settings-subnav button.is-active span{color:var(--color-text)!important}
[data-theme="light"] .view-settings .settings-subnav button.active svg,[data-theme="light"] .view-settings .settings-subnav button.is-active svg{color:var(--color-accent)!important}
/* Light theme: games featured hero keeps dark scrim — text must stay light */
[data-theme="light"] .games-featured-card{background:rgba(8,9,13,.66)!important;color:#F5F7FA!important}
[data-theme="light"] .games-featured-card strong,[data-theme="light"] .games-featured-card h1,[data-theme="light"] .games-featured-card h2,[data-theme="light"] .games-featured-card h3{color:#F5F7FA!important}
[data-theme="light"] .games-featured-card span,[data-theme="light"] .games-featured-card p{color:rgba(245,247,250,.82)!important}
/* Light theme: detail hero fact chips have light bg — text must be dark */
[data-theme="light"] .detail-hero-stats article,[data-theme="light"] .detail-hero-stats article span,[data-theme="light"] .detail-hero-stats article strong,[data-theme="light"] .detail-hero-stats article em{color:var(--color-text)!important}
/* Light theme: quality badge chips have light bg — text must be dark */
[data-theme="light"] .detail-quality-badges span,[data-theme="light"] .detail-quality-badges strong{color:var(--color-text)!important}
/* Metadata review: cap action-button column so the title/description column keeps real width */
.metadata-review-actions{max-width:300px!important}
/* Metadata review: poster must fill its grid track, not overflow onto the text column */
@media(min-width:761px){.metadata-review-poster{width:100%!important}}
/* Libraries: actions column must fit its buttons instead of shrinking and overflowing left over text */
@media(min-width:981px){.library-row{grid-template-columns:minmax(0,1fr) 92px 92px minmax(120px,.45fr) max-content}}
/* Metadata provider: API key input grid */
.metadata-keys-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.metadata-keys-grid label{display:grid;gap:6px;min-width:0}
.metadata-keys-grid label span{font-size:12px;font-weight:800;color:var(--color-text-muted)}
.metadata-keys-grid input{min-height:44px;padding:0 14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);color:var(--color-text);font:inherit}
@media(max-width:760px){.metadata-keys-grid{grid-template-columns:1fr}}

/* M.1.76 hidden-button guard: the global button normalization rule sets
   display:inline-flex!important on every button, which would un-hide controls
   that are meant to stay hidden (TV mode toggle, global activity pill, etc.). */
button.hidden-control,
button.hidden,
button[hidden]{
  display:none!important;
}

/* Smart Media Optimization settings panel */
.optimizer-settings-card .optimizer-form{display:grid;grid-template-columns:1fr;justify-items:start;gap:14px;margin-top:6px}
.optimizer-settings-card .optimizer-form .optimizer-options-grid{width:100%;grid-template-columns:repeat(3,minmax(160px,1fr))}
.optimizer-settings-card .optimizer-form .optimizer-options-grid label span{white-space:normal;line-height:1.35}
.optimizer-settings-card .optimizer-form button[type="submit"]{width:auto;min-width:220px;justify-self:start}
.optimizer-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.optimizer-options-grid label{display:grid;gap:6px;min-width:0}
.optimizer-options-grid label span{font-size:12px;font-weight:800;color:var(--color-text-muted)}
.optimizer-options-grid select,.optimizer-options-grid input{min-height:44px;padding:0 14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);color:var(--color-text);font:inherit}
@media(max-width:860px){.optimizer-options-grid{grid-template-columns:1fr}}
.optimizer-status-panel{display:grid;gap:12px;margin-top:14px}
.optimizer-state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.optimizer-state-grid article{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);min-width:0}
.optimizer-state-grid article span{font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--color-text-muted)}
.optimizer-state-grid article strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:860px){.optimizer-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.optimizer-storage-bar,.optimizer-progress{height:8px;border-radius:999px;background:var(--color-border);overflow:hidden}
.optimizer-storage-bar div,.optimizer-progress div{height:100%;border-radius:999px;background:var(--accent,#e50914);transition:width .4s ease}
.optimizer-current{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface)}
.optimizer-current span{font-size:12px;color:var(--color-text-muted)}
.optimizer-queue-panel{display:grid;gap:8px;margin-top:12px}
.optimizer-jobs-head{display:flex;justify-content:space-between;align-items:center;padding:4px 2px}
.optimizer-jobs-head span{font-size:12px;color:var(--color-text-muted)}
.optimizer-job{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}
.optimizer-job-main{display:grid;gap:2px;min-width:0}
.optimizer-job-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.optimizer-job-main span{font-size:12px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.optimizer-job-failed .optimizer-job-main span{color:#f66}
.optimizer-job-evicted .optimizer-job-main span{color:#fa4}
.optimizer-job-done .optimizer-job-main span{color:#4c4}
.optimizer-job-actions{display:flex;gap:8px;flex-shrink:0}
.optimizer-job-actions button{min-height:32px;padding:0 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);color:var(--color-text);font:inherit;font-size:12px;cursor:pointer}
.optimizer-job-actions button:hover{border-color:var(--accent,#e50914)}
.removed-items-section{margin-top:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
.removed-items-section h3{margin:0 0 4px;color:#F5F7FA}
.removed-items-section p{margin:0 0 10px;color:#9aa3b2;font-size:13px}
.removed-items-list{display:grid;gap:10px}
.removed-item-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#101218}
.removed-item-main{display:grid;gap:3px;min-width:0}
.removed-item-main strong{color:#F5F7FA}
.removed-item-main code{font-size:12px;color:#9aa3b2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.removed-item-main span{font-size:12px;color:#7c8494}
.removed-item-row button{min-height:32px;padding:0 12px;border:1px solid var(--color-border,rgba(255,255,255,.12));border-radius:10px;background:var(--color-bg,#0b0d11);color:var(--color-text,#F5F7FA);font:inherit;font-size:12px;cursor:pointer}
.removed-item-row button:hover{border-color:var(--accent,#e50914)}
.episode-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.episode-card:hover,.episode-card:focus-visible{transform:translateY(-3px);border-color:rgba(229,9,20,.45);box-shadow:0 10px 28px rgba(0,0,0,.35)}
.episode-thumb-generic{position:relative}
.episode-thumb-generic img,.episode-thumb-generic .media-art{opacity:.28;filter:saturate(.6) brightness(.75)}
.episode-thumb-generic::after{content:attr(data-ep-number);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(38px,5vw,64px);font-weight:800;color:rgba(245,247,250,.9);text-shadow:0 4px 18px rgba(0,0,0,.65);pointer-events:none}
.episode-thumb-generic .episode-state-badge,.episode-thumb-generic .tv-episode-runtime,.episode-thumb-generic .tv-episode-watched,.episode-thumb-generic .tv-episode-action{z-index:2}
.episode-labels{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.episode-labels strong{font-size:13px;color:var(--color-text,#F5F7FA)}
.episode-labels span{font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.07);color:#9aa3b2;border:1px solid rgba(255,255,255,.08)}
body.light .episode-labels span,[data-theme="light"] .episode-labels span{background:rgba(0,0,0,.05);color:#5b6472;border-color:rgba(0,0,0,.08)}
.scan-controls{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 2px}
.scan-controls button{min-height:38px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),#14161c;color:#F5F7FA;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,transform .15s ease}
.scan-controls button:hover{border-color:var(--accent,#e50914);transform:translateY(-1px)}
.scan-controls button:disabled{opacity:.55;cursor:wait;transform:none}
.scan-live-banner{border:1px solid rgba(229,9,20,.35);border-radius:18px;padding:14px 16px;background:linear-gradient(180deg,rgba(229,9,20,.08),rgba(229,9,20,.02)),#101218;margin-bottom:6px}
.scan-live-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.scan-live-head h3{margin:0;color:#F5F7FA}
.scan-live-dot{width:10px;height:10px;border-radius:50%;background:var(--accent,#e50914);box-shadow:0 0 0 0 rgba(229,9,20,.6);animation:scan-pulse 1.6s ease-out infinite}
@keyframes scan-pulse{0%{box-shadow:0 0 0 0 rgba(229,9,20,.55)}100%{box-shadow:0 0 0 12px rgba(229,9,20,0)}}
.scan-activity{margin-top:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#101218;overflow:hidden}
.scan-activity>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:600;color:#F5F7FA;user-select:none}
.scan-activity>summary::-webkit-details-marker{display:none}
.scan-activity>summary span{font-size:12px;font-weight:500;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.07);color:#9aa3b2}
.scan-activity>summary::after{content:'';width:9px;height:9px;border-right:2px solid #9aa3b2;border-bottom:2px solid #9aa3b2;transform:rotate(45deg);transition:transform .18s ease;margin-left:auto;margin-right:4px}
.scan-activity[open]>summary::after{transform:rotate(225deg)}
.scan-activity-body{padding:0 16px 16px;display:grid;gap:12px}
.scan-list{display:grid;gap:12px;margin-top:10px}
.season-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),#101218;margin-bottom:10px}
.season-toolbar .season-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.season-toolbar .episode-filter-tabs{margin:0}
.season-tabs{display:flex;flex-wrap:wrap;gap:8px}
.season-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#151820;color:#DDE3EC;font-weight:800;font-size:13px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.season-tabs button span{min-width:34px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.09);font-size:11px;font-weight:700;text-align:center;opacity:1;margin-left:0}
.season-tabs button:hover{border-color:rgba(229,9,20,.5);transform:translateY(-1px)}
.season-tabs button.active{background:#E50914;border-color:#E50914;color:#fff}
.season-tabs button.active span{background:rgba(0,0,0,.28)}
.episode-filter-tabs button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-size:12px;font-weight:800}
.episode-filter-tabs button span{padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;margin-left:0;opacity:1}
.episode-filter-tabs button.active{background:rgba(229,9,20,.16);border-color:#E50914;color:#fff}
.episode-filter-tabs button.active span{background:rgba(229,9,20,.3)}
.season-progress-actions{margin:0 0 14px}
.season-progress-actions button{min-height:32px;padding:0 14px;font-size:12px;font-weight:700;background:transparent;border:1px solid rgba(255,255,255,.14);color:#B4BAC5}
.season-progress-actions button:first-child{background:transparent;border-color:rgba(229,9,20,.4);color:#F5F7FA}
.season-progress-actions button:hover{border-color:#E50914;color:#fff}
.episode-labels{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:2px}
.episode-labels strong{font-size:14px;font-weight:800;color:var(--color-text,#F5F7FA);letter-spacing:.01em}
.episode-labels span{display:inline-flex;align-items:center;min-height:22px;font-size:11px;font-weight:700;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.07);color:#AEB6C2;border:1px solid rgba(255,255,255,.09)}
body.light .episode-labels span,[data-theme="light"] .episode-labels span{background:rgba(0,0,0,.05);color:#5b6472;border-color:rgba(0,0,0,.1)}
.optimizer-candidates-panel{margin:10px 0 4px}
.optimizer-candidates-head{display:flex;justify-content:space-between;align-items:center;padding:4px 2px}
.optimizer-candidates-head span{font-size:12px;color:var(--color-text-muted)}
.optimizer-candidates-list{display:grid;gap:6px;max-height:320px;overflow:auto;padding:6px;border:1px solid var(--color-border,rgba(255,255,255,.08));border-radius:12px}
.optimizer-candidate{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer}
.optimizer-candidate:hover{background:var(--color-surface-hover,rgba(255,255,255,.05))}
.optimizer-candidate input{flex:0 0 auto;width:16px;height:16px;accent-color:var(--color-primary,#e50914)}
.optimizer-candidate-main{display:grid;gap:2px;min-width:0}
.optimizer-candidate-main strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.optimizer-candidate-main small{font-size:11px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.optimizer-candidate em{margin-inline-start:auto;font-size:11px;font-style:normal;color:var(--color-text-muted)}
.remote-access-panel{display:grid;gap:12px;margin-top:14px}
.remote-access-form{display:grid;gap:12px;margin-top:10px}
.remote-named-fields{display:grid;gap:10px}
.remote-named-fields[hidden]{display:none}
.remote-access-hint{font-size:12px;color:var(--color-text-muted);line-height:1.5;margin:0}
.remote-access-error{font-size:12px;color:#f66;margin:0}
.remote-access-card .server-network-row strong{direction:ltr;text-align:end}
