:root{
  --bg:#070707;--bg2:#101010;--surface:#171717;--surface2:#202020;--text:#fff;--text2:#b7b7b7;--muted:#7d7d7d;--border:rgba(255,255,255,.10);--red:#e5092d;--red2:#ff334f;--green:#35c982;--yellow:#f4b840;
  --vde-font-ui:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --vde-font-data:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --radius:14px;--shadow:0 20px 70px rgba(0,0,0,.42);--ease:cubic-bezier(.2,.8,.2,1);--header:68px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--vde-font-ui);font-optical-sizing:auto;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;top:-50px;left:16px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:rgba(229,9,45,.55);color:#fff}

/* layout */
.shell{min-height:100vh;background:radial-gradient(circle at 75% -10%,rgba(229,9,45,.08),transparent 30%),var(--bg)}
.app-header{height:var(--header);position:fixed;inset:0 0 auto 0;z-index:60;display:flex;align-items:center;padding:0 clamp(16px,3vw,52px);transition:background .24s var(--ease),box-shadow .24s var(--ease),backdrop-filter .24s var(--ease)}
.app-header.scrolled,.app-header.solid{background:rgba(7,7,7,.92);backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--border)}
.header-inner{display:flex;align-items:center;gap:28px;width:100%;max-width:1800px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:900;letter-spacing:.08em;font-size:22px;line-height:1;flex:0 0 auto}.brand-word{display:inline-flex;align-items:center}.brand-play-o{display:inline-grid;place-items:center;width:23px;height:23px;border:2px solid currentColor;border-radius:50%;margin-left:1px}.brand-play-o:after{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;margin-left:2px}.brand--red{color:var(--red)}.nav{display:flex;align-items:center;gap:22px;font-size:14px;color:#d8d8d8}.nav a{padding:8px 0;position:relative;white-space:nowrap}.nav a:hover,.nav a.active{color:#fff}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--red);border-radius:4px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn,.round-btn{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}.icon-btn:hover,.round-btn:hover{background:rgba(255,255,255,.08)}.profile-chip{display:flex;align-items:center;gap:10px;padding:5px 8px 5px 5px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.03);cursor:pointer;min-height:44px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ca0f2c,#4d0917);font-weight:800}.profile-chip span{font-size:13px;color:#ddd;padding-right:4px}.mobile-toggle{display:none}.mobile-nav{display:none}
main{min-height:100vh}.page{padding-top:calc(var(--header) + 28px);padding-inline:clamp(16px,3vw,52px);padding-bottom:80px;max-width:1800px;margin:0 auto}.page-title{font-size:clamp(30px,4vw,52px);line-height:1.03;margin:12px 0 12px;letter-spacing:-.045em}.page-subtitle{color:var(--text2);max-width:760px;line-height:1.65;margin:0 0 30px}.section{margin-top:40px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px}.section-title{font-size:clamp(20px,2.2vw,28px);margin:0;letter-spacing:-.025em}.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--red);font-weight:800}.muted{color:var(--muted)}.text2{color:var(--text2)}

/* buttons */
.btn{min-height:44px;border:1px solid transparent;border-radius:10px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),opacity .18s var(--ease);white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#fff;color:#090909}.btn-primary:hover{background:#e7e7e7}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#f0163a}.btn-ghost{background:rgba(255,255,255,.11);color:#fff;border-color:rgba(255,255,255,.12);backdrop-filter:blur(10px)}.btn-ghost:hover{background:rgba(255,255,255,.17)}.btn-dark{background:#1b1b1b;color:#fff;border-color:var(--border)}.btn-danger{background:rgba(255,66,85,.12);border-color:rgba(255,66,85,.3);color:#ff8b98}.btn-sm{min-height:38px;padding:0 13px;font-size:13px}.btn-icon{width:44px;padding:0}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}

/* hero */
.hero{position:relative;min-height:min(88vh,860px);display:flex;align-items:flex-end;overflow:hidden;background:#0a0a0a}.hero-art{position:absolute;inset:0;background:var(--hero-bg);transform:scale(1.01)}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,transparent 0 16%,rgba(0,0,0,.12) 42%,rgba(0,0,0,.55) 100%),linear-gradient(90deg,rgba(7,7,7,.97) 0%,rgba(7,7,7,.72) 33%,rgba(7,7,7,.18) 62%,rgba(7,7,7,.20) 100%),linear-gradient(0deg,var(--bg) 0%,rgba(7,7,7,.86) 6%,transparent 38%)}.hero-art:after{content:"";position:absolute;width:min(36vw,560px);aspect-ratio:1;right:9vw;top:17%;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.014);filter:drop-shadow(0 40px 60px rgba(0,0,0,.5))}.hero-content{position:relative;z-index:2;width:min(720px,70vw);padding:0 clamp(16px,5vw,84px) 12vh}.eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ddd}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 20px rgba(229,9,45,.9)}.hero-title{font-size:clamp(48px,7vw,102px);line-height:.88;letter-spacing:-.065em;margin:17px 0 18px;max-width:760px}.hero-title .thin{font-weight:300;color:#d9d9d9}.meta-row{display:flex;flex-wrap:wrap;gap:10px 15px;align-items:center;color:#d9d9d9;font-size:14px}.rating-pill{border:1px solid rgba(255,255,255,.3);padding:3px 7px;border-radius:5px;font-size:12px}.quality{font-size:11px;font-weight:900;padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.14);letter-spacing:.06em}.hero-copy{font-size:clamp(15px,1.25vw,18px);line-height:1.65;color:#d0d0d0;max-width:650px;margin:18px 0 26px;text-shadow:0 1px 10px #000}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.hero-rank{position:absolute;right:clamp(16px,4vw,64px);bottom:10vh;z-index:2;text-align:right;color:#fff}.rank-num{font-weight:900;font-size:clamp(42px,6vw,80px);line-height:.8;-webkit-text-stroke:1px rgba(255,255,255,.4);color:transparent}.rank-label{font-size:11px;letter-spacing:.12em;color:#aaa;text-transform:uppercase;margin-top:9px}

/* cards and rails */
.rails-wrap{position:relative;margin-top:-46px;z-index:4;padding:0 clamp(16px,3vw,52px) 72px}.rail-section{margin-top:34px}.rail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.rail-title{font-size:20px;letter-spacing:-.02em;margin:0}.rail-link{font-size:12px;color:#9a9a9a}.rail-link:hover{color:#fff}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(155px,13.2vw);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:3px 1px 10px}.rail::-webkit-scrollbar{display:none}.card{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#161616;cursor:pointer;isolation:isolate;box-shadow:0 1px 0 rgba(255,255,255,.05);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.card:hover{transform:scale(1.03);z-index:5;box-shadow:0 20px 45px rgba(0,0,0,.5)}.card-art{position:absolute;inset:0;background:var(--card-bg)}.card-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 24%,rgba(255,255,255,.2),transparent 18%),linear-gradient(150deg,transparent 15%,rgba(0,0,0,.08) 45%,rgba(0,0,0,.72) 100%)}.card-art:after{content:"";position:absolute;left:-15%;top:17%;width:85%;height:48%;border:1px solid rgba(255,255,255,.18);transform:rotate(-16deg);border-radius:48% 52% 44% 56%;box-shadow:0 0 0 26px rgba(255,255,255,.02)}.card-top{position:absolute;z-index:2;inset:9px 9px auto;display:flex;justify-content:space-between;gap:6px}.badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 7px;border-radius:6px;background:rgba(7,7,7,.72);backdrop-filter:blur(8px);font-size:10px;font-weight:900;letter-spacing:.06em;border:1px solid rgba(255,255,255,.09)}.badge-red{background:rgba(229,9,45,.92)}.card-bottom{position:absolute;z-index:2;inset:auto 11px 12px}.card-title{font-size:16px;line-height:1.05;font-weight:900;letter-spacing:-.025em;text-shadow:0 2px 12px rgba(0,0,0,.9);margin-bottom:7px}.card-meta{display:flex;gap:7px;flex-wrap:wrap;color:#d3d3d3;font-size:10px}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.05) 60%);z-index:1}.card-actions{display:flex;gap:7px;margin-top:9px;opacity:0;transform:translateY(6px);transition:.18s var(--ease)}.card:hover .card-actions,.card:focus-within .card-actions{opacity:1;transform:none}.mini-btn{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(7,7,7,.7);color:#fff;display:grid;place-items:center;cursor:pointer}.mini-btn:hover{background:#fff;color:#000}.progress{height:3px;background:rgba(255,255,255,.25);border-radius:999px;overflow:hidden;margin-top:8px}.progress>span{height:100%;display:block;background:var(--red);border-radius:inherit}.landscape-card{aspect-ratio:16/9}.landscape-card .card-title{font-size:18px}.top10{font-size:32px;font-weight:950;color:transparent;-webkit-text-stroke:1px #fff;line-height:1}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.grid .card{width:100%}.empty{border:1px dashed rgba(255,255,255,.14);border-radius:16px;padding:48px 20px;text-align:center;color:var(--text2);background:rgba(255,255,255,.015)}.empty strong{display:block;color:#fff;font-size:20px;margin-bottom:8px}

/* controls / forms */
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0 28px}.field,.select,.search-box{min-height:46px;border-radius:10px;border:1px solid var(--border);background:#111;color:#fff;padding:0 14px;outline:none;transition:border .16s}.field:focus,.select:focus,.search-box:focus{border-color:rgba(255,255,255,.34);box-shadow:0 0 0 3px rgba(255,255,255,.05)}.select{min-width:150px}.search-wrap{position:relative;max-width:850px}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#777}.search-big{width:100%;height:64px;padding:0 54px 0 48px;font-size:20px;border-radius:14px;background:#101010;border:1px solid rgba(255,255,255,.13);color:#fff;outline:none}.search-big:focus{border-color:rgba(229,9,45,.75);box-shadow:0 0 0 4px rgba(229,9,45,.08)}.clear-search{position:absolute;right:10px;top:10px}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:36px;border:1px solid var(--border);padding:0 12px;border-radius:999px;background:#111;color:#c8c8c8;cursor:pointer}.chip:hover,.chip.active{background:#fff;color:#080808;border-color:#fff}.label{display:block;font-size:12px;color:#aaa;margin-bottom:8px}.form-group{margin-bottom:18px}.form-card{width:min(480px,100%);margin:4vh auto;background:#101010;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.form-card h1{font-size:32px;letter-spacing:-.04em;margin:0 0 8px}.form-card p{color:var(--text2);line-height:1.6}.form-card .field{width:100%}.divider{height:1px;background:var(--border);margin:24px 0}

/* detail */
.detail-hero{position:relative;min-height:82vh;display:flex;align-items:flex-end;overflow:hidden}.detail-bg{position:absolute;inset:0;background:var(--hero-bg)}.detail-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.98),rgba(7,7,7,.72) 34%,rgba(7,7,7,.22) 65%),linear-gradient(0deg,#070707 0%,rgba(7,7,7,.8) 13%,transparent 48%)}.detail-content{position:relative;z-index:2;padding:0 clamp(16px,5vw,82px) 9vh;max-width:780px}.detail-title{font-size:clamp(50px,7vw,94px);line-height:.9;letter-spacing:-.065em;margin:15px 0 20px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:46px;max-width:1500px;padding:30px clamp(16px,5vw,82px) 80px}.detail-copy{color:#d0d0d0;line-height:1.75;font-size:17px}.info-list{display:grid;gap:16px;font-size:14px}.info-list b{display:block;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#777;margin-bottom:5px}.cast-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.person{background:#111;border:1px solid var(--border);border-radius:12px;padding:15px}.person-art{aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,#292929,#111);display:grid;place-items:center;font-size:30px;color:#555;margin-bottom:11px}.person strong{font-size:13px}.person small{display:block;color:#777;margin-top:3px}.episodes{display:grid;gap:12px;margin-top:18px}.episode{display:grid;grid-template-columns:180px 1fr auto;gap:16px;align-items:center;padding:12px;border-radius:14px;background:#111;border:1px solid var(--border);cursor:pointer}.episode:hover{background:#151515}.ep-art{aspect-ratio:16/9;border-radius:9px;background:var(--card-bg);position:relative;overflow:hidden}.ep-art:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.2);font-size:24px}.episode h4{margin:0 0 7px}.episode p{margin:0;color:#929292;line-height:1.45;font-size:13px}.episode-time{color:#888;font-size:12px;white-space:nowrap}

/* plans */
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1200px;margin:32px auto}.plan{background:#101010;border:1px solid var(--border);border-radius:18px;padding:26px;position:relative;overflow:hidden}.plan.featured{border-color:rgba(229,9,45,.62);box-shadow:0 18px 60px rgba(229,9,45,.10)}.plan.featured:before{content:"RECOMENDADO";position:absolute;top:16px;right:-33px;transform:rotate(38deg);background:var(--red);padding:5px 38px;font-size:9px;letter-spacing:.12em;font-weight:900}.plan h3{font-size:24px;margin:0 0 7px}.plan-price{font-size:42px;font-weight:950;letter-spacing:-.05em;margin:18px 0}.plan-price small{font-size:13px;color:#888;font-weight:600;letter-spacing:0}.plan ul{list-style:none;padding:0;margin:22px 0}.plan li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#cfcfcf;font-size:14px}.plan li:before{content:"✓";color:var(--green);font-weight:900;margin-right:9px}.plan .btn{width:100%}.comparison{overflow:auto;border:1px solid var(--border);border-radius:14px;margin-top:30px}.comparison table{width:100%;border-collapse:collapse;min-width:720px}.comparison th,.comparison td{padding:16px;text-align:left;border-bottom:1px solid var(--border)}.comparison th{background:#111}.comparison td:not(:first-child),.comparison th:not(:first-child){text-align:center}

/* account */
.account-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px}.account-nav{position:sticky;top:calc(var(--header) + 24px);height:max-content;display:grid;gap:5px;background:#101010;border:1px solid var(--border);border-radius:14px;padding:9px}.account-nav a{padding:12px 13px;border-radius:9px;color:#aaa;font-size:14px}.account-nav a:hover,.account-nav a.active{background:#1b1b1b;color:#fff}.panel{background:#101010;border:1px solid var(--border);border-radius:16px;padding:22px}.panel h2{margin-top:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{padding:17px;border-radius:13px;background:#151515;border:1px solid rgba(255,255,255,.06)}.stat-label{font-size:11px;color:#858585;text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:26px;font-weight:900;letter-spacing:-.035em;margin-top:7px}.settings-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:0}.switch{width:46px;height:26px;border-radius:999px;background:#333;border:0;padding:3px;cursor:pointer;transition:.18s}.switch:after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:.18s}.switch.on{background:var(--red)}.switch.on:after{transform:translateX(20px)}

/* admin */
.admin-shell{min-height:100vh;background:#080808;display:grid;grid-template-columns:238px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);background:#0d0d0d;padding:18px 12px;overflow:auto}.admin-sidebar .brand{padding:8px 10px 20px}.admin-nav-group{margin-top:17px}.admin-nav-label{font-size:10px;color:#626262;text-transform:uppercase;letter-spacing:.12em;padding:0 10px 8px}.admin-nav{display:grid;gap:3px}.admin-nav a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;color:#9d9d9d;font-size:13px}.admin-nav a:hover,.admin-nav a.active{background:#191919;color:#fff}.admin-main{min-width:0}.admin-topbar{height:64px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);padding:0 24px;position:sticky;top:0;background:rgba(8,8,8,.92);backdrop-filter:blur(16px);z-index:20}.admin-topbar h1{font-size:16px;margin:0}.admin-content{padding:24px}.admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{background:#111;border:1px solid var(--border);border-radius:13px;padding:17px}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.07em}.kpi-value{font-size:28px;font-weight:900;letter-spacing:-.04em;margin-top:10px}.delta{font-size:11px;color:var(--green)}.delta.neg{color:#ff7180}.admin-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:14px}.chart-card{background:#111;border:1px solid var(--border);border-radius:14px;padding:18px;min-width:0}.chart-card h3{font-size:14px;margin:0 0 4px}.chart-card p{font-size:11px;color:#777;margin:0 0 14px}.chart-svg{width:100%;height:220px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:13px;background:#101010}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{position:sticky;top:0;background:#141414;color:#7f7f7f;font-size:10px;text-transform:uppercase;letter-spacing:.08em;text-align:left}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.data-table td{font-size:12px;color:#c8c8c8}.data-table tr:hover td{background:#131313}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.green{color:#67d89f;background:rgba(53,201,130,.08)}.status.yellow{color:#f2c861;background:rgba(244,184,64,.08)}.status.red{color:#ff7180;background:rgba(255,66,85,.08)}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.provider{background:#111;border:1px solid var(--border);border-radius:13px;padding:16px}.provider-head{display:flex;justify-content:space-between;gap:12px}.provider h4{margin:0;font-size:14px}.provider p{font-size:11px;color:#777;line-height:1.5}.provider-meta{display:flex;gap:7px;flex-wrap:wrap}.tag{font-size:9px;border:1px solid var(--border);padding:4px 6px;border-radius:5px;color:#8c8c8c}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.health-list{display:grid;gap:10px}.health{display:flex;justify-content:space-between;gap:20px;padding:12px;border-radius:10px;background:#151515}.health span{color:#999;font-size:12px}.health strong{font-size:12px}

/* player */
.player-page{position:fixed;inset:0;z-index:200;background:#000;display:block;width:100vw;height:100dvh;min-height:100vh;overflow:hidden}.player-wrap{position:absolute;inset:0;width:100vw;height:100dvh;min-height:100vh;background:#000;overflow:hidden}.player-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;display:block;visibility:visible;opacity:1}.player-gradient{position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}.player-top{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:14px;padding:22px;background:linear-gradient(rgba(0,0,0,.7),transparent);transition:opacity .2s}.player-top h2{font-size:15px;margin:0}.player-top small{display:block;color:#8e8e8e;margin-top:3px}.player-controls{position:absolute;inset:auto 0 0;padding:18px 24px 22px;transition:opacity .2s;z-index:3}.timeline{width:100%;accent-color:var(--red);cursor:pointer}.control-row{display:flex;align-items:center;gap:8px;margin-top:8px}.control-spacer{flex:1}.timecode{font-size:12px;color:#bbb;min-width:88px}.volume{width:90px;accent-color:#fff}.player-menu{position:absolute;right:24px;bottom:82px;background:#141414;border:1px solid var(--border);border-radius:12px;padding:8px;min-width:190px;box-shadow:var(--shadow);z-index:6}.player-menu button{width:100%;text-align:left;border:0;background:transparent;color:#ddd;padding:10px;border-radius:7px;cursor:pointer}.player-menu button:hover{background:#222}.next-overlay{position:absolute;right:26px;bottom:100px;width:min(360px,calc(100vw - 40px));background:rgba(15,15,15,.95);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow);z-index:6}.next-overlay strong{display:block}.next-overlay p{font-size:12px;color:#aaa;line-height:1.5}.player-wrap.paused .buffering{width:42px;height:42px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* modal/toast */
#toast-root{position:fixed;right:18px;bottom:18px;z-index:1000;display:grid;gap:8px}.toast{background:#181818;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:11px;padding:12px 14px;min-width:240px;max-width:360px;animation:toastin .2s var(--ease)}@keyframes toastin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal{width:min(620px,100%);max-height:88vh;overflow:auto;background:#101010;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.modal-head h3{margin:0;font-size:20px}.modal-close{width:40px;height:40px;border-radius:50%;border:0;background:#1b1b1b;color:#fff;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}

/* responsive */
@media(max-width:1200px){.grid{grid-template-columns:repeat(5,1fr)}.admin-kpis{grid-template-columns:repeat(2,1fr)}.provider-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1023px){:root{--header:62px}.nav{display:none}.mobile-toggle{display:grid}.mobile-nav{display:flex;position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:80;background:rgba(18,18,18,.94);border:1px solid var(--border);border-radius:18px;padding:7px;backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.5)}.mobile-nav a{flex:1;min-width:0;display:grid;place-items:center;gap:4px;padding:7px 3px;color:#838383;font-size:9px}.mobile-nav a.active{color:#fff}.mobile-nav .micon{font-size:16px}.profile-chip span{display:none}.hero{min-height:76vh}.hero-content{width:min(720px,90vw);padding-bottom:11vh}.hero-rank{display:none}.rail{grid-auto-columns:minmax(150px,22vw)}.grid{grid-template-columns:repeat(4,1fr)}.detail-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr;max-width:680px}.account-layout{grid-template-columns:1fr}.account-nav{position:static;display:flex;overflow:auto}.account-nav a{white-space:nowrap}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:-260px;z-index:90;width:238px;transition:left .2s}.admin-shell.sidebar-open .admin-sidebar{left:0}.admin-grid{grid-template-columns:1fr}.provider-grid{grid-template-columns:repeat(2,1fr)}.system-grid{grid-template-columns:1fr}.admin-menu-btn{display:grid!important}}
@media(min-width:1024px){.admin-menu-btn{display:none!important}}
@media(max-width:767px){.app-header{padding-inline:14px}.brand{font-size:19px}.brand-play-o{width:20px;height:20px}.hero{min-height:72vh}.hero-content{width:100%;padding:0 16px 10vh}.hero-title{font-size:clamp(44px,15vw,72px)}.hero-copy{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rails-wrap{margin-top:-24px;padding-inline:14px;padding-bottom:100px}.rail{grid-auto-columns:minmax(142px,42vw)}.rail-section{margin-top:27px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.page{padding-inline:14px;padding-bottom:110px}.toolbar{align-items:stretch}.toolbar .select,.toolbar .field{flex:1;min-width:calc(50% - 6px)}.cast-row{grid-template-columns:repeat(2,1fr)}.detail-content{padding-inline:16px}.detail-grid{padding-inline:16px}.episode{grid-template-columns:110px 1fr}.episode p{display:none}.episode-time{grid-column:2}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-content{padding:14px}.admin-kpis{grid-template-columns:repeat(2,1fr);gap:9px}.provider-grid{grid-template-columns:1fr}.admin-topbar{padding:0 14px}.plans-grid{gap:12px}.player-controls{padding:12px}.volume{display:none}.timecode{min-width:auto}.player-top{padding:14px}.player-menu{right:12px;bottom:68px}.hero-art:after{right:-9vw;top:20%;width:55vw}.system-grid{grid-template-columns:1fr}}
@media(max-width:420px){.grid{gap:9px}.card-title{font-size:14px}.rail{grid-auto-columns:44vw}.hero-actions .btn{flex:1}.hero-actions .btn:last-child{flex:0 0 44px;padding:0}.admin-kpis{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.profile-chip{display:none}.episode{grid-template-columns:96px 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.card:hover{transform:none}}

/* ===== VDEONE Premiere 1.1 visual refinement ===== */
:root{--red-deep:#94051d;--silver:#d8d8da;--surface3:#242426;--focus:#fff}
body{background:radial-gradient(circle at 85% 0%,rgba(229,9,45,.07),transparent 28%),radial-gradient(circle at 0% 30%,rgba(71,81,121,.05),transparent 25%),#070707}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.app-header{border-bottom:1px solid transparent}.app-header.scrolled,.app-header.solid{border-bottom-color:rgba(255,255,255,.06)}.header-inner{min-width:0}.brand{letter-spacing:.055em}.brand-play-o{box-shadow:inset 0 0 0 1px rgba(229,9,45,.25)}.nav a{font-weight:650}.profile-chip{background:rgba(17,17,17,.54)}
.hero{min-height:min(91vh,900px)}.hero-art{filter:saturate(1.08) contrast(1.06)}.hero-art:before{background:linear-gradient(90deg,rgba(6,6,7,.985) 0%,rgba(6,6,7,.91) 24%,rgba(6,6,7,.54) 45%,rgba(6,6,7,.13) 67%,rgba(6,6,7,.32) 100%),linear-gradient(0deg,#070707 0%,rgba(7,7,7,.94) 5%,rgba(7,7,7,.08) 38%,rgba(0,0,0,.12) 100%),radial-gradient(circle at 76% 41%,rgba(255,255,255,.035),transparent 34%)}.hero-art:after{opacity:.15;right:8vw;top:12%;width:min(42vw,650px);box-shadow:0 0 0 70px rgba(255,255,255,.015),0 0 0 140px rgba(255,255,255,.008)}.hero-content{padding-bottom:12vh;max-width:790px}.hero-title{font-weight:900;text-wrap:balance}.hero-title .thin{font-weight:260}.hero-copy{max-width:620px;color:#c8c8ca}.hero-actions .btn{box-shadow:0 8px 25px rgba(0,0,0,.20)}.hero-actions .btn-primary{padding-inline:23px}
.hero-visual{position:absolute;z-index:1;right:5.8vw;top:13%;width:min(42vw,650px);height:min(68vh,650px);display:grid;place-items:center;pointer-events:none;perspective:900px}.hero-disc{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 90px rgba(255,255,255,.012),0 36px 110px rgba(0,0,0,.36)}.hero-disc-a{width:82%;aspect-ratio:1;transform:rotateX(66deg) rotateZ(-12deg);top:3%}.hero-disc-b{width:61%;aspect-ratio:1;transform:rotateX(70deg) rotateZ(28deg);bottom:1%;right:7%}.hero-keyart{position:relative;width:55%;min-width:260px;aspect-ratio:2/3;border-radius:8px;padding:24px 22px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;background:radial-gradient(circle at 70% 19%,rgba(255,255,255,.18),transparent 11%),linear-gradient(150deg,rgba(255,255,255,.045),transparent 28%),linear-gradient(155deg,var(--red-deep),#19040a 51%,#050505 82%);box-shadow:0 45px 95px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.12);transform:rotateY(-7deg) rotateZ(2deg)}.hero-keyart:before{content:"";position:absolute;width:190%;height:35%;left:-42%;top:29%;border:1px solid rgba(255,255,255,.20);border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 0 33px rgba(255,255,255,.018),0 0 0 67px rgba(255,255,255,.009)}.hero-keyart:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 48%),linear-gradient(90deg,rgba(255,255,255,.04),transparent 24%);mix-blend-mode:screen;pointer-events:none}.hero-keyart-top,.hero-keyart-foot{position:relative;z-index:2;font-size:8px;letter-spacing:.2em;font-weight:900;color:rgba(255,255,255,.72)}.hero-keyart-top{position:absolute;left:20px;top:18px}.hero-keyart-foot{margin-top:12px}.hero-keyart-mark{position:absolute;z-index:1;right:12px;top:22%;font-size:clamp(72px,9vw,128px);font-weight:950;line-height:.75;letter-spacing:-.11em;color:rgba(255,255,255,.08);-webkit-text-stroke:1px rgba(255,255,255,.09)}.hero-keyart-title{position:relative;z-index:2;display:flex;flex-direction:column;gap:0;font-size:clamp(24px,3.3vw,45px);line-height:.88;text-transform:uppercase;font-weight:950;letter-spacing:-.055em}.poster-lockup-thin{font-weight:260;color:#d0d0d2}.hero-rank{bottom:11vh}.rank-num{opacity:.6}
.experience-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 15px;margin-bottom:23px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.018));backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.18)}.experience-strip>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.experience-strip strong{font-size:12px}.experience-strip small{color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.experience-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 16px rgba(229,9,45,.85)}.experience-chips{display:flex;gap:6px;flex:0 0 auto}.experience-chips span{font-size:9px;font-weight:900;letter-spacing:.08em;padding:4px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.12);color:#bfc0c3;background:#101012}
.rail{grid-auto-columns:minmax(168px,13vw);gap:13px;padding-block:4px 14px}.card{border-radius:10px;background:#111;box-shadow:0 8px 22px rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.04)}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none;z-index:8}.card-art{overflow:hidden}.card-art:before{background:radial-gradient(circle at 72% 19%,rgba(255,255,255,.28),transparent 14%),linear-gradient(160deg,transparent 10%,rgba(0,0,0,.09) 44%,rgba(0,0,0,.60) 100%)}.poster-geometry{position:absolute;inset:0;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.poster-geometry:before{content:"";position:absolute;width:150%;height:49%;left:-30%;top:18%;border:1px solid rgba(255,255,255,.16);border-radius:50%;transform:rotate(-31deg);box-shadow:0 0 0 24px rgba(255,255,255,.015),0 0 0 48px rgba(255,255,255,.009)}.poster-geometry:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 43%)}.poster-mark{position:absolute;right:9px;top:23%;font-size:clamp(56px,6vw,92px);line-height:.75;font-weight:950;letter-spacing:-.10em;color:rgba(255,255,255,.09);-webkit-text-stroke:1px rgba(255,255,255,.09);transform:rotate(-4deg)}.poster-lockup{position:relative;z-index:2;display:flex;flex-direction:column;font-size:clamp(13px,1.2vw,19px);font-weight:950;line-height:.9;letter-spacing:-.045em;text-transform:uppercase;margin-bottom:26px;max-width:88%}.poster-geometry small{position:relative;z-index:2;margin-bottom:4px;font-size:6px;letter-spacing:.18em;color:rgba(255,255,255,.55);font-weight:900}.card-bottom{background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.55) 72%,transparent);inset:auto 0 0;padding:31px 11px 11px}.card-title{font-weight:820;letter-spacing:-.02em}.card-meta{color:#a0a0a3}.card:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 28px 62px rgba(0,0,0,.58)}.landscape-card .poster-lockup{font-size:18px;max-width:58%}.landscape-card .poster-mark{right:18%;top:15%;font-size:84px}
.page-title,.detail-title{font-weight:900;text-wrap:balance}.toolbar{position:relative;z-index:2}.select,.field,.search-big{border-color:rgba(255,255,255,.11)}.search-wrap{box-shadow:0 22px 70px rgba(0,0,0,.24)}
.profile-selector{display:flex;align-items:center;gap:14px;padding:14px;margin:18px 0 22px;border-radius:14px;background:linear-gradient(90deg,#151515,#101010);border:1px solid var(--border)}.profile-selector-avatar{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--red),#5d0717);font-weight:900;font-size:18px;box-shadow:0 12px 28px rgba(229,9,45,.16)}.profile-selector div:nth-child(2){min-width:0;flex:1}.profile-selector strong,.profile-selector small{display:block}.profile-selector small{font-size:11px;color:#777;margin-top:4px}
.build-pill{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:5px;background:rgba(229,9,45,.10);border:1px solid rgba(229,9,45,.22);color:#ff6079;font-size:9px;font-weight:900;letter-spacing:.08em}.admin-topbar{background:rgba(8,8,9,.94)}.admin-sidebar{background:linear-gradient(180deg,#0c0c0d,#090909)}.admin-kpis .kpi{position:relative;overflow:hidden}.admin-kpis .kpi:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(229,9,45,.55),transparent);opacity:.55}.kpi-value{font-variant-numeric:tabular-nums}.chart-card{box-shadow:0 16px 38px rgba(0,0,0,.10)}.content-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.content-health>div{border:1px solid var(--border);background:#111;border-radius:11px;padding:12px 14px}.content-health strong,.content-health span{display:block}.content-health strong{font-size:20px}.content-health span{margin-top:3px;font-size:10px;color:#747478;text-transform:uppercase;letter-spacing:.07em}.data-table th{backdrop-filter:blur(12px)}
.player-top{padding-top:max(22px,env(safe-area-inset-top))}.player-controls{padding-bottom:max(22px,env(safe-area-inset-bottom))}.player-menu{padding:10px}.player-menu-title{padding:7px 10px 9px;font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.player-controls .round-btn{background:rgba(255,255,255,.025)}.player-controls .round-btn:hover{background:rgba(255,255,255,.10)}
@media(max-width:1200px){.hero-visual{right:2vw;width:46vw}.hero-keyart{width:58%}.content-health{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1023px){.hero-visual{right:-3vw;top:14%;width:52vw;opacity:.72}.hero-keyart{min-width:220px}.experience-strip{margin-top:5px}.rail{grid-auto-columns:minmax(155px,22vw)}}
@media(max-width:767px){.hero{min-height:78vh}.hero-visual{right:-24vw;top:10%;width:86vw;opacity:.34;filter:blur(.2px)}.hero-keyart{width:54%;min-width:210px}.hero-content{padding-bottom:10vh}.experience-strip{align-items:flex-start}.experience-strip small{display:none}.experience-chips{gap:4px}.rail{grid-auto-columns:minmax(145px,42vw)}.content-health{grid-template-columns:repeat(2,1fr)}.profile-selector{align-items:flex-start;flex-wrap:wrap}.profile-selector .btn{margin-left:62px}.player-controls [data-menu="audio"]{display:none}}
@media(max-width:420px){.experience-strip{padding:10px}.experience-chips span:nth-child(4){display:none}.hero-keyart{min-width:190px}.poster-lockup{font-size:14px}.content-health{grid-template-columns:1fr 1fr}.profile-selector .btn{margin-left:0;width:100%}}
@media(max-width:767px){
  .hero-visual{right:-34vw;top:9%;width:92vw;opacity:.24}
  .hero-keyart{min-width:205px;transform:rotateY(-7deg) rotateZ(2deg) scale(.96)}
  .hero-keyart-title,.hero-keyart-top,.hero-keyart-foot,.hero-keyart-mark{opacity:.18}
  .hero-art:before{background:linear-gradient(90deg,rgba(6,6,7,.98) 0%,rgba(6,6,7,.86) 48%,rgba(6,6,7,.31) 100%),linear-gradient(0deg,#070707 0%,rgba(7,7,7,.93) 7%,rgba(7,7,7,.10) 45%,rgba(0,0,0,.18) 100%)}
  .hero-copy{text-shadow:0 2px 10px rgba(0,0,0,.95)}
}
@media(max-width:767px){.hero-keyart-title,.hero-keyart-top,.hero-keyart-foot,.hero-keyart-mark{display:none}}

/* === VDEONE Premiere 1.2 — Red Brand Graphics Update === */
:root{--red:#f30b32;--red2:#ff3655;--red-deep:#780014;--red-glow:rgba(243,11,50,.32);--focus:#ff4a65}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 82% 4%,rgba(243,11,50,.08),transparent 27%),radial-gradient(circle at 12% 52%,rgba(117,0,20,.055),transparent 31%)}
.brand{height:42px;display:inline-flex;align-items:center}.brand-logo{display:block;width:150px;height:auto;max-height:42px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 18px rgba(229,9,45,.10))}.admin-sidebar .brand-logo{width:164px}.app-header.scrolled .brand-logo,.app-header.solid .brand-logo{filter:drop-shadow(0 6px 14px rgba(243,11,50,.16))}
.btn-primary{background:linear-gradient(135deg,#fff,#e8e8e8);box-shadow:0 10px 30px rgba(0,0,0,.35)}.btn-red{background:linear-gradient(135deg,#ff2446 0%,#e5092d 58%,#b80020 100%);box-shadow:0 10px 28px rgba(229,9,45,.14)}.btn-red:hover{background:linear-gradient(135deg,#ff3f5c,#f30b32 58%,#d10024);box-shadow:0 14px 36px rgba(229,9,45,.25)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(243,11,50,.15) 25%,#f30b32 50%,rgba(243,11,50,.15) 75%,transparent);opacity:.42;filter:blur(3px)}.hero-keyart{background:radial-gradient(circle at 74% 18%,rgba(255,67,91,.34),transparent 15%),linear-gradient(145deg,#3a020c,#100104 52%,#020203);box-shadow:0 45px 105px rgba(0,0,0,.68),0 0 70px rgba(229,9,45,.10),inset 0 0 0 1px rgba(255,255,255,.12)}
.card-art.has-image .poster-geometry{opacity:0}.card-art.has-image:before{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.06) 46%,rgba(0,0,0,.79) 100%)}.card-art.has-image:after{display:none}.card:has(.has-image):hover .card-art{transform:scale(1.035);transition:transform .32s var(--ease)}
.admin-shell{background:radial-gradient(circle at 88% 0%,rgba(243,11,50,.06),transparent 26%),#070708}.admin-sidebar{box-shadow:18px 0 60px rgba(0,0,0,.20)}.admin-nav a.active{background:linear-gradient(90deg,rgba(243,11,50,.17),rgba(243,11,50,.035));box-shadow:inset 3px 0 0 var(--red);color:#fff}.admin-nav a.active svg{color:var(--red2)}.kpi{background:linear-gradient(145deg,#131315,#0e0e10)}.kpi:hover{border-color:rgba(243,11,50,.22)}.chart-card{background:linear-gradient(150deg,#121214,#0d0d0f)}

/* Cinemeta + TMDB automatic cinema calendar */
.cinema-page{max-width:1840px}.cinema-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:28px}.sync-state{flex:0 0 auto;display:grid;grid-template-columns:12px auto;column-gap:8px;align-items:center;padding:12px 14px;border:1px solid rgba(53,201,130,.18);border-radius:12px;background:rgba(53,201,130,.045);min-width:160px}.sync-state strong{font-size:12px}.sync-state small{grid-column:2;color:#72757a;margin-top:2px;font-size:10px}.sync-pulse{width:8px;height:8px;border-radius:50%;background:#35c982;box-shadow:0 0 0 0 rgba(53,201,130,.5);animation:syncpulse 2s infinite}@keyframes syncpulse{70%{box-shadow:0 0 0 8px rgba(53,201,130,0)}100%{box-shadow:0 0 0 0 rgba(53,201,130,0)}}
.cinema-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cinema-card{position:relative;min-height:390px;border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden;background:#101012;isolation:isolate;display:flex;align-items:flex-end;cursor:pointer;box-shadow:0 20px 60px rgba(0,0,0,.24);transition:transform .24s var(--ease),border-color .24s var(--ease),box-shadow .24s var(--ease)}.cinema-card:hover{transform:translateY(-3px);border-color:rgba(243,11,50,.27);box-shadow:0 30px 80px rgba(0,0,0,.38),0 0 40px rgba(229,9,45,.055)}.cinema-poster{position:absolute;inset:0;background-position:center!important;background-size:cover!important;transform:scale(1.015);transition:transform .5s var(--ease)}.cinema-card:hover .cinema-poster{transform:scale(1.04)}.cinema-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,8,.98) 0%,rgba(6,6,8,.86) 40%,rgba(6,6,8,.32) 72%,rgba(6,6,8,.17) 100%),linear-gradient(0deg,#08080a 0%,transparent 55%)}.cinema-content{position:relative;z-index:2;width:min(72%,700px);padding:26px}.cinema-source{font-size:9px;color:#ff5871;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.cinema-content h2{font-size:clamp(25px,3vw,42px);line-height:.96;letter-spacing:-.045em;margin:9px 0 12px}.cinema-content p{font-size:12px;line-height:1.62;color:#b5b5ba;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:13px 0}.cinema-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#aaa;font-size:10px}.cinema-meta b{font-weight:400;color:#555}.cinema-date{font-size:11px;color:#dfdfe2;font-weight:700;margin:13px 0 8px}.live-countdown{display:flex;align-items:center;gap:12px;min-height:44px}.countdown-live{display:inline-flex;align-items:center;gap:6px;color:#ff5570;font-size:9px;font-weight:900;letter-spacing:.12em}.countdown-live i{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 13px var(--red)}.live-countdown>strong{display:flex;align-items:center;gap:7px;font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.live-countdown>strong>span{display:inline-flex;align-items:baseline;gap:2px;min-width:39px}.live-countdown>strong small{font-size:9px;color:#757579;font-weight:700}.live-countdown.arrived>strong{color:#35c982}.cinema-actions{display:flex;align-items:center;gap:9px;margin-top:12px}.source-pill{display:inline-flex;min-height:27px;align-items:center;padding:0 8px;border:1px solid rgba(255,255,255,.10);border-radius:6px;background:rgba(0,0,0,.35);color:#95959a;font-size:9px;font-weight:800;letter-spacing:.05em}

/* TMDB admin importer */
.integration-status{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid var(--border);background:#111;color:#999}.integration-status span{width:7px;height:7px;border-radius:50%;background:#777}.integration-status.connected{border-color:rgba(53,201,130,.24);background:rgba(53,201,130,.055);color:#6dddab}.integration-status.connected span{background:#35c982;box-shadow:0 0 11px rgba(53,201,130,.5)}.integration-status.pending{border-color:rgba(244,184,64,.22);background:rgba(244,184,64,.05);color:#e9c76d}.integration-status.pending span{background:#f4b840}.integration-status.checking span{animation:syncpulse 1.7s infinite}
.tmdb-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:14px}.tmdb-search-panel,.tmdb-preview{border:1px solid var(--border);border-radius:16px;background:linear-gradient(150deg,#121214,#0d0d0f);overflow:hidden;min-height:590px}.tmdb-search-form{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:12px;padding:18px;border-bottom:1px solid var(--border)}.tmdb-query{display:flex;gap:8px}.tmdb-query .field{flex:1;min-width:0}.importer-help{margin:14px 18px;padding:12px 13px;border-left:2px solid var(--red);background:rgba(243,11,50,.045);border-radius:0 9px 9px 0}.importer-help strong,.importer-help span{display:block}.importer-help strong{font-size:11px}.importer-help span{font-size:10px;color:#79797e;margin-top:4px;line-height:1.5}.tmdb-results{padding:0 12px 14px;display:grid;gap:6px}.tmdb-result{width:100%;border:1px solid transparent;border-radius:11px;background:#101012;color:#fff;display:grid;grid-template-columns:52px 1fr 24px;gap:11px;align-items:center;text-align:left;padding:8px;cursor:pointer;transition:.18s var(--ease)}.tmdb-result:hover{background:#171719;border-color:rgba(243,11,50,.18);transform:translateX(2px)}.tmdb-thumb{width:52px;aspect-ratio:2/3;border-radius:6px;background:#222 center/cover no-repeat}.tmdb-result strong,.tmdb-result small,.tmdb-result em{display:block}.tmdb-result strong{font-size:12px}.tmdb-result small{font-size:9px;color:#8d8d92;margin-top:3px}.tmdb-result em{font-size:9px;color:#67676d;font-style:normal;margin-top:4px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmdb-result>svg{color:#606066}.tmdb-preview{display:flex;flex-direction:column}.tmdb-preview-art{height:240px;background:#151518 center/cover no-repeat;position:relative}.tmdb-preview-art .source-pill{position:absolute;left:14px;top:14px;background:rgba(0,0,0,.68)}.tmdb-preview-body{padding:18px}.tmdb-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.tmdb-preview-heading h2{font-size:25px;letter-spacing:-.04em;margin:5px 0}.tmdb-preview-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:#929298;font-size:10px}.tmdb-preview-body>p{font-size:11px;line-height:1.65;color:#aaa}.preview-credits{display:grid;grid-template-columns:75px 1fr;gap:8px 11px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:10px}.preview-credits strong{color:#777}.preview-credits span{color:#c1c1c4}.tmdb-preview-actions{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.import-loading{min-height:170px;display:grid;place-items:center;align-content:center;gap:12px;color:#85858b;font-size:11px}.error-import strong{color:#ff687e}.integration-roadmap{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.pipeline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pipeline span{font-size:9px;font-weight:800;padding:7px 8px;border:1px solid rgba(243,11,50,.18);background:rgba(243,11,50,.045);border-radius:7px}.pipeline b{color:#4d4d52;font-weight:400}

/* Netflix-style classification + genre overlay at playback start */
.content-start-tags{position:absolute;z-index:5;left:max(24px,env(safe-area-inset-left));top:max(88px,calc(env(safe-area-inset-top) + 74px));max-width:min(520px,calc(100vw - 48px));padding:15px 17px 14px;border-left:3px solid var(--red);background:linear-gradient(90deg,rgba(4,4,5,.86),rgba(4,4,5,.48) 70%,transparent);backdrop-filter:blur(6px);opacity:0;transform:translateX(-18px);pointer-events:none;transition:opacity .48s var(--ease),transform .48s var(--ease)}.content-start-tags.visible{opacity:1;transform:none}.content-start-tags.fade-out{opacity:0;transform:translateX(-10px)}.start-tag-brand{display:flex;align-items:center;gap:7px;color:#9c9ca1;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.start-tag-brand img{width:19px;height:19px}.start-tag-title{font-size:clamp(20px,3vw,32px);font-weight:900;letter-spacing:-.04em;margin:7px 0 9px;text-shadow:0 4px 18px #000}.start-tag-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.start-rating,.start-quality,.start-genre{display:inline-flex;align-items:center;min-height:24px;padding:0 7px;border-radius:5px;font-size:9px;font-weight:900}.start-rating{border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.4)}.start-genre{background:rgba(255,255,255,.09);color:#ddd}.start-quality{border:1px solid rgba(243,11,50,.28);color:#ff6079;background:rgba(243,11,50,.08)}.start-tag-meta{font-size:10px;color:#8d8d92;margin-top:8px}

@media(max-width:1100px){.cinema-grid{grid-template-columns:1fr}.tmdb-workspace{grid-template-columns:1fr}.tmdb-preview{min-height:420px}.integration-roadmap{grid-template-columns:1fr}}
@media(max-width:767px){.brand-logo{width:124px}.admin-sidebar .brand-logo{width:145px}.cinema-heading{display:block}.sync-state{margin:0 0 18px;width:max-content}.cinema-card{min-height:520px}.cinema-scrim{background:linear-gradient(0deg,rgba(6,6,8,.99) 0%,rgba(6,6,8,.87) 48%,rgba(6,6,8,.18) 82%)}.cinema-content{width:100%;padding:20px}.cinema-content h2{font-size:30px}.cinema-content p{-webkit-line-clamp:2}.tmdb-search-form{grid-template-columns:1fr}.tmdb-query{align-items:stretch}.tmdb-query .btn{padding-inline:13px}.integration-status{width:100%;justify-content:center;margin-top:9px}.content-start-tags{left:14px;top:max(72px,calc(env(safe-area-inset-top) + 60px));max-width:calc(100vw - 28px);padding:12px 13px}.start-tag-title{font-size:22px}}
@media(max-width:430px){.live-countdown{display:block}.live-countdown>strong{margin-top:7px;font-size:16px}.cinema-actions{align-items:flex-start;flex-direction:column}.tmdb-query{display:grid;grid-template-columns:1fr}.pipeline b{display:none}}

/* ===== VDEONE Premiere 1.3 polish ===== */
.brand-logo{width:162px;max-height:43px}.admin-sidebar .brand-logo{width:176px}.brand{overflow:visible}.brand-logo{filter:drop-shadow(0 7px 18px rgba(243,11,50,.12))}
.hero-trailer,.detail-trailer{position:absolute;inset:0;z-index:0;overflow:hidden;background:#050506;pointer-events:none}.hero-trailer iframe,.detail-trailer iframe{position:absolute;left:50%;top:50%;width:177.77777778vh;min-width:100%;height:56.25vw;min-height:100%;transform:translate(-50%,-50%) scale(1.035);border:0;pointer-events:none;filter:saturate(.88) contrast(1.04) brightness(.77)}.hero-trailer-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.985) 0%,rgba(5,5,6,.86) 25%,rgba(5,5,6,.46) 49%,rgba(5,5,6,.14) 72%,rgba(5,5,6,.25) 100%),linear-gradient(0deg,#070707 0%,rgba(7,7,7,.92) 7%,rgba(7,7,7,.06) 44%,rgba(0,0,0,.14) 100%);z-index:1}.hero.has-trailer .hero-art,.detail-hero.has-trailer .detail-bg{opacity:.22}.hero.has-trailer .hero-visual{opacity:.10;filter:blur(1px)}.hero-sound{position:absolute;z-index:5;right:clamp(18px,4vw,66px);bottom:22vh;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(8,8,9,.58);backdrop-filter:blur(15px);color:#eee;font-size:10px;font-weight:800;letter-spacing:.05em;cursor:pointer}.detail-hero .hero-sound{bottom:9vh}.hero-live-pill{display:inline-flex;align-items:center;margin-left:8px;padding:3px 6px;border-radius:4px;background:rgba(243,11,50,.14);border:1px solid rgba(243,11,50,.26);color:#ff6379;font-size:8px;letter-spacing:.12em}.hero.has-trailer .hero-content,.detail-hero.has-trailer .detail-content{z-index:3}.trailer-modal-frame,.trailer-inline{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:13px;background:#050506;border:1px solid rgba(255,255,255,.09)}.trailer-modal-frame iframe,.trailer-inline iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.trailer-inline{margin:14px 0 16px}
.locale-chip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;border-radius:7px;background:rgba(243,11,50,.08);border:1px solid rgba(243,11,50,.22);color:#ff667c;font-size:10px;font-weight:900;letter-spacing:.08em}.language-setting{align-items:center}.language-select{min-width:230px}.language-setting .muted{max-width:620px}
.import-steps{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:11px 14px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(90deg,#111113,#0e0e10)}.import-steps>div{display:flex;align-items:center;gap:7px;color:#777;font-size:10px;font-weight:800;white-space:nowrap}.import-steps>div b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#1d1d20;color:#85858b;font-size:9px}.import-steps>div.active{color:#fff}.import-steps>div.active b{background:linear-gradient(135deg,#ff3e58,#d40026);color:#fff}.import-steps>i{height:1px;flex:1;background:linear-gradient(90deg,rgba(243,11,50,.30),rgba(255,255,255,.08));min-width:18px}.tmdb-workspace-v13{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr)}.import-art{height:285px}.trailer-found,.trailer-missing{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border-radius:999px;font-size:9px;font-weight:850;backdrop-filter:blur(12px)}.trailer-found{background:rgba(53,201,130,.12);border:1px solid rgba(53,201,130,.26);color:#75e5b4}.trailer-missing{background:rgba(244,184,64,.10);border:1px solid rgba(244,184,64,.22);color:#eac975}.original-title{display:block;color:#666;font-size:10px}.metadata-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 16px}.metadata-mini-grid>div{padding:10px;border:1px solid var(--border);border-radius:9px;background:#0d0d0f}.metadata-mini-grid b,.metadata-mini-grid span{display:block}.metadata-mini-grid b{font-size:8px;text-transform:uppercase;letter-spacing:.10em;color:#666;margin-bottom:4px}.metadata-mini-grid span{font-size:9px;color:#bbb;line-height:1.45;overflow-wrap:anywhere}.tmdb-url-form{margin:16px -18px -18px;padding:18px;background:linear-gradient(180deg,#0b0b0d,#09090a);border-top:1px solid rgba(255,255,255,.08);display:grid;gap:9px}.import-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.import-form-head h3{margin:3px 0 0;font-size:18px}.secure-field-note{font-size:8px;font-weight:800;color:#6f7278;border:1px solid var(--border);border-radius:999px;padding:5px 7px}.tmdb-url-form>small{font-size:8px;color:#606066}.url-with-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.url-ok,.url-warn{height:34px;padding:0 8px;border-radius:7px;display:grid;place-items:center;font-size:8px;font-weight:900}.url-ok{background:rgba(53,201,130,.08);color:#6dddab}.url-warn{background:rgba(244,184,64,.06);color:#d7bc69}.import-options{display:flex;gap:16px;flex-wrap:wrap;padding:7px 0}.import-options label{display:flex;align-items:center;gap:7px;font-size:9px;color:#b9b9bd}.import-options input{accent-color:#f30b32}.import-primary{width:100%;justify-content:center;min-height:42px}.tmdb-preview-body{padding-bottom:18px}
@media(max-width:1100px){.tmdb-workspace-v13{grid-template-columns:1fr}.hero-sound{bottom:17vh}.detail-hero .hero-sound{bottom:7vh}}
@media(max-width:767px){.brand-logo{width:137px}.admin-sidebar .brand-logo{width:156px}.hero-trailer iframe,.detail-trailer iframe{width:190vh;min-width:106%;filter:saturate(.86) contrast(1.03) brightness(.66)}.hero-sound{right:14px;bottom:15vh;height:34px}.hero-sound span{display:none}.hero.has-trailer .hero-visual{display:none}.language-setting{align-items:flex-start;gap:14px;flex-direction:column}.language-select{width:100%;min-width:0}.import-steps>div span{display:none}.metadata-mini-grid{grid-template-columns:1fr}.import-art{height:220px}.url-with-status{grid-template-columns:1fr}}

/* ===== VDEONE Premiere 1.4 ===== */
.btn:disabled{opacity:.52;cursor:not-allowed}.plan-provider{font-size:8px;letter-spacing:.13em;font-weight:900;color:#6f6f75;margin-bottom:12px}.billing-status{margin:18px auto 0;width:max-content}.billing-trust{max-width:1200px;margin:18px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.billing-trust>div{display:flex;gap:11px;padding:15px;border:1px solid var(--border);border-radius:12px;background:#0f0f10;color:#999}.billing-trust svg{color:#ff526c}.billing-trust b,.billing-trust span{display:block}.billing-trust b{color:#f3f3f5;font-size:11px;margin-bottom:4px}.billing-trust span{font-size:9px;line-height:1.55}.subscription-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin:14px 0;background:linear-gradient(135deg,rgba(243,11,50,.13),rgba(255,255,255,.025));border:1px solid rgba(243,11,50,.2);border-radius:13px}.subscription-hero>div{display:grid;gap:3px}.subscription-hero small{font-size:8px;letter-spacing:.14em;color:#85858b;font-weight:900}.subscription-hero strong{font-size:29px}.subscription-hero div>span{font-size:10px;color:#9a9a9f}.billing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.billing-grid>div{padding:12px;border:1px solid var(--border);border-radius:10px;background:#0d0d0e;min-width:0}.billing-grid span,.billing-grid b{display:block}.billing-grid span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#666;margin-bottom:6px}.billing-grid b{font-size:10px;color:#ddd;overflow:hidden;text-overflow:ellipsis}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px!important}.webhook-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#aaa}.webhook-row b{color:#58d69b;font-size:8px}.security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.security-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;background:#111;border:1px solid var(--border);border-radius:14px;padding:16px}.security-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#ff5a72;background:rgba(243,11,50,.08);border:1px solid rgba(243,11,50,.16)}.security-card h3{font-size:13px;margin:1px 0 4px}.security-card p{font-size:9px;line-height:1.55;color:#777;margin:0}.security-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 15px}.security-flow span{padding:7px 9px;border-radius:7px;background:#151516;border:1px solid var(--border);font-size:9px;font-weight:800}.reality-badge{display:inline-flex;padding:5px 7px;border-radius:6px;background:rgba(244,184,64,.08);border:1px solid rgba(244,184,64,.18);color:#e4c568;font-size:8px;font-weight:900;letter-spacing:.1em}.secure-playback-pill{display:inline-flex;align-items:center;height:32px;padding:0 9px;border-radius:7px;border:1px solid rgba(53,201,130,.18);background:rgba(53,201,130,.06);color:#70d9a9;font-size:8px;font-weight:900;letter-spacing:.08em}.player-wrap,.player-video{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.integration-status.pending{border-color:rgba(244,184,64,.22);background:rgba(244,184,64,.05);color:#e9c76d}.integration-status.pending span{background:#f4b840}@media(max-width:1100px){.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-trust{grid-template-columns:1fr}}@media(max-width:767px){.security-grid{grid-template-columns:1fr}.subscription-hero{flex-direction:column;align-items:flex-start}.secure-playback-pill{display:none}}@media(max-width:430px){.billing-grid{grid-template-columns:1fr}}


/* ===== VDEONE 2.0 — Official Neon Brand / Centralized System ===== */
:root{
  --bg:#0A0D1A;
  --bg2:#0D1020;
  --surface:#11152A;
  --surface2:#151A33;
  --surface3:#1A2040;
  --text:#E6E6FF;
  --text2:#b9b8d7;
  --muted:#73779d;
  --border:rgba(138,92,255,.18);
  --red:#B05CFF;
  --red2:#26D4FF;
  --accent-pink:#FF4FD8;
  --accent-violet:#8A5CFF;
  --accent-cyan:#26D4FF;
  --accent-blue:#3D7BFF;
  --green:#42d6a4;
  --yellow:#f6c866;
  --shadow:0 24px 90px rgba(0,0,0,.5);
  --header:76px;
}
html,body{background:#0A0D1A}
body{
  background:
    radial-gradient(circle at 20% -10%,rgba(137,59,255,.14),transparent 28%),
    radial-gradient(circle at 82% 2%,rgba(45,184,255,.10),transparent 24%),
    linear-gradient(180deg,#0D1020 0%,#0A0D1A 55%,#070913 100%);
}
::selection{background:rgba(181,60,255,.46);color:#fff}
.shell{
  background:
    radial-gradient(circle at 50% -10%,rgba(103,73,255,.14),transparent 32%),
    radial-gradient(circle at 95% 20%,rgba(38,192,255,.07),transparent 26%),
    transparent;
}
.app-header{
  height:var(--header);
  padding:0 24px;
}
.app-header.scrolled,.app-header.solid{
  background:rgba(10,13,26,.90);
  border-bottom:1px solid rgba(115,100,255,.14);
  box-shadow:0 12px 35px rgba(0,0,0,.22);
}
.header-inner{
  max-width:1540px;
  width:100%;
  margin:0 auto;
  gap:34px;
}
.brand{height:54px;overflow:visible}
.brand-logo{
  width:210px;
  max-height:54px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 10px 24px rgba(136,63,255,.26)) drop-shadow(0 0 20px rgba(42,188,255,.10));
}
.admin-sidebar .brand-logo{width:188px;max-height:64px}
.nav{gap:28px;color:#c6c5dd}
.nav a{font-weight:700}
.nav a.active:after{
  height:3px;
  background:linear-gradient(90deg,#d54de5,#7b5cff 45%,#29c0ff);
  box-shadow:0 0 14px rgba(115,90,255,.72);
}
.icon-btn:hover,.round-btn:hover{background:rgba(119,88,255,.12)}
.profile-chip{
  border-color:rgba(123,100,255,.22);
  background:rgba(17,21,49,.64);
}
.avatar{
  background:linear-gradient(135deg,#d94fdf,#7959ff 48%,#22bfff);
  box-shadow:0 0 20px rgba(145,78,255,.28);
}

/* central page system */
.page,
.rails-wrap,
.detail-grid,
.account-layout,
.plans-grid,
.billing-trust,
.cinema-page{
  width:min(calc(100% - 48px),1540px);
  max-width:1540px;
  margin-left:auto;
  margin-right:auto;
}
.page{
  padding-inline:0;
  padding-top:calc(var(--header) + 34px);
}
.section{margin-top:44px}
.section-head{align-items:center}
.section-kicker{
  color:#d857e5;
  text-shadow:0 0 16px rgba(216,87,229,.23);
}
.section-title{color:#f4f2ff}

/* hero */
.hero{
  width:min(calc(100% - 48px),1540px);
  min-height:min(82vh,760px);
  margin:calc(var(--header) + 20px) auto 0;
  border-radius:26px;
  border:1px solid rgba(126,103,255,.22);
  box-shadow:0 34px 100px rgba(0,0,0,.48),0 0 80px rgba(87,72,255,.06);
  background:#070817;
}
.hero-art:before{
  background:
    linear-gradient(90deg,rgba(5,6,18,.985) 0%,rgba(5,6,18,.88) 25%,rgba(5,6,18,.48) 46%,rgba(5,6,18,.12) 68%,rgba(5,6,18,.28) 100%),
    linear-gradient(0deg,#050612 0%,rgba(5,6,18,.92) 6%,transparent 42%),
    radial-gradient(circle at 76% 38%,rgba(151,77,255,.10),transparent 34%);
}
.hero-art:after{
  border-color:rgba(112,113,255,.20);
  box-shadow:0 0 0 48px rgba(126,78,255,.025),0 0 0 96px rgba(38,184,255,.018),0 0 80px rgba(176,55,255,.10);
}
.hero-content{
  width:min(700px,58%);
  padding-left:clamp(30px,4.3vw,72px);
  padding-bottom:clamp(54px,8vh,92px);
}
.eyebrow-dot{
  background:#d84bdd;
  box-shadow:0 0 22px rgba(211,73,224,.95);
}
.meta-row b{color:#55d7ac}
.hero-live-pill{
  background:rgba(182,60,255,.10);
  border-color:rgba(182,60,255,.30);
  color:#de77ff;
}
.hero-actions .btn-primary,
.btn-red{
  color:#fff;
  border:0;
  background:linear-gradient(115deg,#d347da 0%,#8754ff 45%,#27baff 100%);
  box-shadow:0 10px 28px rgba(100,78,255,.24),0 0 20px rgba(36,190,255,.10);
}
.hero-actions .btn-primary:hover,.btn-red:hover{
  background:linear-gradient(115deg,#e455e2 0%,#9464ff 45%,#3ac7ff 100%);
}
.btn-ghost{
  background:rgba(11,15,37,.58);
  border-color:rgba(129,111,255,.22);
}
.btn-dark{
  background:#0e1227;
  border-color:rgba(119,101,255,.18);
}
.hero-center-play{
  position:absolute;
  z-index:6;
  left:68%;
  top:48%;
  width:86px;
  height:86px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.48);
  color:#fff;
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 35%),linear-gradient(135deg,rgba(228,66,214,.94),rgba(111,71,255,.92) 50%,rgba(34,190,255,.92));
  box-shadow:0 0 0 7px rgba(114,78,255,.10),0 0 32px rgba(188,62,255,.52),0 0 44px rgba(34,188,255,.22);
  cursor:pointer;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.hero-center-play:hover{
  transform:translate(-50%,-50%) scale(1.06);
  box-shadow:0 0 0 9px rgba(114,78,255,.12),0 0 42px rgba(188,62,255,.66),0 0 52px rgba(34,188,255,.30);
}
.hero-sound{
  background:rgba(7,9,24,.62);
  border-color:rgba(126,110,255,.22);
}
.hero-keyart{
  background:radial-gradient(circle at 72% 18%,rgba(39,196,255,.24),transparent 15%),linear-gradient(155deg,#5b1e95,#20125d 48%,#08091a);
  box-shadow:0 45px 105px rgba(0,0,0,.65),0 0 66px rgba(168,55,255,.16),0 0 35px rgba(39,196,255,.10),inset 0 0 0 1px rgba(255,255,255,.12);
}

/* rails/cards aligned to same center */
.rails-wrap{
  padding:0 0 84px;
  margin-top:-34px;
}
.experience-strip{
  border-color:rgba(127,105,255,.16);
  background:linear-gradient(90deg,rgba(84,54,171,.18),rgba(18,22,49,.66),rgba(21,48,74,.16));
}
.experience-dot{
  background:#d84bdd;
  box-shadow:0 0 18px rgba(216,75,221,.90);
}
.rail-head{margin-bottom:15px}
.rail-title{font-size:22px}
.rail-link{color:#9d8cff}
.rail-link:hover{color:#42c5ff}
.rail{gap:14px}
.card{
  background:#0b0e20;
  border:1px solid rgba(115,100,255,.13);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.card:hover{
  border-color:rgba(180,74,255,.42);
  box-shadow:0 26px 64px rgba(0,0,0,.52),0 0 32px rgba(115,77,255,.11);
}
.card-overlay{
  background:linear-gradient(0deg,rgba(4,5,15,.94) 0%,rgba(5,6,18,.14) 63%);
}
.badge-red,.badge{
  background:rgba(10,12,31,.74);
  border-color:rgba(128,109,255,.17);
}
.badge-red{color:#f0b4ff}
.progress>span{
  background:linear-gradient(90deg,#d84ddd,#8a5aff 52%,#2fc1ff);
  box-shadow:0 0 12px rgba(159,72,255,.45);
}
.card-play-center{
  position:absolute;
  z-index:7;
  left:50%;
  top:50%;
  width:52px;
  height:52px;
  transform:translate(-50%,-50%) scale(.9);
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.46);
  color:#fff;
  background:linear-gradient(135deg,rgba(221,69,219,.94),rgba(114,78,255,.94) 50%,rgba(38,192,255,.92));
  box-shadow:0 0 22px rgba(177,67,255,.46),0 0 18px rgba(40,188,255,.16);
  opacity:0;
  cursor:pointer;
  transition:opacity .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease);
}
.card:hover .card-play-center,
.card:focus-within .card-play-center,
.card.progress-card .card-play-center,
.card.landscape-card .card-play-center{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}
.card-play-center:hover{
  transform:translate(-50%,-50%) scale(1.08)!important;
  box-shadow:0 0 32px rgba(177,67,255,.62),0 0 26px rgba(40,188,255,.24);
}
.card-actions{justify-content:flex-end}
.mini-btn{
  background:rgba(7,9,24,.78);
  border-color:rgba(132,110,255,.22);
}
.mini-btn:hover{background:#8257ff;color:#fff}

/* inputs/tags */
.field,.select,.search-big{
  background:#0b0e22;
  border-color:rgba(120,103,255,.20);
  color:#f4f2ff;
}
.field:focus,.select:focus,.search-big:focus{
  border-color:#815cff;
  box-shadow:0 0 0 3px rgba(113,85,255,.12);
}
.locale-chip,.start-quality{
  color:#d974ff;
  border-color:rgba(186,75,255,.28);
  background:rgba(171,60,255,.08);
}
.switch.on{background:linear-gradient(90deg,#b63cff,#27bfff)}
input[type="checkbox"]{accent-color:#8c58ff}

/* plans/account */
.plan,.panel,.stat,.account-nav{
  background:linear-gradient(145deg,#0d1024,#080a19);
  border-color:rgba(121,102,255,.17);
}
.plan.featured{
  border-color:rgba(179,76,255,.54);
  box-shadow:0 22px 70px rgba(107,74,255,.12);
}
.plan.featured:before{background:linear-gradient(90deg,#d04bdc,#7a59ff)}
.subscription-hero{
  background:linear-gradient(135deg,rgba(187,62,255,.14),rgba(39,192,255,.05));
  border-color:rgba(137,99,255,.25);
}
.billing-grid>div,.billing-fineprint,.billing-trust>div{
  background:#0a0d20;
  border-color:rgba(118,99,255,.16);
}

/* cinema + TMDB */
.cinema-card,.tmdb-search-panel,.tmdb-preview,.chart-card,.kpi,.table-wrap,.provider{
  background:linear-gradient(150deg,#0d1128,#080a18);
  border-color:rgba(117,100,255,.16);
}
.cinema-card:hover,.tmdb-result:hover{
  border-color:rgba(177,74,255,.34);
  box-shadow:0 28px 78px rgba(0,0,0,.42),0 0 32px rgba(113,78,255,.09);
}
.cinema-source,.countdown-live{color:#d866ff}
.countdown-live i{background:#d64bdb;box-shadow:0 0 15px rgba(214,75,219,.9)}
.importer-help{
  border-left-color:#9b58ff;
  background:rgba(120,76,255,.06);
}
.import-steps>div.active b{
  background:linear-gradient(135deg,#dc4ddc,#7759ff 55%,#28bfff);
}
.import-steps>i{background:linear-gradient(90deg,rgba(182,60,255,.42),rgba(45,190,255,.15))}
.import-options input{accent-color:#8c58ff}

/* admin fully centralized */
.admin-shell{
  grid-template-columns:248px minmax(0,1fr);
  background:radial-gradient(circle at 90% 0%,rgba(44,190,255,.06),transparent 25%),radial-gradient(circle at 0% 20%,rgba(179,62,255,.08),transparent 28%),#050612;
}
.admin-sidebar{
  background:linear-gradient(180deg,#0c0d25 0%,#070919 52%,#050612 100%);
  border-right-color:rgba(126,109,255,.18);
}
.admin-nav a{
  color:#a6a5c2;
}
.admin-nav a:hover{background:rgba(107,84,255,.10)}
.admin-nav a.active{
  background:linear-gradient(90deg,rgba(185,63,255,.20),rgba(64,185,255,.05));
  box-shadow:inset 3px 0 0 #a65cff;
}
.admin-nav a.active svg{color:#45c4ff}
.admin-topbar{
  background:rgba(6,7,20,.92);
  border-bottom-color:rgba(122,104,255,.16);
}
.admin-content{
  width:min(100%,1540px);
  margin:0 auto;
  padding:28px 32px 44px;
}
.kpi{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.kpi:hover{border-color:rgba(158,75,255,.30)}
.build-pill{
  background:rgba(174,62,255,.10);
  border-color:rgba(172,69,255,.22);
  color:#dc83ff;
}
.chart-svg{filter:drop-shadow(0 0 8px rgba(128,82,255,.12))}
.security-icon{
  color:#d85fff;
  background:rgba(173,63,255,.08);
  border-color:rgba(172,65,255,.18);
}

/* player */
.timeline{accent-color:#9c5cff}

.content-start-tags{border-left-color:#aa58ff}
.secure-playback-pill{
  border-color:rgba(46,196,255,.22);
  background:rgba(40,184,255,.07);
  color:#79d9ff;
}

/* mobile nav + centered responsive structure */
.mobile-nav{
  background:rgba(6,8,25,.94);
  border-top:1px solid rgba(116,101,255,.20);
  box-shadow:0 -20px 60px rgba(0,0,0,.28);
}
.mobile-nav a.active{color:#dc68ff}
.mobile-nav a.active .micon{
  background:linear-gradient(135deg,#d94be0,#7959ff 55%,#27bfff);
  color:#fff;
  box-shadow:0 0 22px rgba(148,72,255,.28);
}

@media(max-width:1100px){
  .header-inner{gap:20px}
  .brand-logo{width:185px}
  .hero{width:min(calc(100% - 32px),1540px)}
  .hero-center-play{left:70%}
  .page,.rails-wrap,.detail-grid,.account-layout,.plans-grid,.billing-trust,.cinema-page{width:min(calc(100% - 32px),1540px)}
}
@media(max-width:767px){
  :root{--header:64px}
  .app-header{padding:0 14px;height:var(--header)}
  .header-inner{justify-content:space-between;gap:10px}
  .header-actions{gap:2px}
  .header-actions .icon-btn{width:40px;height:40px}
  .brand-logo{width:136px;max-height:42px}
  .admin-sidebar .brand-logo{width:154px}
  .hero{
    width:100%;
    min-height:clamp(640px,calc(100svh - var(--header)),760px);
    margin-top:var(--header);
    border-radius:0;
  }
  .hero-content{
    width:100%;
    padding:0 18px 96px;
    background:linear-gradient(0deg,rgba(5,6,18,.99) 0%,rgba(5,6,18,.90) 34%,rgba(5,6,18,.48) 66%,transparent 100%);
  }
  .hero .eyebrow{font-size:10px;gap:7px;letter-spacing:.16em}
  .hero-title{font-size:clamp(36px,11vw,48px);line-height:.94}
  .hero .meta-row{gap:7px 11px;font-size:13px;line-height:1.25}
  .hero .rating-pill{font-size:10.5px;padding:3px 6px}
  .hero .quality{display:none!important}
  .hero-copy{font-size:14px!important;line-height:1.48!important;margin:14px 0 18px!important;-webkit-line-clamp:3}
  .hero-rank{display:none}
  .page,.rails-wrap,.detail-grid,.account-layout,.plans-grid,.billing-trust,.cinema-page{width:calc(100% - 24px)}
  .rails-wrap{padding-bottom:110px;margin-top:-8px}
  .rail{grid-auto-columns:minmax(148px,44vw)}
  .landscape-card,.progress-card{min-width:260px}
  .card-play-center{width:50px;height:50px;opacity:1}
  .account-layout{display:block}
  .account-nav{position:relative;top:auto;margin-bottom:18px;display:flex;overflow:auto}
  .account-nav a{white-space:nowrap}
  .admin-content{padding:18px 14px 32px}
}
@media(max-width:430px){
  .brand-logo{width:132px}
  .hero{min-height:660px}
  .hero-center-play{top:40%}
  .hero-copy{-webkit-line-clamp:2}
}

/* v1.5 trailer fallback and mobile cleanup */
.hero-trailer iframe,.detail-trailer iframe{opacity:1;transition:opacity .45s var(--ease)}
.hero-trailer.is-ready iframe,.detail-trailer.is-ready iframe{opacity:1}
.hero-trailer.fallback iframe,.detail-trailer.fallback iframe{display:block}
.hero-trailer.fallback,.detail-trailer.fallback{pointer-events:none}
.hero.has-trailer .hero-art,.detail-hero.has-trailer .detail-bg{opacity:.86}
.hero.has-trailer .hero-visual{opacity:.16}
.hero-trailer.is-ready~.hero-visual{opacity:.09}
@media(max-width:767px){
  .profile-chip{display:none}
  .hero-center-play{top:31%}
  .hero-content{padding-bottom:52px}
}

/* v1.5 mobile composition refinement */
@media(max-width:767px){
  .hero{min-height:590px}
  .hero-center-play{top:24%;width:70px;height:70px}
  .hero.has-trailer .hero-visual{
    display:grid;
    opacity:.20;
    width:92vw;
    height:400px;
    right:-28%;
    top:3%;
    filter:none;
  }
  .hero-keyart{min-width:225px;width:52%}
  .hero-content{padding:0 20px 38px}
  .hero-title{margin-top:12px;margin-bottom:14px}
  .hero-copy{margin:14px 0 20px}
}
@media(max-width:430px){
  .hero{min-height:570px}
  .hero-center-play{top:23%}
  .hero.has-trailer .hero-visual{right:-31%;top:2%;opacity:.18}
}


/* ===== VDEONE Premiere 1.6 — MASTER CENTRALIZED / MOBILE TAB FIX ===== */
.brand-logo{
  display:block;
  height:auto;
  object-fit:contain;
  object-position:left center;
  image-rendering:auto;
  transform:none!important;
}
/* Never rebuild or crop the official wordmark. The final O contains the play glyph in the PNG asset. */
.brand{overflow:visible!important}

/* Mathematical play centering: hero artwork and every card thumbnail. */
.hero-center-play{
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center!important;
}
.card-art{position:relative}
.card-art>.card-play-center{
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%) scale(.9)!important;
  transform-origin:center!important;
}
.card:hover .card-play-center,
.card:focus-within .card-play-center,
.card.progress-card .card-play-center,
.card.landscape-card .card-play-center{
  transform:translate(-50%,-50%) scale(1)!important;
}
.card-play-center:hover{transform:translate(-50%,-50%) scale(1.08)!important}

@media(max-width:1023px){
  .mobile-nav{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    left:50%!important;
    right:auto!important;
    width:min(calc(100% - 20px),580px);
    transform:translateX(-50%);
    bottom:max(8px,env(safe-area-inset-bottom));
    padding:7px 8px calc(7px + env(safe-area-inset-bottom));
    border:1px solid rgba(129,110,255,.20);
    border-radius:20px;
    background:linear-gradient(180deg,rgba(10,12,34,.94),rgba(6,8,25,.97));
    box-shadow:0 -12px 44px rgba(0,0,0,.38),0 0 34px rgba(91,70,255,.07);
    backdrop-filter:blur(24px) saturate(135%);
    overflow:hidden;
  }
  .mobile-nav:before{
    content:"";
    position:absolute;
    left:10%;right:10%;top:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(197,90,255,.38),rgba(42,197,255,.24),transparent);
    pointer-events:none;
  }
  .mobile-nav a{
    position:relative;
    isolation:isolate;
    min-width:0;
    min-height:58px;
    padding:7px 2px 5px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    border-radius:14px;
    color:#898da9;
    font-size:9px;
    font-weight:650;
    line-height:1;
    text-align:center;
    transition:color .18s var(--ease),transform .18s var(--ease);
  }
  .mobile-nav a:active{transform:scale(.97)}
  .mobile-nav a:before{
    content:"";
    position:absolute;
    left:50%;top:1px;
    width:30px;height:3px;
    transform:translateX(-50%) scaleX(.45);
    border-radius:999px;
    background:linear-gradient(90deg,#e55bea,#8a62ff 52%,#31c9ff);
    box-shadow:0 0 12px rgba(181,78,255,.38);
    opacity:0;
    transition:opacity .18s var(--ease),transform .18s var(--ease);
  }
  .mobile-nav a:after{
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;top:15px;
    width:36px;height:28px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(175,75,255,.20),rgba(52,190,255,.08) 46%,transparent 70%);
    filter:blur(7px);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s var(--ease);
  }
  .mobile-nav .micon{
    width:34px;height:28px;
    display:grid;
    place-items:center;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:currentColor;
    transition:color .18s var(--ease),filter .18s var(--ease),transform .18s var(--ease);
  }
  .mobile-nav .micon svg{width:21px;height:21px;display:block}
  .mobile-nav a.active{
    color:#e3b3ff!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mobile-nav a.active:before{opacity:1;transform:translateX(-50%) scaleX(1)}
  .mobile-nav a.active:after{opacity:1}
  .mobile-nav a.active .micon{
    color:#f1d8ff!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:drop-shadow(0 0 7px rgba(207,80,255,.72)) drop-shadow(0 0 10px rgba(47,196,255,.25));
    transform:translateY(-1px);
  }
  .mobile-nav a.active>span:last-child{
    color:#d96dff;
    text-shadow:0 0 12px rgba(196,80,255,.24);
  }
}

@media(max-width:430px){
  .mobile-nav{width:calc(100% - 16px);border-radius:18px;padding-inline:5px}
  .mobile-nav a{font-size:8.7px;min-height:56px}
  .mobile-nav .micon svg{width:20px;height:20px}
  .brand-logo{width:132px!important;max-height:42px!important}
}

.boot-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;background:#050612;color:#fff;text-align:center}
.boot-logo{width:min(260px,68vw);height:auto}.boot-spinner{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.14);border-top-color:#b05cff;border-right-color:#26d4ff;animation:moviioSpin .8s linear infinite}
.boot-screen small{font-size:10px;color:#8187a5;letter-spacing:.12em;text-transform:uppercase}@keyframes moviioSpin{to{transform:rotate(360deg)}}


/* ===== VDEONE Premiere 1.6.2 — EXPANDED HERO CONTENT SPACE ===== */
@media(min-width:1024px){
  .hero{
    min-height:min(86vh,820px);
  }
  .hero-content{
    align-self:stretch;
    width:min(860px,62%);
    max-width:860px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-left:clamp(42px,5vw,88px);
    padding-right:clamp(24px,2.4vw,42px);
    padding-top:clamp(86px,9vh,118px);
    padding-bottom:clamp(72px,8vh,104px);
  }
  .hero-title{
    max-width:820px;
    font-size:clamp(62px,6.6vw,112px);
    line-height:.88;
    margin:20px 0 22px;
  }
  .hero-copy{
    max-width:760px;
    font-size:clamp(16px,1.18vw,19px);
    line-height:1.72;
    margin:20px 0 29px;
  }
  .hero .meta-row{
    gap:11px 17px;
    font-size:15px;
  }
  .hero .rating-pill,.hero .quality{font-size:12px}
  .hero-actions{gap:12px}
  .hero-actions .btn{min-height:49px;padding-inline:22px;font-size:14px}
  .hero-actions .btn-primary{padding-inline:27px}
  .hero-visual{
    right:2.2vw;
    top:10%;
    width:min(39vw,610px);
    height:min(70vh,650px);
  }
  .hero-center-play{
    left:74.2%;
    top:48%;
  }
  .hero-rank{right:clamp(22px,2.8vw,46px)}
  .hero-art:before{
    background:
      linear-gradient(90deg,rgba(5,6,18,.99) 0%,rgba(5,6,18,.93) 28%,rgba(5,6,18,.66) 48%,rgba(5,6,18,.24) 65%,rgba(5,6,18,.25) 100%),
      linear-gradient(0deg,#050612 0%,rgba(5,6,18,.92) 6%,transparent 42%),
      radial-gradient(circle at 78% 38%,rgba(151,77,255,.10),transparent 34%);
  }
}
@media(min-width:1024px) and (max-width:1279px){
  .hero-content{width:64%;padding-left:44px;padding-right:28px}
  .hero-title{font-size:clamp(58px,7vw,94px)}
  .hero-copy{max-width:680px}
  .hero-visual{right:-1vw;width:40vw;opacity:.76}
  .hero-center-play{left:75%}
}
@media(max-width:1023px){
  .hero-content{max-width:none}
}
@media(max-width:767px){
  .hero-content{
    width:100%;
    padding-left:22px;
    padding-right:22px;
  }
  .hero-copy{-webkit-line-clamp:3}
}

/* ===== VDEONE 1.6.3 · Clean Client Experience ===== */
.plans-intro{
  max-width:760px;
  margin:34px auto 30px;
  text-align:center;
}
.plans-intro .page-subtitle{margin-inline:auto;max-width:620px}
.clean-trust>div{
  background:linear-gradient(145deg,rgba(21,22,44,.82),rgba(9,11,26,.94));
  border-color:rgba(138,92,255,.16);
}
.clean-billing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.subscription-clean .subscription-hero{
  border-color:rgba(138,92,255,.22);
  background:
    radial-gradient(circle at 10% 0%,rgba(255,79,216,.11),transparent 46%),
    linear-gradient(135deg,rgba(61,120,255,.08),rgba(9,10,23,.95));
}
.clean-cinema-heading{margin-bottom:24px}
.clean-cinema-heading>div{max-width:780px}
.cinema-source{
  letter-spacing:.14em;
  color:#c7b8ff;
  background:rgba(138,92,255,.10);
  border:1px solid rgba(138,92,255,.18);
}
.cinema-actions{margin-top:15px}
.player-top h2{margin:0}
.player-top>div{display:flex;align-items:center;min-height:42px}

.experience-strip small{color:#9aa1c6}
@media(max-width:767px){
  .plans-intro{margin:20px auto 22px;text-align:left}
  .clean-billing-grid{grid-template-columns:1fr}
}

/* ===== VDEONE 1.6.4 · Full Real Build ===== */
/* Keep approved visual system; only correct alignment, real states and missing surfaces. */
.plan.featured:before{
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  padding:7px 18px!important;
  border-radius:0 0 10px 10px!important;
  text-align:center!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.cinema-source{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  align-self:flex-start!important;
  padding:5px 10px!important;
  border-radius:7px!important;
  white-space:nowrap!important;
}
.premiere-today{
  width:max-content!important;
  max-width:100%!important;
  min-height:44px!important;
  padding:0 16px!important;
  border-color:rgba(177,91,255,.24)!important;
}
.premiere-today>div{display:flex!important;align-items:center!important;gap:9px!important}
.premiere-today strong{white-space:nowrap!important}
.continue-rail{grid-auto-columns:minmax(360px,28vw)!important;gap:16px!important}
.continue-rail .card{min-width:360px;aspect-ratio:16/9!important;border-radius:14px!important}
.continue-rail .card-title{font-size:20px!important}.continue-rail .card-meta{font-size:11px!important}.continue-rail .progress{height:4px!important}
.more-menu-list{display:grid;gap:8px}.more-menu-list button,.more-menu-list a{min-height:48px;display:flex;align-items:center;gap:12px;width:100%;padding:0 14px;border:1px solid rgba(127,104,255,.17);border-radius:11px;background:#0b0e20;color:#eef;text-decoration:none;font:700 13px/1 var(--vde-font-ui);cursor:pointer;text-align:left}.more-menu-list button:hover,.more-menu-list a:hover{border-color:rgba(194,86,255,.42);background:#11152b}
.account-logout{display:flex;align-items:center;gap:7px;padding:10px 12px;border:0;background:transparent;color:#8e93b0;font-weight:700;font-size:12px;white-space:nowrap;cursor:pointer}.account-logout:hover{color:#fff}

/* Public pre-auth homescreen */
.public-home{min-height:100vh;background:#050612;color:#fff;overflow:hidden}.public-header{position:relative;z-index:10;padding:22px clamp(20px,5vw,72px)}.public-header-inner{max-width:1540px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.public-brand .brand-logo{width:210px!important}.public-actions{display:flex;gap:10px}.public-hero{position:relative;min-height:670px;max-width:1540px;margin:auto;padding:clamp(80px,11vh,130px) clamp(20px,5vw,72px) 90px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:50px}.public-hero-content{position:relative;z-index:3;max-width:760px}.public-hero-content h1{font-size:clamp(58px,7vw,112px);line-height:.9;letter-spacing:-.065em;margin:20px 0 24px}.public-hero-content p{max-width:650px;color:#aeb4d2;font-size:clamp(17px,1.4vw,21px);line-height:1.7}.public-hero-actions{display:flex;gap:12px;margin-top:28px}.public-glow{position:absolute;border-radius:50%;filter:blur(85px);pointer-events:none}.public-glow-a{width:520px;height:520px;right:3%;top:8%;background:rgba(115,80,255,.23)}.public-glow-b{width:360px;height:360px;left:8%;bottom:-15%;background:rgba(33,199,255,.11)}.public-showcase{position:relative;height:480px}.showcase-card{position:absolute;width:300px;aspect-ratio:2/3;border:1px solid rgba(154,91,255,.28);border-radius:22px;background:linear-gradient(145deg,#151a44,#081228 58%,#190a36);box-shadow:0 28px 80px rgba(0,0,0,.48),0 0 50px rgba(112,70,255,.08)}.showcase-card:before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,#b556ff 0,#286dff 35%,transparent 66%);filter:blur(8px);opacity:.55}.showcase-card.s1{left:2%;top:12%;transform:rotate(-8deg)}.showcase-card.s2{left:28%;top:0;z-index:2}.showcase-card.s3{left:54%;top:14%;transform:rotate(8deg)}.public-benefits{max-width:1380px;margin:0 auto 80px;padding:0 clamp(20px,5vw,72px);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.public-benefits article{padding:25px;border:1px solid rgba(127,105,255,.16);border-radius:16px;background:linear-gradient(145deg,rgba(15,18,43,.86),rgba(7,9,24,.92))}.public-benefits strong,.public-benefits span{display:block}.public-benefits strong{font-size:20px;margin-bottom:8px}.public-benefits span{color:#8f96b7;line-height:1.6;font-size:13px}

/* Auth */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(420px,1.05fr);background:#050612}.auth-visual{position:relative;padding:48px clamp(32px,5vw,82px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-right:1px solid rgba(129,105,255,.13)}.auth-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 28%,rgba(190,71,255,.24),transparent 27%),radial-gradient(circle at 74% 60%,rgba(28,181,255,.18),transparent 30%)}.auth-visual>*{position:relative;z-index:2}.auth-logo .brand-logo{width:220px!important}.auth-visual h2{font-size:clamp(42px,5vw,76px);line-height:.94;letter-spacing:-.055em;max-width:700px;margin:14px 0}.auth-visual p{color:#a1a8c9;font-size:16px;max-width:520px;line-height:1.65}.auth-card{width:min(500px,calc(100% - 44px));margin:auto;padding:38px;border:1px solid rgba(132,105,255,.18);border-radius:22px;background:linear-gradient(155deg,#0e122d,#080a1a);box-shadow:0 30px 100px rgba(0,0,0,.45)}.auth-card h1{font-size:38px;letter-spacing:-.04em;margin:28px 0 8px}.auth-card>p{color:#9298b7;margin-bottom:26px}.auth-card .field{width:100%;min-height:48px}.auth-back{display:inline-flex;align-items:center;gap:7px;color:#9ba0bd;text-decoration:none;font-size:12px}.auth-switch{text-align:center!important;margin:0!important;font-size:13px}.auth-switch a{color:#d285ff;text-decoration:none;font-weight:800}

/* Scroll-triggered cinematic heroes */
.scroll-hero{position:relative;min-height:560px;margin:46px 0;border:1px solid rgba(128,102,255,.18);border-radius:22px;overflow:hidden;isolation:isolate;background:#080a18}.scroll-hero-bg{position:absolute;inset:0;background:var(--scroll-bg);background-size:cover;background-position:center;transition:opacity .35s;z-index:-3}.scroll-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,18,.96),rgba(5,6,18,.66) 45%,rgba(5,6,18,.14)),linear-gradient(0deg,rgba(5,6,18,.85),transparent 52%)}.scroll-trailer-slot{position:absolute;inset:0;z-index:-2;overflow:hidden}.scroll-trailer-slot iframe{position:absolute;left:50%;top:50%;width:177.777vh;min-width:100%;height:56.25vw;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none;filter:saturate(.88) brightness(.72)}.scroll-hero.trailer-playing .scroll-hero-bg{opacity:.18}.scroll-hero-content{width:min(720px,62%);min-height:560px;padding:70px clamp(30px,5vw,78px);display:flex;flex-direction:column;justify-content:center}.scroll-hero-content h2{font-size:clamp(48px,5.7vw,88px);line-height:.93;letter-spacing:-.055em;margin:16px 0}.scroll-hero-content p{max-width:650px;color:#c5c9dd;line-height:1.7;font-size:16px}

.clean-empty{margin-top:28px}
@media(max-width:1023px){.continue-rail{grid-auto-columns:minmax(310px,58vw)!important}.continue-rail .card{min-width:310px}.public-hero{grid-template-columns:1fr;min-height:auto}.public-showcase{height:390px;max-width:620px;width:100%;margin:auto}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.scroll-hero-content{width:78%}}
@media(max-width:767px){.continue-rail{grid-auto-columns:minmax(285px,78vw)!important}.continue-rail .card{min-width:285px}.plan.featured:before{padding:6px 14px!important;font-size:8px!important}.public-header{padding:18px max(16px,env(safe-area-inset-left)) 10px}.public-header-inner{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:start;gap:16px;width:100%;max-width:100%}.public-brand{min-width:0;max-width:100%}.public-brand .brand-logo{width:min(188px,58vw)!important;max-width:100%;height:auto}.public-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0}.public-actions .btn{width:100%;min-width:0;height:50px;padding:0 12px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;font-size:15px;line-height:1.1}.public-hero{padding:52px 18px 60px}.public-hero-content h1{font-size:clamp(48px,15vw,72px)}.public-showcase{height:310px}.showcase-card{width:190px}.public-benefits{grid-template-columns:1fr;padding-inline:18px}.auth-card{width:calc(100% - 28px);padding:26px}.auth-card h1{font-size:32px}.scroll-hero{min-height:500px;border-radius:17px}.scroll-hero-content{width:100%;min-height:500px;padding:38px 22px;justify-content:flex-end}.scroll-hero-content h2{font-size:48px}.scroll-hero-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
@media(max-width:360px){.public-actions{grid-template-columns:1fr}.public-actions .btn{height:48px}.public-brand .brand-logo{width:min(176px,66vw)!important}.public-hero{padding-top:42px}}


/* ===== VDEONE 1.6.5 precision polish ===== */
/* Desktop: the More button must always read as three dots. */
.hero-actions [data-more]{
  display:inline-flex!important;
  width:54px!important;
  min-width:54px!important;
  flex:0 0 54px!important;
  padding:0!important;
  color:#fff!important;
  background:rgba(13,17,42,.82)!important;
  border:1px solid rgba(142,112,255,.30)!important;
  box-shadow:0 9px 25px rgba(0,0,0,.22)!important;
}
.hero-actions [data-more] svg{width:24px!important;height:24px!important;color:#f7f5ff!important;stroke-width:0!important;overflow:visible}

/* Premiere label is vertically centered on every viewport. */
.premiere-today{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:48px!important;min-height:48px!important;padding:0 16px!important}
.premiere-today>div{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
.premiere-today strong{display:flex!important;align-items:center!important;height:100%!important;line-height:1!important;margin:0!important}
.premiere-today .experience-dot{flex:0 0 auto!important}

/* Trailer sound control stays away from Mi Lista / action buttons. */
.hero-sound{top:clamp(104px,15vh,148px)!important;bottom:auto!important;right:clamp(20px,4vw,64px)!important}
.detail-hero .hero-sound{top:100px!important;bottom:auto!important}

/* TMDB importer: no green status/button language; use the VDEONE palette. */
.tmdb-import-editor .trailer-found{background:rgba(143,87,255,.12)!important;border-color:rgba(143,87,255,.28)!important;color:#c6a8ff!important}
.tmdb-import-editor .url-ok{background:rgba(41,190,255,.08)!important;color:#7edcff!important}

/* Admin icon system: consistent 20px optical box and stroke. */
.admin-nav a{min-height:44px;gap:12px!important}
.admin-nav a svg{width:20px!important;height:20px!important;min-width:20px!important;stroke-width:1.65!important;color:#8f96ba;filter:none!important}
.admin-nav a:hover svg{color:#b89cff}
.admin-nav a.active svg{color:#45c8ff!important;filter:drop-shadow(0 0 8px rgba(69,200,255,.16))}
.admin-topbar .icon-btn svg,.kpi svg,.chart-card svg{stroke-width:1.65}

@media(max-width:767px){
  .premiere-today{height:50px!important;min-height:50px!important;margin-top:0!important;margin-bottom:16px!important}
  .hero-sound{top:96px!important;right:14px!important;bottom:auto!important}
  .hero-actions [data-more]{width:50px!important;min-width:50px!important;flex:0 0 50px!important}
}

/* VDEONE 1.6.6 · Media Compatibility */
.media-preparing{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);min-width:min(460px,82vw);padding:24px 26px;border:1px solid rgba(137,92,255,.2);border-radius:18px;background:rgba(5,6,18,.82);backdrop-filter:blur(22px);display:none;grid-template-columns:auto 1fr;column-gap:15px;row-gap:4px;align-items:center;box-shadow:0 24px 80px rgba(0,0,0,.45)}.media-preparing.visible{display:grid}.media-preparing .buffering{grid-row:1/3}.media-preparing strong{font-size:15px}.media-preparing span{font-size:11px;color:#8f96b7;line-height:1.5}.hero-trailer,.detail-trailer{background:transparent}.hero-trailer iframe,.detail-trailer iframe{opacity:1!important}.hero-trailer-shade{pointer-events:none}.player-video{background:#03040b}.plan.featured:before{white-space:nowrap}
@media(max-width:767px){.media-preparing{padding:18px 19px;min-width:calc(100vw - 32px)}.media-preparing strong{font-size:13px}.media-preparing span{font-size:10px}}


/* ===== VDEONE 1.6.7 · Trailer-first Hero Cleanup ===== */
/* Trailer owns the visual canvas: never place synthetic artwork or a play/pause disc over it. */
.hero.has-trailer .hero-visual{display:none!important}
.hero-center-play,[data-hero-toggle]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.hero.has-trailer .hero-art{opacity:.16!important}
.hero-trailer,.detail-trailer{z-index:0!important}
.hero-trailer-shade,.detail-trailer .hero-trailer-shade{
  background:linear-gradient(90deg,rgba(5,6,18,.94) 0%,rgba(5,6,18,.70) 27%,rgba(5,6,18,.24) 49%,rgba(5,6,18,.08) 69%,rgba(5,6,18,.16) 100%),linear-gradient(0deg,rgba(5,6,18,.84) 0%,transparent 38%)!important;
}
.hero-content,.detail-content{z-index:3!important}
.hero-sound{
  width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:rgba(7,9,24,.48)!important;border:1px solid rgba(230,230,255,.24)!important;
  backdrop-filter:blur(14px)!important;box-shadow:0 10px 36px rgba(0,0,0,.28)!important;
}
.hero-sound span{display:none!important}
.hero-sound svg{width:18px!important;height:18px!important}
@media(max-width:700px){.hero-sound{width:40px!important;height:40px!important;min-width:40px!important}}

/* ===== VDEONE 1.6.8 · Automation Engine ===== */
.automation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.automation-card{min-height:116px;align-items:center;background:linear-gradient(145deg,rgba(20,18,44,.88),rgba(7,9,23,.96));border-color:rgba(138,92,255,.20)}
.automation-card .security-icon{background:linear-gradient(145deg,rgba(138,92,255,.17),rgba(38,212,255,.08));border:1px solid rgba(138,92,255,.22);color:#d9d1ff}
.automation-card h3{margin-bottom:5px}.automation-card p{margin:0;color:#8f96b6;font-size:12px;line-height:1.45}
@media(max-width:900px){.automation-grid{grid-template-columns:1fr}}


/* ===== VDEONE 1.6.9 · HERO CLEAN LOCK =====
   Permanent brand rule: movie heroes are trailer/backdrop canvases, never cards. */
.hero-visual,
.hero-keyart,
.hero-keyart-top,
.hero-keyart-mark,
.hero-keyart-title,
.hero-disc,
.hero-center-play,
[data-hero-toggle]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.hero,.detail-hero,.scroll-hero{isolation:isolate}
.hero.has-trailer .hero-art,
.detail-hero.has-trailer .detail-bg{opacity:.10!important}
.hero-trailer,.detail-trailer,.scroll-trailer-slot{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:inherit!important;
  box-shadow:none!important;
  background:transparent!important;
}
.hero-trailer iframe,.detail-trailer iframe,.scroll-trailer-slot iframe{
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
/* Only a cinematic readability gradient may sit above the trailer; never a card surface. */
.hero-trailer-shade,.detail-trailer .hero-trailer-shade{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}


/* ===== VDEONE 1.7.0 · FULL-BLEED NETFLIX-STYLE HERO LOCK =====
   Heroes are cinematic canvases, not framed cards. */
.hero{
  width:100%!important;
  max-width:none!important;
  min-height:min(88vh,860px)!important;
  margin:0 auto!important;
  padding-top:var(--header)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:#050612!important;
}
.detail-hero{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.scroll-hero{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.hero-art,.detail-bg,.scroll-hero-bg{border-radius:0!important}
.hero-trailer,.detail-trailer,.scroll-trailer-slot{border-radius:0!important}
.hero-content{max-width:min(900px,66vw)!important;padding-left:clamp(28px,6vw,104px)!important}
.hero-trailer-shade,.detail-trailer .hero-trailer-shade{
  background:linear-gradient(90deg,rgba(5,6,18,.97) 0%,rgba(5,6,18,.78) 24%,rgba(5,6,18,.31) 48%,rgba(5,6,18,.05) 72%,rgba(5,6,18,.10) 100%),linear-gradient(0deg,rgba(5,6,18,.94) 0%,rgba(5,6,18,.24) 24%,transparent 54%)!important;
}
.tmdb-search-form{grid-template-columns:minmax(0,1.5fr) minmax(155px,.55fr) minmax(230px,.8fr)!important;align-items:end!important}
.tmdb-search-form .field-note{display:block;margin-top:7px;color:#777f9d;font-size:9px;line-height:1.45}
@media(max-width:1000px){.tmdb-search-form{grid-template-columns:1fr 1fr!important}.tmdb-search-form>div:first-child{grid-column:1/-1}}
@media(max-width:767px){
  .hero{min-height:720px!important;padding-top:var(--header)!important}
  .hero-content{max-width:none!important;width:100%!important;padding-left:20px!important;padding-right:20px!important}
  .tmdb-search-form{grid-template-columns:1fr!important}.tmdb-search-form>div:first-child{grid-column:auto}
}
/* TMDB importer language selector: keep controls legible inside the left workspace panel. */
.tmdb-workspace .tmdb-search-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:end!important}
.tmdb-workspace .tmdb-search-form>div:first-child{grid-column:1/-1!important}
.tmdb-workspace .tmdb-search-form label{display:block;white-space:normal!important}
.tmdb-workspace .tmdb-search-form .select{width:100%;min-width:0}
@media(max-width:620px){.tmdb-workspace .tmdb-search-form{grid-template-columns:1fr!important}.tmdb-workspace .tmdb-search-form>div:first-child{grid-column:auto!important}}


/* ===== VDEONE 1.7.2 · Admin Precision / Trailer Clean Final Layer ===== */
/* ===== VDEONE 1.7.2 · Admin precision + clean automatic trailer ===== */

/* Automatic hero trailers are visually clean: no play/pause/audio UI over the trailer. */
.hero-sound,[data-hero-sound],[data-hero-toggle],.hero-center-play{display:none!important;visibility:hidden!important;pointer-events:none!important}
.hero-trailer iframe,.detail-trailer iframe,.scroll-trailer-slot iframe{pointer-events:none!important}
.hero.has-trailer .hero-content,.detail-hero.has-trailer .detail-content{pointer-events:auto}
.hero.has-trailer .hero-actions .btn-primary,.scroll-hero .hero-actions .btn-primary{display:none!important}

/* Admin general spacing / no offshore controls. */
.admin-content{max-width:1680px;width:100%;margin:0 auto;padding:28px clamp(18px,2.6vw,38px) 56px!important}
.admin-page-note{margin:7px 0 0;color:#8f96b7;font-size:12px;line-height:1.55;max-width:760px}
.quick-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;align-items:stretch!important}
.quick-actions .btn{width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important;text-align:center!important;justify-content:center!important;padding-inline:12px!important;overflow-wrap:anywhere}
.quick-actions .btn:last-child:nth-child(odd){grid-column:1/-1}
.admin-grid>*{min-width:0}
.chart-card{overflow:hidden}
.health{min-width:0}
.health strong{min-width:0;text-align:right;overflow-wrap:anywhere}
.content-toolbar{justify-content:flex-start!important}
.content-toolbar #adminContentSearch{flex:1 1 360px;max-width:620px}
.content-toolbar #adminTypeFilter{flex:0 0 190px}

/* Content Manager: every row is directly editable. */
.content-manager-table{min-width:980px!important}
.content-title-cell{display:flex;align-items:center;gap:11px;min-width:250px}
.content-title-cell>div{display:grid;gap:3px;min-width:0}
.content-title-cell strong{color:#f4f2ff!important;font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:300px}
.content-title-cell small{font-size:9px;color:#737a9f;overflow:hidden;text-overflow:ellipsis;max-width:300px}
.content-thumb{width:38px;height:52px;flex:0 0 38px;border-radius:7px;background:linear-gradient(145deg,#171b3b,#0b0d20);background-position:center;background-size:cover;border:1px solid rgba(129,99,255,.18);box-shadow:0 7px 18px rgba(0,0,0,.22)}
.content-row-actions{display:flex;align-items:center;gap:7px;justify-content:flex-start}
.content-row-actions .mini-btn{border-radius:9px!important;width:34px!important;height:34px!important;background:#11152c!important;border:1px solid rgba(126,103,255,.24)!important;color:#dcd6ff!important}
.content-row-actions .mini-btn:hover{background:#211a48!important;border-color:rgba(148,108,255,.52)!important;color:#fff!important}
.admin-state-chip,.source-neutral{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;min-height:27px;padding:0 9px;border-radius:8px;font-size:9px;font-weight:850;letter-spacing:.025em;white-space:nowrap}
.admin-state-chip.live{color:#a6ecff;background:rgba(38,212,255,.07);border:1px solid rgba(38,212,255,.18)}
.admin-state-chip.draft{color:#c7b5ff;background:rgba(138,92,255,.08);border:1px solid rgba(138,92,255,.21)}
.source-neutral{color:#979fc7;background:rgba(120,125,175,.06);border:1px solid rgba(120,125,175,.14)}

/* Full individual movie/series editor. */
.modal.modal-wide{width:min(980px,calc(100vw - 32px))!important;max-height:92vh!important;padding:0!important;overflow:hidden!important}
.modal.modal-wide .content-editor-head{padding:22px 24px 17px;margin:0;border-bottom:1px solid rgba(134,109,255,.13);background:linear-gradient(180deg,#101328,#0b0d1b)}
.content-editor-head h3{margin:3px 0 0!important;font-size:24px!important;letter-spacing:-.03em}
.content-editor-form{max-height:calc(92vh - 86px);overflow:auto;padding:20px 24px 24px;background:#090b17}
.editor-section{padding:17px;border:1px solid rgba(130,105,255,.15);border-radius:14px;background:linear-gradient(145deg,rgba(19,22,49,.82),rgba(10,12,28,.92));margin-bottom:13px}
.editor-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.editor-section-head strong{font-size:13px;color:#f4f2ff}
.editor-section-head span{font-size:9px;color:#70799f;text-align:right}
.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.editor-grid label{min-width:0;display:block}
.editor-grid label>span{display:block;margin:0 0 7px;font-size:9px;color:#8c94b8;font-weight:750;letter-spacing:.025em}
.editor-grid .field,.editor-grid .select{width:100%;min-width:0;background:#0c0f22!important;border-color:rgba(126,103,255,.18)!important}
.editor-grid .field:focus,.editor-grid .select:focus{border-color:rgba(108,181,255,.48)!important;box-shadow:0 0 0 3px rgba(65,128,255,.08)!important}
.editor-grid .span-2{grid-column:1/-1}
.editor-textarea{min-height:112px!important;height:auto!important;padding:12px 14px!important;resize:vertical;line-height:1.55}
.editor-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.editor-checks label{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 11px;border:1px solid rgba(125,102,255,.15);border-radius:10px;background:#0d1022;color:#aab1d1;font-size:10px}
.editor-checks input{accent-color:#8a5cff}
.content-editor-actions{position:sticky;bottom:-24px;margin:20px -24px -24px!important;padding:16px 24px!important;background:rgba(8,10,22,.95);backdrop-filter:blur(18px);border-top:1px solid rgba(129,104,255,.18);z-index:4}
.btn-danger-soft{background:rgba(255,79,216,.07)!important;border:1px solid rgba(255,79,216,.22)!important;color:#f5a6e6!important}
.btn-danger-soft:hover{background:rgba(255,79,216,.13)!important;color:#fff!important}

/* Security Center: compact uniform cards, no oversized status circles or generic green blobs. */
.security-heading{align-items:center!important}
.platform-state{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border-radius:9px;color:#b7eaff;background:rgba(38,212,255,.06);border:1px solid rgba(38,212,255,.17);font-size:9px;font-weight:850;white-space:nowrap}
.platform-state i{width:6px;height:6px;border-radius:50%;background:#26d4ff;box-shadow:0 0 12px rgba(38,212,255,.55)}
.security-pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}
.security-pro-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:92px;padding:15px 16px;border:1px solid rgba(126,103,255,.16);border-radius:14px;background:linear-gradient(145deg,#11152c,#0b0e1e);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.security-pro-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#bca6ff;background:linear-gradient(145deg,rgba(138,92,255,.13),rgba(38,212,255,.06));border:1px solid rgba(142,104,255,.23)}
.security-pro-copy{min-width:0}
.security-pro-copy h3{margin:0 0 5px;font-size:13px;color:#f4f2ff}
.security-pro-copy p{margin:0;color:#747da5;font-size:10px;line-height:1.5}
.security-state-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:28px!important;min-width:70px!important;max-width:110px!important;padding:0 9px!important;border-radius:8px!important;font-size:8px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important}
.security-state-chip:before{display:none!important}
.security-state-chip.ok{color:#8de6ff;background:rgba(38,212,255,.07);border:1px solid rgba(38,212,255,.18)}
.security-state-chip.pending{color:#c9b7ff;background:rgba(138,92,255,.08);border:1px solid rgba(138,92,255,.20)}
.security-lower-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important}
.security-flow.compact{gap:6px!important}
.security-flow.compact span{background:#0d1022!important;border-color:rgba(128,105,255,.15)!important;color:#aeb5d4!important}
.compact-health{grid-template-columns:repeat(3,minmax(0,1fr));display:grid!important;gap:8px!important}
.compact-health .health{display:grid!important;gap:4px!important;padding:11px!important;background:#0d1022!important;border:1px solid rgba(124,103,255,.12)!important}
.compact-health .health strong{text-align:left!important;color:#e8e5ff!important}
.security-reality-card{display:flex;flex-direction:column}
.security-note{display:flex;align-items:flex-start;gap:9px;margin-top:auto;padding:12px;border-radius:10px;background:rgba(138,92,255,.06);border:1px solid rgba(138,92,255,.15);color:#9da6ce;font-size:10px;line-height:1.55}
.security-note svg{flex:0 0 auto;color:#8a8fff}

/* Remove legacy generic security cards if an older cached DOM appears. */
.security-card .status{width:auto!important;height:auto!important;min-width:0!important;border-radius:8px!important}
.status.green,.integration-status.connected{color:#a6e9ff!important;background:rgba(38,212,255,.06)!important;border-color:rgba(38,212,255,.16)!important}
.status.green:before,.integration-status.connected span{background:#26d4ff!important}
.status.yellow{color:#c9b7ff!important;background:rgba(138,92,255,.07)!important}
.status.yellow:before{background:#8a5cff!important}

@media(max-width:1100px){
  .security-pro-grid{grid-template-columns:1fr}
  .security-lower-grid{grid-template-columns:1fr!important}
}
@media(max-width:820px){
  .quick-actions{grid-template-columns:1fr!important}
  .quick-actions .btn:last-child:nth-child(odd){grid-column:auto}
  .editor-grid{grid-template-columns:1fr}
  .editor-grid .span-2{grid-column:auto}
  .editor-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-health{grid-template-columns:1fr}
  .security-pro-card{grid-template-columns:40px minmax(0,1fr);align-items:start}
  .security-state-chip{grid-column:2;justify-self:start}
}
@media(max-width:520px){
  .admin-content{padding:18px 13px 40px!important}
  .modal.modal-wide{width:calc(100vw - 18px)!important}
  .modal.modal-wide .content-editor-head{padding:18px 16px 14px}
  .content-editor-form{padding:14px 14px 18px}
  .editor-section{padding:13px}
  .editor-section-head{align-items:flex-start;flex-direction:column;gap:4px}
  .editor-section-head span{text-align:left}
  .editor-checks{grid-template-columns:1fr}
  .content-editor-actions{margin:18px -14px -18px!important;padding:13px 14px!important;flex-wrap:wrap}
  .content-editor-actions .control-spacer{display:none}
  .content-editor-actions .btn{flex:1 1 140px}
}

/* v1.6.8 series episode editor — individual media URL/artwork control. */
.series-editor-section.is-hidden{display:none!important}
.series-editor-section .editor-section-head>div{display:grid;gap:4px}
.episode-editor-list{display:grid;gap:9px}
.episode-editor-row{display:grid;grid-template-columns:42px 88px minmax(150px,.9fr) 90px minmax(230px,1.3fr) minmax(190px,1fr) 34px;gap:8px;align-items:end;padding:10px;border:1px solid rgba(126,103,255,.13);border-radius:11px;background:#0c0f21}
.episode-editor-row label{min-width:0}
.episode-editor-row label>span{display:block;margin:0 0 6px;color:#7f88ae;font-size:8px;font-weight:800}
.episode-editor-number{height:38px;display:grid;place-items:center;border:1px solid rgba(38,212,255,.15);border-radius:9px;background:rgba(38,212,255,.04);color:#9ceaff;font-size:9px;font-weight:900}
.episode-editor-row .field{height:38px!important;padding-inline:10px!important;font-size:10px!important}
.episode-remove{width:34px!important;height:38px!important;border-radius:9px!important;color:#c8b9ff!important;background:rgba(138,92,255,.06)!important;border:1px solid rgba(138,92,255,.18)!important}
.episode-remove:hover{color:#fff!important;background:rgba(255,79,216,.09)!important;border-color:rgba(255,79,216,.25)!important}
@media(max-width:1250px){
  .episode-editor-row{grid-template-columns:42px 84px minmax(160px,1fr) 90px 34px}
  .episode-editor-row .episode-url-field{grid-column:2/-1}
}
@media(max-width:720px){
  .episode-editor-row{grid-template-columns:42px minmax(0,1fr) 34px;align-items:end}
  .episode-editor-row label{grid-column:2}
  .episode-editor-row .episode-url-field{grid-column:2}
  .episode-remove{grid-column:3;grid-row:1}
}

/* v1.6.8 system automation — same visual grammar as VDEONE Control. */
.automation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:15px 0}
.automation-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:80px;padding:14px 15px;border-radius:13px;border:1px solid rgba(126,103,255,.15);background:linear-gradient(145deg,#11152c,#0b0e1e)}
.automation-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#aee9ff;background:linear-gradient(145deg,rgba(38,212,255,.08),rgba(138,92,255,.10));border:1px solid rgba(95,142,255,.18)}
.automation-card>div:nth-child(2){display:grid;gap:4px;min-width:0}
.automation-card strong{font-size:12px;color:#f3f1ff}
.automation-card span{font-size:9px;color:#737c9f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.automation-state{font-style:normal;display:inline-flex;align-items:center;justify-content:center;height:27px;min-width:78px;padding:0 9px;border-radius:8px;font-size:8px;font-weight:900;white-space:nowrap}
.automation-state.ok{color:#9ceaff;background:rgba(38,212,255,.07);border:1px solid rgba(38,212,255,.17)}
.automation-state.pending{color:#c9b8ff;background:rgba(138,92,255,.07);border:1px solid rgba(138,92,255,.18)}
.automation-state.failed{color:#ff9bdc;background:rgba(255,79,216,.07);border:1px solid rgba(255,79,216,.19)}
.system-precision-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.system-policy-list{display:grid;gap:8px;margin-top:14px}
.system-policy-list span{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-radius:9px;background:#0d1022;border:1px solid rgba(126,103,255,.11);color:#929abe;font-size:9px;line-height:1.5}
.system-policy-list svg{flex:0 0 auto;color:#9eb9ff;margin-top:1px}
@media(max-width:980px){.automation-grid,.system-precision-grid{grid-template-columns:1fr!important}}
@media(max-width:620px){.automation-card{grid-template-columns:38px minmax(0,1fr)}.automation-state{grid-column:2;justify-self:start}.automation-card span{white-space:normal}}


/* ===== VDEONE 1.7.3 · Hero Controls Precision =====
   Restore the bottom playback CTA and speaker control, while permanently
   suppressing any center play/pause overlay over automatic trailers. */
.hero-center-play,[data-hero-toggle]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.hero.has-trailer .hero-actions .btn-primary,
.detail-hero.has-trailer .hero-actions .btn-primary{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.hero-sound,[data-hero-sound]{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  place-items:center!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  padding:0!important;
  position:absolute!important;
  z-index:8!important;
  top:clamp(104px,15vh,148px)!important;
  right:clamp(20px,4vw,64px)!important;
  bottom:auto!important;
  border-radius:50%!important;
  border:1px solid rgba(230,230,255,.24)!important;
  background:rgba(7,9,24,.52)!important;
  color:#f7f5ff!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.28)!important;
}
.detail-hero .hero-sound{top:100px!important}
.hero-sound:hover{border-color:rgba(176,92,255,.58)!important;background:rgba(14,13,34,.72)!important;transform:scale(1.04)}
.hero-sound svg{width:19px!important;height:19px!important;stroke-width:1.75!important}

/* The YouTube canvas is revealed only after the API reports state=PLAYING.
   This prevents a transient provider play/pause surface from flashing over the hero. */
.hero-trailer iframe,.detail-trailer iframe{
  opacity:0!important;
  transition:opacity .28s ease!important;
}
.hero-trailer.is-playing iframe,.detail-trailer.is-playing iframe{
  opacity:1!important;
}
.hero-trailer:not(.is-playing),.detail-trailer:not(.is-playing){background:transparent!important}

@media(max-width:767px){
  .hero-sound,[data-hero-sound]{
    width:40px!important;min-width:40px!important;height:40px!important;
    top:96px!important;right:14px!important;
  }
  .hero-actions{gap:10px!important;flex-wrap:wrap}
  .hero-actions .btn-primary{order:0}
}
@media(max-width:520px){
  .hero .hero-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr) 46px!important;
    grid-template-areas:"play watch more" "react react react"!important;
    gap:8px!important;
    width:100%!important;
    align-items:stretch!important;
  }
  .hero .hero-actions>[data-play]{grid-area:play!important}
  .hero .hero-actions>[data-watch]{grid-area:watch!important}
  .hero .hero-actions>.reaction-controls{
    grid-area:react!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
  }
  .hero .hero-actions>[data-more]{
    grid-area:more!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    padding:0!important;
    align-self:stretch!important;
  }
  .hero .hero-actions .btn{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    padding-inline:10px!important;
    font-size:12px!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  .hero .hero-actions .reaction-btn{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    padding:0 6px!important;
    gap:5px!important;
    font-size:9.5px!important;
    line-height:1!important;
  }
  .hero .hero-actions .reaction-btn svg{width:15px!important;height:15px!important;flex:0 0 15px!important}
}
@media(max-width:360px){
  .hero .hero-actions{
    grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-areas:"play more" "watch watch" "react react"!important;
  }
  .hero .hero-actions>[data-more]{width:44px!important;min-width:44px!important;height:44px!important}
}


/* ===== VDEONE Premiere 1.7.4 — GLOBAL LOADING SPINNER ===== */
.moviio-spinner,.boot-spinner,.buffering{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px;
  border-radius:50%!important;
  border:4px solid rgba(255,255,255,.14)!important;
  border-top-color:#b05cff!important;
  border-right-color:#26d4ff!important;
  border-bottom-color:rgba(61,120,255,.26)!important;
  background:transparent!important;
  box-shadow:0 0 24px rgba(138,92,255,.12)!important;
  animation:moviioGlobalSpin .78s linear infinite!important;
}
@keyframes moviioGlobalSpin{to{transform:rotate(360deg)}}
.boot-screen{
  min-height:100vh!important;
  display:grid!important;
  place-items:center!important;
  background:#050612!important;
  padding:0!important;
  gap:0!important;
}
.boot-screen>*:not(.boot-spinner){display:none!important}
.boot-logo,.boot-screen strong,.boot-screen small{display:none!important}
.moviio-global-loader{
  position:fixed;
  inset:0;
  z-index:9998;
  display:grid;
  place-items:center;
  background:rgba(5,6,18,.58);
  backdrop-filter:blur(2px);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease;
}
.moviio-global-loader.visible{opacity:1;pointer-events:auto}
.moviio-inline-loader{
  min-height:170px;
  display:grid;
  place-items:center;
  width:100%;
}
.import-loading{min-height:170px;display:grid;place-items:center}
.import-loading>span{display:none!important}
.media-preparing{
  position:absolute!important;
  z-index:9!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  display:none!important;
  place-items:center!important;
}
.media-preparing.visible{display:grid!important}
.media-preparing .buffering{grid-row:auto!important}
.media-preparing .media-error-copy{display:none}
.media-preparing.is-error{
  min-width:min(460px,82vw)!important;
  padding:20px 22px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:16px!important;
  background:rgba(5,6,18,.88)!important;
  backdrop-filter:blur(18px)!important;
}
.media-preparing.is-error .buffering{display:none!important}
.media-preparing.is-error .media-error-copy{display:grid;gap:6px;text-align:center}
.media-preparing.is-error strong{font-size:15px;color:#fff}
.media-preparing.is-error span{font-size:11px;color:#9ba3c4;line-height:1.5}
@media(max-width:767px){
  .moviio-spinner,.boot-spinner,.buffering{width:52px!important;height:52px!important;flex-basis:52px;border-width:4px!important}
  .moviio-inline-loader{min-height:145px}
  .media-preparing.is-error{min-width:calc(100vw - 34px)!important;padding:18px!important}
}
@media(prefers-reduced-motion:reduce){
  .moviio-spinner,.boot-spinner,.buffering{animation-duration:1.35s!important}
}

/* VDEONE 1.7.7 — unified hero audio + fullscreen Trailers & More.
   These rules only mask third-party iframe chrome and extend the existing VDEONE player language. */
.hero-trailer::after,.detail-trailer::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;left:0;right:0;
  height:92px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,5,6,.94) 0%,rgba(5,5,6,.52) 42%,rgba(5,5,6,0) 100%);
}
.trailers-open{overflow:hidden!important}
.trailers-screen{z-index:700!important;background:#000!important}
.trailers-player-wrap{isolation:isolate}
.trailers-youtube-stage{
  position:absolute;inset:0;z-index:0;overflow:hidden;background:#000;
}
.trailers-youtube-stage iframe{
  position:absolute;left:50%;top:50%;
  width:177.77777778vh;min-width:100%;height:56.25vw;min-height:100%;
  transform:translate(-50%,-50%) scale(1.055);
  border:0;pointer-events:none;background:#000;
  opacity:0;transition:opacity .22s ease;
}
.trailers-youtube-stage.is-playing iframe{opacity:1}
.trailers-youtube-stage.is-ended iframe{opacity:0}
.trailers-provider-mask{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.96) 0,rgba(0,0,0,.58) 58px,rgba(0,0,0,0) 136px),
    linear-gradient(0deg,rgba(0,0,0,.48) 0,rgba(0,0,0,0) 150px);
}
.trailers-player-top{z-index:8!important;padding-right:min(390px,30vw)!important}
.trailers-player-top small{display:block;color:#8e8e8e;margin-top:3px}
.trailers-player-controls{z-index:8!important;padding-right:min(390px,30vw)!important}
.trailers-loading{
  min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;
  grid-template-columns:1fr!important;place-items:center!important;z-index:7!important;
}
.trailers-loading .moviio-spinner{margin:0!important}
.trailers-library{
  position:absolute;z-index:10;right:18px;top:max(86px,env(safe-area-inset-top));bottom:max(92px,env(safe-area-inset-bottom));
  width:min(350px,30vw);padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:16px;
  background:rgba(8,8,12,.82);backdrop-filter:blur(22px);box-shadow:0 24px 70px rgba(0,0,0,.42);
  overflow:auto;transition:opacity .2s,transform .2s;
}
.trailers-library.collapsed{opacity:0;transform:translateX(24px);pointer-events:none}
.trailers-library-head{display:grid;gap:4px;padding:2px 3px 13px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}
.trailers-library-head span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#8d8d9f}
.trailers-library-head strong{font-size:15px;color:#fff}
.trailers-library-list{display:grid;gap:6px}
.trailers-library-item{
  width:100%;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;
  padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#ddd;text-align:left;cursor:pointer;
}
.trailers-library-item>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#fff}
.trailers-library-item div{min-width:0}
.trailers-library-item b,.trailers-library-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trailers-library-item b{font-size:11px;color:#f6f6f8}.trailers-library-item small{font-size:8px;color:#777;margin-top:3px;text-transform:uppercase;letter-spacing:.08em}
.trailers-library-item:hover{background:rgba(255,255,255,.06)}
.trailers-library-item[aria-current="true"]{background:rgba(138,92,255,.12);border-color:rgba(176,92,255,.26)}
.trailers-library-item[aria-current="true"]>span{background:rgba(138,92,255,.18);color:#d9c8ff}
.trailers-screen 
.trailers-screen 
@media(max-width:900px){
  .trailers-player-top,.trailers-player-controls{padding-right:18px!important}
  .trailers-library{
    top:auto;left:12px;right:12px;bottom:88px;width:auto;max-height:38vh;
    border-radius:14px;padding:12px;
  }
  .trailers-library.collapsed{transform:translateY(20px)}
  .trailers-library-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .trailers-library-list{grid-template-columns:1fr}
  .trailers-library{max-height:34vh}
  .trailers-screen .timecode{display:none}
  .trailers-screen [data-trailer-seek]{display:none}
}
.trailers-youtube-stage.is-playing + .trailers-loading{display:none!important}
.trailers-player-wrap:not(.paused) #trailersBigPlay{opacity:0!important;pointer-events:none!important}
.trailers-player-top>div{display:block!important;min-height:0!important}
.trailers-player-top h2{line-height:1.2!important}
.trailers-player-top small{margin-top:4px!important}

/* ===== VDEONE 2.0 · Guided TMDB Import Studio ===== */
.tmdb-studio-head{align-items:flex-start}.tmdb-studio-head .muted{max-width:790px;margin:8px 0 0;font-size:12px;line-height:1.65}.import-steps-v2>div.complete{color:#c9b8ff}.import-steps-v2>div.complete b{background:linear-gradient(135deg,#8A5CFF,#3D7BFF);color:#fff}.import-steps-v2>div.complete b:after{content:"✓"}.import-steps-v2>div.complete b{font-size:0}.import-steps-v2>div.complete b:after{font-size:9px}.tmdb-workspace-v2{grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr);align-items:start}.tmdb-search-panel-v2,.tmdb-import-editor-v2{min-height:680px}.tmdb-search-form-v2{display:grid;grid-template-columns:1fr 120px;gap:12px;padding:18px;border-bottom:1px solid var(--border)}.tmdb-search-query-v2{grid-column:1/-1}.tmdb-search-form-v2 .select,.tmdb-search-form-v2 .field{width:100%;min-width:0}.tmdb-results-meta{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 18px;border-bottom:1px solid rgba(138,92,255,.13);background:rgba(138,92,255,.035)}.tmdb-results-meta span,.tmdb-results-meta small{display:block}.tmdb-results-meta span{font-size:11px;font-weight:850;color:#d8d7ef}.tmdb-results-meta small{font-size:9px;color:#73799b;text-align:right}.tmdb-results-v2{padding:10px 12px 15px}.tmdb-result-v2{grid-template-columns:62px minmax(0,1fr) auto;min-height:102px;padding:9px}.tmdb-result-v2 .tmdb-thumb{width:62px;aspect-ratio:2/3;overflow:hidden}.tmdb-result-v2 .tmdb-thumb img{width:100%;height:100%;object-fit:cover}.tmdb-result-copy{min-width:0}.tmdb-result-copy strong,.tmdb-result-copy em,.tmdb-result-copy small,.tmdb-result-copy>span{display:block}.tmdb-result-copy em{font-weight:500;font-size:9px;line-height:1.35;color:#686e8b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmdb-result-copy>span{font-size:9px;color:#747a99;line-height:1.45;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tmdb-result-side{display:grid;align-self:stretch;align-content:space-between;justify-items:end;padding:3px 2px}.tmdb-catalog-state{font-size:7px;letter-spacing:.1em;color:#6d7392;border:1px solid rgba(138,92,255,.13);padding:4px 5px;border-radius:5px}.tmdb-result-v2.is-imported .tmdb-catalog-state{color:#9fe8ff;border-color:rgba(38,212,255,.24);background:rgba(38,212,255,.06)}.tmdb-result-v2.is-selected{border-color:rgba(176,92,255,.52);background:linear-gradient(90deg,rgba(176,92,255,.12),rgba(38,212,255,.035));box-shadow:0 0 0 2px rgba(138,92,255,.06)}.tmdb-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 3px 2px}.tmdb-pager span{font-size:9px;color:#777e9f}.tmdb-preview-body-v2{padding:20px}.existing-title-v2,.new-title-v2{display:flex;gap:10px;align-items:center;padding:11px 12px;margin-bottom:17px;border-radius:11px}.existing-title-v2{border:1px solid rgba(38,212,255,.22);background:rgba(38,212,255,.055);color:#bceeff}.new-title-v2{border:1px solid rgba(176,92,255,.22);background:rgba(176,92,255,.055);color:#dbc8ff}.existing-title-v2 span,.new-title-v2 span,.existing-title-v2 b,.new-title-v2 b{display:block}.existing-title-v2 b,.new-title-v2 b{font-size:10px}.existing-title-v2 span,.new-title-v2 span{font-size:8px;line-height:1.45}.import-summary-v2{display:grid;grid-template-columns:128px minmax(0,1fr);gap:13px;margin:15px 0}.import-summary-v2>img{width:128px;aspect-ratio:2/3;object-fit:cover;border-radius:11px;border:1px solid rgba(138,92,255,.2);background:#101429}.import-summary-v2 .metadata-mini-grid{margin:0}.tmdb-url-form-v2{gap:12px}.import-editor-section-v2{display:grid;gap:8px;padding:15px;border:1px solid rgba(138,92,255,.14);border-radius:13px;background:rgba(10,13,26,.52)}.import-editor-section-v2 .import-form-head{margin-bottom:2px}.import-editor-section-v2 .import-form-head h3{font-size:16px}.import-field-action-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.media-validation-v2{display:flex;align-items:center;gap:6px;min-height:24px;padding:0 8px;border-radius:7px;font-size:8px;font-weight:800;color:#727897;background:rgba(255,255,255,.025)}.media-validation-v2:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.media-validation-v2.ready{color:#9fe8ff;background:rgba(38,212,255,.06)}.media-validation-v2.checking{color:#cfb8ff;background:rgba(176,92,255,.06)}.media-validation-v2.pending{color:#ffb5ed;background:rgba(255,79,216,.055)}.import-readiness-v2{padding:15px;border:1px solid rgba(138,92,255,.17);border-radius:13px;background:linear-gradient(145deg,rgba(176,92,255,.065),rgba(38,212,255,.025))}.import-readiness-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.import-readiness-head h3{font-size:16px;margin:3px 0}.import-readiness-head>b{font-size:9px;color:#a9aed0}.readiness-grid-v2{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:11px}.readiness-grid-v2>span{display:grid;gap:4px;justify-items:center;padding:9px 4px;border:1px solid rgba(138,92,255,.11);border-radius:8px;color:#747997;font-size:8px}.readiness-grid-v2 i{width:8px;height:8px;border-radius:50%;background:#4e536f}.readiness-grid-v2 b{font-size:6px;letter-spacing:.08em}.readiness-grid-v2>span.ready{color:#bceeff;border-color:rgba(38,212,255,.18);background:rgba(38,212,255,.035)}.readiness-grid-v2>span.ready i{background:#26D4FF;box-shadow:0 0 11px rgba(38,212,255,.45)}.readiness-grid-v2>span.pending{color:#9a83ac}.import-options-v2{padding:12px 2px}.import-actions-v2{display:grid;grid-template-columns:.75fr 1.25fr;gap:9px}.import-actions-v2 .btn{width:100%}.import-success-v2{min-height:650px;display:grid;place-items:center;align-content:center;text-align:center;padding:34px}.import-success-v2>img{width:170px;aspect-ratio:2/3;object-fit:cover;border-radius:15px;border:1px solid rgba(138,92,255,.25);box-shadow:0 24px 55px rgba(0,0,0,.36)}.import-success-v2 .eyebrow{margin-top:22px;color:#26D4FF}.import-success-v2 h2{font-size:30px;margin:8px 0}.import-success-v2 p{max-width:420px;color:#959AB9;font-size:11px;line-height:1.65}.import-success-v2 .actions{justify-content:center}.artwork-picker-v2{display:grid;gap:9px;padding:12px;margin:3px 0 5px;border:1px solid rgba(138,92,255,.14);border-radius:11px;background:#0A0D1A}.artwork-picker-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.artwork-picker-head strong,.artwork-picker-head span{display:block}.artwork-picker-head strong{font-size:10px}.artwork-picker-head span{font-size:8px;color:#747A99;margin-top:2px}.artwork-picker-head>b{font-size:7px;color:#9D91C6}.backdrop-picker-head{margin-top:5px;padding-top:10px;border-top:1px solid rgba(138,92,255,.1)}.poster-options-v2,.backdrop-options-v2{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:thin}.poster-option-v2,.backdrop-option-v2{position:relative;flex:0 0 auto;padding:0;border:1px solid rgba(138,92,255,.14);border-radius:8px;overflow:hidden;background:#11152A;cursor:pointer}.poster-option-v2{width:62px;aspect-ratio:2/3}.backdrop-option-v2{width:108px;aspect-ratio:16/9}.poster-option-v2 img,.backdrop-option-v2 img{width:100%;height:100%;object-fit:cover}.poster-option-v2 span{position:absolute;left:3px;bottom:3px;padding:2px 3px;border-radius:3px;background:rgba(10,13,26,.78);color:#E6E6FF;font-size:5px;font-weight:900}.poster-option-v2.selected,.backdrop-option-v2.selected{border-color:#26D4FF;box-shadow:0 0 0 2px rgba(38,212,255,.14)}
@media(max-width:1180px){.tmdb-workspace-v2{grid-template-columns:1fr}.tmdb-search-panel-v2,.tmdb-import-editor-v2{min-height:0}.readiness-grid-v2{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto}}
@media(max-width:700px){.tmdb-search-form-v2{grid-template-columns:1fr}.tmdb-search-query-v2{grid-column:auto}.tmdb-results-meta{align-items:flex-start;flex-direction:column}.tmdb-results-meta small{text-align:left}.tmdb-result-v2{grid-template-columns:56px minmax(0,1fr)}.tmdb-result-side{display:none}.import-summary-v2{grid-template-columns:96px minmax(0,1fr)}.import-summary-v2>img{width:96px}.import-field-action-v2,.import-actions-v2{grid-template-columns:1fr}.readiness-grid-v2{grid-template-columns:repeat(3,minmax(72px,1fr))}}

/* ===== VDEONE 2.2 · Universal Playback / Cinema Mode ===== */
.player-route{display:inline-flex;align-items:center;min-height:20px;margin-top:5px;padding:0 7px;border:1px solid rgba(38,212,255,.18);border-radius:999px;background:rgba(38,212,255,.055);color:#9fe8ff;font-size:7px;font-weight:900;letter-spacing:.11em;line-height:1;box-shadow:0 0 24px rgba(38,212,255,.055)}
.media-preparing.is-progress{min-width:min(520px,84vw)!important;padding:20px 22px!important;border:1px solid rgba(138,92,255,.22)!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(10,13,26,.92),rgba(17,21,42,.90))!important;backdrop-filter:blur(22px)!important;box-shadow:0 28px 90px rgba(0,0,0,.52),0 0 34px rgba(138,92,255,.07)!important;grid-template-columns:auto minmax(0,1fr)!important;place-items:initial!important;align-items:center!important;gap:15px!important}
.media-preparing.is-progress .buffering{display:block!important;width:46px!important;height:46px!important;border-color:rgba(138,92,255,.18)!important;border-top-color:#26D4FF!important;grid-row:auto!important}
.media-preparing.is-progress .media-error-copy{display:grid!important;gap:5px!important;text-align:left!important}
.media-preparing.is-progress strong{font-size:14px!important;color:#f5f3ff!important;letter-spacing:-.01em}.media-preparing.is-progress span{font-size:10px!important;line-height:1.55!important;color:#9299bb!important}
.player-menu{min-width:245px;max-width:min(340px,calc(100vw - 24px));max-height:min(58vh,460px);overflow:auto;background:rgba(10,13,26,.94);backdrop-filter:blur(22px);border-color:rgba(138,92,255,.19);box-shadow:0 24px 75px rgba(0,0,0,.5)}
.player-menu-note{display:block;padding:0 10px 9px;color:#717897;font-size:8px;line-height:1.45;max-width:270px}.player-menu button{font-size:10px;line-height:1.35}.player-menu button.selected{background:linear-gradient(90deg,rgba(138,92,255,.16),rgba(38,212,255,.045));color:#c8f4ff}.player-menu button:hover{background:rgba(138,92,255,.13)}
@media(max-width:700px){.player-route{font-size:6px;max-width:min(70vw,360px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-preparing.is-progress{min-width:calc(100vw - 34px)!important;padding:17px!important}.media-preparing.is-progress .buffering{width:40px!important;height:40px!important}}
@media(max-width:520px){.player-controls [data-seek],.player-controls .timecode{display:none}.player-controls .round-btn{width:40px;height:40px}.player-controls .control-row{gap:5px}}

/* VDEONE 2.0 · installable PWA lifecycle */
.pwa-install-row{gap:18px}.pwa-install-action{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.pwa-install-action>span{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border:1px solid rgba(38,212,255,.17);border-radius:7px;background:rgba(38,212,255,.05);color:#9FE8FF;font-size:7px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.is-offline .app-header:after{content:"SIN CONEXIÓN";position:absolute;right:clamp(16px,4vw,60px);bottom:-25px;padding:5px 8px;border:1px solid rgba(176,92,255,.2);border-radius:6px;background:rgba(10,13,26,.94);color:#CFB8FF;font-size:7px;font-weight:900;letter-spacing:.1em}@media(max-width:640px){.pwa-install-row{align-items:flex-start!important;flex-direction:column}.pwa-install-action{width:100%;justify-content:space-between}.pwa-install-action .btn{flex:1}}

/* ===== VDEONE 2.3 · Paid access, rights, Multi-DRM and automatic blocking ===== */
.is-hidden{display:none!important}
.security-hold-page{min-height:100vh;display:grid;place-items:center;padding:clamp(90px,12vw,150px) 20px 50px;background:radial-gradient(circle at 50% 30%,rgba(184,60,255,.15),transparent 36%),#050612}
.security-hold-card{width:min(620px,100%);display:grid;justify-items:center;gap:13px;padding:clamp(28px,5vw,54px);border:1px solid rgba(255,79,216,.24);border-radius:22px;background:linear-gradient(145deg,rgba(17,21,42,.96),rgba(8,10,23,.98));box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 60px rgba(184,60,255,.08);text-align:center}
.security-hold-card>svg{color:#ff5ad9}.security-hold-card h1{margin:0;font-size:clamp(30px,5vw,52px);letter-spacing:-.04em}.security-hold-card p{max-width:500px;margin:0;color:#a5abc9;font-size:13px;line-height:1.7}.security-hold-card>strong{color:#fff;font-size:17px}.security-hold-meta{max-width:500px;padding:11px 14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#8188aa;font-size:9px;line-height:1.55}
.protection-rights-section{border-color:rgba(38,212,255,.16)!important;background:linear-gradient(145deg,rgba(38,212,255,.035),rgba(138,92,255,.04))!important}
.protection-rights-section .editor-section-head,.protection-rights-section .import-form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.protection-rights-section .editor-section-head>div>strong,.protection-rights-section .editor-section-head>div>span,.protection-rights-section .import-form-head>div>strong,.protection-rights-section .import-form-head>div>span{display:block}.protection-rights-section .editor-section-head>div>span:last-child,.protection-rights-section .import-form-head>div>span:last-child{margin-top:4px;color:#737a9b;font-size:8px;line-height:1.5}
.protection-grid{margin-top:13px}.protection-checks{margin-top:13px;padding-top:12px;border-top:1px solid rgba(38,212,255,.09)}.protection-rights-section .security-note{margin-top:12px}
.security-kpis{margin:18px 0}.security-audit-card{margin-top:18px}.security-audit-card .section-head{margin-bottom:13px}.security-audit-table td{vertical-align:top}.security-audit-table td strong,.security-audit-table td small{display:block}.security-audit-table td small{max-width:230px;margin-top:4px;color:#747b9c;font-size:8px;line-height:1.4;word-break:break-word}.security-audit-table .content-row-actions{min-width:145px}.security-audit-table .btn{white-space:nowrap}
.readiness-grid-v2{grid-template-columns:repeat(7,minmax(68px,1fr))}
@media(max-width:900px){.readiness-grid-v2{grid-template-columns:repeat(4,minmax(72px,1fr));overflow-x:auto}.security-audit-card{overflow:hidden}.security-audit-table{min-width:950px}}
@media(max-width:620px){.protection-rights-section .editor-section-head,.protection-rights-section .import-form-head{display:grid}.security-hold-card{padding:28px 20px}.readiness-grid-v2{grid-template-columns:repeat(3,minmax(72px,1fr))}}

/* ===== VDEONE 2.4 · OpenDrive Private Origin ===== */
.opendrive-hero{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;border:1px solid rgba(38,212,255,.18);border-radius:17px;background:radial-gradient(circle at 84% 20%,rgba(38,212,255,.10),transparent 30%),linear-gradient(135deg,rgba(138,92,255,.10),rgba(10,13,26,.92));box-shadow:0 22px 58px rgba(0,0,0,.18)}
.opendrive-hero-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(38,212,255,.23);border-radius:15px;background:linear-gradient(145deg,rgba(38,212,255,.12),rgba(138,92,255,.12));color:#9fe8ff;box-shadow:0 0 30px rgba(38,212,255,.08)}
.opendrive-hero h2{margin:4px 0 5px;font-size:25px;letter-spacing:-.035em}.opendrive-hero p{max-width:780px;margin:0;color:#8e96b8;font-size:11px;line-height:1.6}
.opendrive-kpis{margin-top:14px}.opendrive-kpi-value{font-size:20px!important;letter-spacing:-.02em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opendrive-kpis .kpi small{display:block;margin-top:7px;color:#777f9f;font-size:8px}
.opendrive-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:14px;margin-top:14px}.opendrive-config-card,.opendrive-security-card{overflow:visible!important}.opendrive-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.opendrive-card-head h3{margin:4px 0 4px;font-size:16px}.opendrive-card-head p{margin:0!important;line-height:1.5}.opendrive-card-head>svg{color:#a8dfff}
.opendrive-config-card>.label{display:block;margin:12px 0 7px}.opendrive-config-card>.field{width:100%;background:#0a0e20!important;border-color:rgba(111,116,255,.22)!important}.opendrive-config-card>.field:focus{border-color:rgba(38,212,255,.42)!important;box-shadow:0 0 0 3px rgba(38,212,255,.06)!important}.opendrive-config-card>.field-note{display:block;margin-top:7px;color:#727b9e;font-size:8px;line-height:1.45}
.opendrive-enable{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px;border:1px solid rgba(138,92,255,.15);border-radius:11px;background:#0b0f22;cursor:pointer}.opendrive-enable input{margin-top:2px;accent-color:#26d4ff}.opendrive-enable b,.opendrive-enable small{display:block}.opendrive-enable b{font-size:10px;color:#e8e6ff}.opendrive-enable small{margin-top:3px;color:#747c9f;font-size:8px;line-height:1.4}
.opendrive-endpoint{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border:1px solid rgba(38,212,255,.12);border-radius:10px;background:rgba(38,212,255,.025)}.opendrive-endpoint span,.opendrive-endpoint b{font-size:7px;letter-spacing:.08em;color:#8088aa;text-transform:uppercase}.opendrive-endpoint code{min-width:0;color:#a9eaff;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opendrive-form-actions{display:flex;gap:8px;margin-top:14px}.opendrive-form-message{margin-top:10px;padding:9px 10px;border:1px solid rgba(138,92,255,.13);border-radius:8px;background:rgba(138,92,255,.035);color:#858dac;font-size:8px;line-height:1.5}.opendrive-form-message.success{color:#9fe8ff;border-color:rgba(38,212,255,.18);background:rgba(38,212,255,.04)}.opendrive-form-message.error{color:#ffb5ed;border-color:rgba(255,79,216,.20);background:rgba(255,79,216,.045)}
.opendrive-security-card .health{background:#0b0f22!important;border:1px solid rgba(126,103,255,.11)}.opendrive-security-card .security-note{margin-top:13px}
.opendrive-browser-card{margin-top:14px}.opendrive-browser-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.opendrive-browser-head h3{margin:4px 0;font-size:16px}.opendrive-browser-head p{margin:0!important}.opendrive-browser-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.opendrive-root-chip{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 10px;border:1px solid rgba(38,212,255,.17);border-radius:8px;background:rgba(38,212,255,.045);color:#a9ebff;font-size:8px;font-weight:850}
.opendrive-breadcrumbs{min-height:38px;display:flex;align-items:center;gap:5px;margin-bottom:11px;padding:6px;border:1px solid rgba(126,103,255,.13);border-radius:10px;background:#090d1f;overflow-x:auto}.opendrive-breadcrumbs button{flex:0 0 auto;min-height:25px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#a3aacc;font-family:inherit;font-size:9px;font-weight:750;cursor:pointer}.opendrive-breadcrumbs button:hover{background:rgba(138,92,255,.12);color:#fff}.opendrive-breadcrumbs>span{color:#626a8c;font-size:8px}.opendrive-breadcrumbs svg{vertical-align:middle}
.opendrive-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:13px}.opendrive-folder{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:10px;border:1px solid rgba(126,103,255,.13);border-radius:11px;background:linear-gradient(145deg,#0e1228,#0a0d1e);color:#d9d7ec;text-align:left;cursor:pointer}.opendrive-folder:hover{border-color:rgba(38,212,255,.28);background:linear-gradient(145deg,rgba(38,212,255,.06),rgba(138,92,255,.07))}.opendrive-folder>span{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:rgba(138,92,255,.09);color:#cdbdff}.opendrive-folder div{min-width:0}.opendrive-folder strong,.opendrive-folder small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opendrive-folder strong{font-size:10px}.opendrive-folder small{margin-top:4px;color:#737b9c;font-size:7px}.opendrive-folder>svg{color:#626b8e}
.opendrive-files-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 9px}.opendrive-files-head strong{font-size:11px}.opendrive-files-head span{color:#747c9e;font-size:8px}.opendrive-file-table{min-width:720px!important}.opendrive-file-name{display:flex;align-items:center;gap:10px;min-width:300px}.opendrive-file-name>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(38,212,255,.12);border-radius:8px;background:rgba(38,212,255,.035);color:#9fe8ff}.opendrive-file-name strong,.opendrive-file-name small{display:block;max-width:460px;overflow:hidden;text-overflow:ellipsis}.opendrive-file-name small{margin-top:3px;color:#697293;font-size:7px}.opendrive-empty{min-height:130px}
.opendrive-field-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.opendrive-field-action>.field{min-width:0}.opendrive-pick-button{white-space:nowrap!important;color:#bceeff!important;border-color:rgba(38,212,255,.18)!important;background:rgba(38,212,255,.045)!important}.opendrive-pick-button:hover{border-color:rgba(38,212,255,.38)!important;background:rgba(38,212,255,.09)!important}.import-field-action-v2:has(.opendrive-pick-button){grid-template-columns:minmax(0,1fr) auto auto}.episode-editor-row .opendrive-field-action{grid-template-columns:minmax(0,1fr) auto}.episode-editor-row .opendrive-pick-button{padding-inline:8px!important;font-size:0!important}.episode-editor-row .opendrive-pick-button svg{margin:0!important}
.opendrive-picker-layer{position:fixed;inset:0;z-index:720}.opendrive-picker-backdrop{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:rgba(3,4,12,.78);backdrop-filter:blur(12px)}.opendrive-picker-panel{width:min(980px,100%);max-height:min(850px,92vh);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid rgba(38,212,255,.20);border-radius:19px;background:linear-gradient(160deg,#0e1228,#070a18);box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 50px rgba(38,212,255,.05);overflow:hidden}.opendrive-picker-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid rgba(126,103,255,.14)}.opendrive-picker-title{display:flex;align-items:center;gap:12px}.opendrive-picker-title>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(38,212,255,.19);border-radius:11px;background:rgba(38,212,255,.06);color:#a8eaff}.opendrive-picker-title small,.opendrive-picker-title h3{display:block}.opendrive-picker-title small{color:#737c9d;font-size:7px;font-weight:900;letter-spacing:.12em}.opendrive-picker-title h3{margin:4px 0 0;font-size:18px}.opendrive-picker-panel>.opendrive-breadcrumbs{margin:12px 16px 0}.opendrive-picker-browser{min-height:280px;padding:12px 16px 18px;overflow:auto}.opendrive-picker-panel>footer{display:flex;align-items:center;gap:7px;padding:12px 18px;border-top:1px solid rgba(126,103,255,.12);background:#070a18;color:#747d9f;font-size:8px}.opendrive-picker-panel>footer svg{color:#9fe8ff}.opendrive-picker-setup{margin-top:14px}
@media(max-width:1100px){.opendrive-layout{grid-template-columns:1fr}.opendrive-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.opendrive-hero{grid-template-columns:48px minmax(0,1fr);align-items:start}.opendrive-hero-icon{width:48px;height:48px}.opendrive-hero>.security-state-chip{grid-column:2;justify-self:start}.opendrive-browser-head{display:grid}.opendrive-browser-actions{justify-content:flex-start}.opendrive-folder-grid{grid-template-columns:1fr}.opendrive-form-actions{display:grid}.opendrive-endpoint{grid-template-columns:1fr}.opendrive-endpoint code{white-space:normal;overflow-wrap:anywhere}.opendrive-field-action,.import-field-action-v2:has(.opendrive-pick-button){grid-template-columns:1fr}.opendrive-picker-backdrop{padding:8px}.opendrive-picker-panel{max-height:96vh;border-radius:15px}.opendrive-picker-panel>header{padding:14px}.opendrive-picker-browser{padding:10px}.opendrive-picker-panel>.opendrive-breadcrumbs{margin:9px 10px 0}}


/* ===== VDEONE 2.5.0 · Clean Trailers ===== */
.trailers-screen-clean .clean-trailer-player{cursor:default;background:#000}
.trailers-screen-clean .player-gradient,.trailers-screen-clean .trailers-library,.trailers-screen-clean .trailers-screen-clean .trailers-player-controls,.trailers-screen-clean .trailers-player-top{display:none!important}
.clean-trailer-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 22%,transparent 70%,rgba(0,0,0,.28)),linear-gradient(90deg,rgba(0,0,0,.18),transparent 18%,transparent 82%,rgba(0,0,0,.12))}
.clean-trailer-back{position:absolute;z-index:8;left:22px;top:22px;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;background:rgba(7,9,16,.34);backdrop-filter:blur(16px);color:#fff;opacity:.2;transition:opacity .22s ease,transform .22s ease;cursor:pointer}
.clean-trailer-player:hover .clean-trailer-back,.clean-trailer-player:focus-within .clean-trailer-back{opacity:.9}.clean-trailer-back:hover{transform:scale(1.04)}
.clean-trailer-meta{position:absolute;z-index:7;left:28px;bottom:28px;display:grid;gap:3px;max-width:min(520px,70vw);opacity:0;transform:translateY(7px);transition:.25s ease;pointer-events:none}.clean-trailer-meta.visible{opacity:.82;transform:none}.clean-trailer-meta span{font-size:8px;letter-spacing:.16em;font-weight:900;color:#b9a7ff}.clean-trailer-meta strong{font-size:17px;color:#fff}.clean-trailer-meta small{font-size:9px;color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clean-trailer-progress{position:absolute;z-index:7;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.08);overflow:hidden}.clean-trailer-progress i{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#26D4FF,#8A5CFF,#FF4FD8);transition:transform .2s linear}
/* VDEONE 3.6.8 — trailers inside Más info use first-party controls; Hero remains provider-clean. */
.trailers-screen-clean .trailers-youtube-stage{cursor:pointer}
.trailers-screen-clean .trailers-youtube-stage iframe{pointer-events:none!important}
.trailers-native-controls{
  position:absolute;z-index:12;left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px);bottom:max(22px,env(safe-area-inset-bottom));
  padding:12px 14px 13px;border:1px solid rgba(255,255,255,.12);border-radius:15px;
  background:linear-gradient(180deg,rgba(8,10,24,.32),rgba(8,10,24,.74));
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 54px rgba(0,0,0,.28);
  opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;
}
.trailers-native-controls.visible,.trailers-native-controls:focus-within,.trailers-native-controls:hover{opacity:1;transform:none;pointer-events:auto}
.trailers-timeline{width:100%;height:18px;margin:0;accent-color:#9a5cff;cursor:pointer}
.trailers-control-row{display:flex;align-items:center;gap:8px;margin-top:4px;min-width:0}
.trailers-control-btn{
  min-width:40px;height:40px;padding:0 10px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);
  border-radius:11px;background:rgba(8,10,24,.52);color:#fff;font:800 10px/1 var(--vde-font-ui);cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.trailers-control-btn:hover,.trailers-control-btn:focus-visible{background:rgba(124,79,255,.28);border-color:rgba(169,120,255,.52);transform:translateY(-1px);outline:none}
.trailers-control-btn.primary{background:rgba(255,255,255,.92);color:#090b16;border-color:rgba(255,255,255,.92)}
.trailers-control-btn.primary:hover{background:#fff;box-shadow:0 0 24px rgba(255,255,255,.12)}
.trailers-control-spacer{flex:1}
.trailers-volume{width:min(110px,12vw);accent-color:#fff;cursor:pointer}
.trailers-timecode{font-size:11px;color:rgba(255,255,255,.76);white-space:nowrap;font-variant-numeric:tabular-nums}
.trailers-screen-clean .clean-trailer-meta{bottom:118px}
.trailers-screen-clean .clean-trailer-progress{display:none!important}
@media(max-width:700px){
  .trailers-native-controls{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:9px 10px 10px;border-radius:13px}
  .trailers-control-row{gap:5px}
  .trailers-control-btn{min-width:38px;height:38px;padding:0 8px;border-radius:10px}
  .trailers-volume{display:none}
  .trailers-timecode{font-size:9px}
  .trailers-screen-clean .clean-trailer-meta{bottom:102px}
}
@media(max-width:700px){.clean-trailer-back{left:14px;top:14px;width:38px;height:38px}.clean-trailer-meta{left:18px;bottom:20px;max-width:78vw}.clean-trailer-meta strong{font-size:14px}}

/* ===== VDEONE 2.5.0 · Batch Movie / Series Add ===== */
.batch-hero-v25{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;padding:23px 25px;margin-bottom:16px;border:1px solid rgba(138,92,255,.18);border-radius:18px;background:radial-gradient(circle at 92% 0%,rgba(38,212,255,.09),transparent 30%),linear-gradient(145deg,rgba(138,92,255,.09),rgba(10,13,26,.78));box-shadow:0 20px 50px rgba(0,0,0,.18)}.batch-hero-v25 h2{margin:5px 0 7px;font-size:28px}.batch-hero-v25 p{max-width:860px;margin:0;color:#9298B8;font-size:11px;line-height:1.7}.batch-limit-chip{white-space:nowrap;padding:7px 10px;border:1px solid rgba(38,212,255,.2);border-radius:999px;background:rgba(38,212,255,.055);color:#9fe8ff;font-size:8px;font-weight:900;letter-spacing:.08em}
.batch-grid-v25{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:14px;margin-bottom:14px}.batch-input-card-v25,.batch-policy-card-v25{display:grid;align-content:start;gap:12px}.batch-card-head-v25{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.batch-card-head-v25 h3,.batch-policy-card-v25 h3{font-size:18px;margin:4px 0 0}.batch-source-textarea-v25{min-height:190px;resize:vertical;font:500 10px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.batch-format-help-v25{display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(138,92,255,.12);border-radius:10px;background:rgba(255,255,255,.018)}.batch-format-help-v25 b{font-size:9px;color:#cfd3ee}.batch-format-help-v25 span{font-size:8px;color:#777e9f;line-height:1.6}.batch-format-help-v25 code{padding:2px 4px;border-radius:4px;background:#11162b;color:#b9a7ff}.batch-input-options-v25{display:grid;grid-template-columns:1fr 1fr;gap:10px}.batch-input-options-v25 label,.batch-rights-v25 label{display:grid;gap:5px}.batch-input-options-v25 label>span,.batch-rights-v25 label>span{font-size:8px;color:#8e94b4}.batch-prepare-v25{width:100%;margin-top:2px}.batch-policy-card-v25>div>p{font-size:10px;line-height:1.6;color:#858cab}.batch-publish-toggle-v25{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(138,92,255,.16);border-radius:11px;background:rgba(138,92,255,.035)}.batch-publish-toggle-v25 input{margin-top:3px}.batch-publish-toggle-v25 b,.batch-publish-toggle-v25 small{display:block}.batch-publish-toggle-v25 b{font-size:10px}.batch-publish-toggle-v25 small{font-size:8px;color:#777e9f;margin-top:3px}.batch-rights-v25{display:grid;gap:9px;max-height:0;overflow:hidden;opacity:.35;pointer-events:none;transition:.28s ease}.batch-rights-v25.active{max-height:330px;opacity:1;pointer-events:auto}.batch-rights-dates-v25{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.batch-queue-card-v25{min-height:280px}.batch-queue-actions-v25{display:flex;gap:8px}.batch-table-v25 th:nth-child(1){width:90px}.batch-table-v25 th:nth-child(4){width:100px}.batch-table-v25 th:last-child{width:54px}.batch-state-v25{display:inline-flex;justify-content:center;min-width:66px;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:950;letter-spacing:.08em;border:1px solid rgba(255,255,255,.1);color:#8d94b7}.batch-state-v25.ready,.batch-state-v25.saved{color:#9fe8ff;border-color:rgba(38,212,255,.22);background:rgba(38,212,255,.06)}.batch-state-v25.review{color:#e1c5ff;border-color:rgba(176,92,255,.28);background:rgba(176,92,255,.07)}.batch-state-v25.error{color:#ffb4d6;border-color:rgba(255,79,216,.24);background:rgba(255,79,216,.055)}.batch-state-v25.resolving{color:#c2c7e6;animation:pulse 1.2s ease infinite}.batch-title-v25{display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px;align-items:center;min-width:240px}.batch-title-v25 img,.batch-poster-empty-v25{width:44px;aspect-ratio:2/3;border-radius:6px;object-fit:cover;background:#11162b;border:1px solid rgba(138,92,255,.15)}.batch-title-v25 strong,.batch-title-v25 small,.batch-title-v25 em{display:block}.batch-title-v25 strong{font-size:10px;color:#eeeefe}.batch-title-v25 small{font-size:8px;color:#777e9f;margin-top:3px}.batch-title-v25 em{font-size:7px;color:#ffb4d6;margin-top:4px;max-width:380px;white-space:normal}.batch-source-v25{max-width:360px}.batch-source-v25 code,.batch-source-v25 small{display:block}.batch-source-v25 code{font-size:8px;color:#aeb4d7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-source-v25 small{font-size:7px;color:#646b8b;margin-top:4px}.batch-confidence-v25 b,.batch-confidence-v25 span{display:block}.batch-confidence-v25 b{font-size:12px;color:#d8dcfa}.batch-confidence-v25 span{font-size:7px;color:#737a9a;margin-top:3px;white-space:nowrap}
@media(max-width:1050px){.batch-grid-v25{grid-template-columns:1fr}.batch-policy-card-v25{grid-template-columns:1fr}.batch-rights-v25.active{max-height:360px}}@media(max-width:700px){.batch-hero-v25{flex-direction:column}.batch-input-options-v25,.batch-rights-dates-v25{grid-template-columns:1fr}.batch-queue-actions-v25{width:100%;flex-wrap:wrap}.batch-queue-actions-v25 .btn{flex:1}.batch-table-v25{min-width:760px}}


/* ===== VDEONE 2.6.4 · Fluid Cinema / Coming Soon ===== */
#app{opacity:.985;transform:translate3d(0,2px,0);transition:opacity .14s var(--ease),transform .14s var(--ease)}
#app.route-enter{opacity:1;transform:translate3d(0,0,0)}
.rail{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scroll-padding-inline:2px;contain:layout style}
.rail>.card{scroll-snap-align:start;transform:translateZ(0);backface-visibility:hidden}
.card,.cinema-card{will-change:transform}.card-art,.cinema-poster{transform:translateZ(0);backface-visibility:hidden}
.rail-section,.cinema-card,.chart-card{content-visibility:auto;contain-intrinsic-size:auto 360px}
.card-cinema-countdown{margin-top:8px;display:flex;align-items:center;min-height:22px;width:max-content;max-width:100%;padding:0 7px;border-radius:6px;border:1px solid rgba(138,92,255,.22);background:linear-gradient(90deg,rgba(38,212,255,.10),rgba(138,92,255,.13),rgba(255,79,216,.08));backdrop-filter:blur(10px)}
.card-cinema-countdown strong{font-size:8px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:#e8e1ff;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-cinema-countdown.arrived{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.11)}
.cinema-heading{align-items:flex-end}.cinema-summary{flex:0 0 auto;display:grid;justify-items:end;gap:2px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025)}
.cinema-summary strong{font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.cinema-summary span{font-size:9px;color:#8f93aa;text-transform:uppercase;letter-spacing:.08em}
.live-countdown strong{font-variant-numeric:tabular-nums}.live-countdown strong span{min-width:48px}
@media(hover:hover) and (pointer:fine){.card:hover{transition-duration:.22s}.cinema-card:hover{transform:translateY(-3px)}}
@media(max-width:767px){.cinema-heading{align-items:flex-start}.cinema-summary{justify-items:start}.card-cinema-countdown{padding-inline:6px}.card-cinema-countdown strong{font-size:7px}}
@media(prefers-reduced-motion:reduce){#app{transition:none!important;transform:none!important}.card,.cinema-card{will-change:auto}}

/* ===== VDEONE 2.7.1 · Cross-browser / artwork / discovery ===== */
.showcase-card{background:var(--showcase-bg,linear-gradient(145deg,#151a44,#081228 58%,#190a36));background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}
.showcase-card:before{opacity:var(--showcase-glow,.12)}
.showcase-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,6,18,.92),rgba(4,6,18,.04) 58%);pointer-events:none}
.showcase-card-copy{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;text-shadow:0 3px 16px rgba(0,0,0,.85)}
.showcase-card-copy strong,.showcase-card-copy span{display:block}.showcase-card-copy strong{font-size:17px;line-height:1.05}.showcase-card-copy span{margin-top:5px;font-size:9px;color:#d5d7e8;font-weight:800;letter-spacing:.04em}
.year-spotlight{margin-top:26px}.year-spotlight .rail-head{margin-bottom:14px}.year-auto-chip{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;border:1px solid rgba(38,212,255,.24);background:rgba(38,212,255,.07);font-size:9px;font-weight:900;letter-spacing:.14em;color:#9beeff}
.year-spotlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.year-poster{position:relative;min-height:360px;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;background:var(--year-bg);background-position:center;background-size:cover;box-shadow:0 22px 56px rgba(0,0,0,.25)}.year-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,4,8,.96),rgba(4,4,8,.05) 58%)}.year-poster-rank{position:absolute;z-index:2;right:14px;top:10px;font-size:72px;font-weight:950;line-height:1;color:rgba(255,255,255,.16);-webkit-text-stroke:1px rgba(255,255,255,.26)}.year-poster-copy{position:absolute;z-index:3;left:17px;right:17px;bottom:17px}.year-poster-copy strong,.year-poster-copy span{display:block}.year-poster-copy strong{font-size:22px;line-height:1.04;text-shadow:0 3px 18px #000}.year-poster-copy span{margin-top:7px;color:#cfd3e5;font-size:10px;font-weight:800}
.trailer-admin-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.trailer-admin-field small{display:block;margin-top:7px;color:#8f96b7;line-height:1.45}.editor-grid label>small{display:block;margin-top:6px;color:#7f86a5;font-size:10px;line-height:1.45}
.poster-guaranteed{contain:paint}
@media(max-width:850px){.year-spotlight-grid{grid-template-columns:1fr 1fr}.year-poster:nth-child(3){grid-column:1/-1}.year-poster{min-height:300px}}
@media(max-width:620px){.year-spotlight-grid{grid-template-columns:1fr}.year-poster:nth-child(3){grid-column:auto}.trailer-admin-control{grid-template-columns:1fr}.trailer-admin-control .btn{width:100%}.year-poster{min-height:340px}}

/* ===== VDEONE 2.7.1 · Poster Reliability + Top 10 Portrait Artwork ===== */
.card-art{background:linear-gradient(145deg,#11162e,#070a18);overflow:hidden}
.card-poster-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;opacity:0;transition:opacity .2s ease,transform .32s var(--ease)}
.card-art.artwork-ready .card-poster-image{opacity:1}
.card-art.artwork-ready .poster-geometry{opacity:0;pointer-events:none}
.card-art:not(.artwork-ready) .poster-geometry{opacity:1}
.card-art:before{z-index:1}.card-art:after{z-index:1}.card-art .poster-geometry{z-index:2}
.card:hover .card-art.artwork-ready .card-poster-image{transform:scale(1.035)}

.cinema-poster{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,#151a36,#090b18)}
.cinema-poster-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:0;transition:opacity .2s ease,transform .5s var(--ease)}
.cinema-card.artwork-ready .cinema-poster-image{opacity:1}
.cinema-card:hover .cinema-poster-image{transform:scale(1.035)}

.year-spotlight-posters{margin-top:28px}
.year-spotlight-posters .rail-head{margin-bottom:13px}
.year-poster-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,12.8vw);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px 1px 12px}
.year-poster-rail::-webkit-scrollbar{display:none}
.year-poster-card{position:relative;aspect-ratio:2/3;border-radius:11px;overflow:hidden;background:linear-gradient(145deg,#151a36,#080b18);border:1px solid rgba(255,255,255,.07);scroll-snap-align:start;box-shadow:0 12px 34px rgba(0,0,0,.25)}
.year-poster-art{position:absolute;inset:0}
.year-poster-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:0;transition:opacity .2s ease,transform .28s var(--ease)}
.year-poster-card.artwork-ready .year-poster-image{opacity:1}
.year-poster-card:hover .year-poster-image{transform:scale(1.025)}
.year-poster-rank{position:absolute;right:8px;bottom:5px;z-index:2;font-size:42px;font-weight:950;line-height:1;color:rgba(255,255,255,.72);text-shadow:0 4px 18px rgba(0,0,0,.9);-webkit-text-stroke:1px rgba(0,0,0,.28)}

.content-thumb{position:relative;overflow:hidden;background:linear-gradient(145deg,#151a36,#080b18);background-image:none!important}
.content-thumb-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .18s ease}
.content-thumb.artwork-ready .content-thumb-image{opacity:1}

.showcase-card{background:linear-gradient(145deg,#151a44,#081228 58%,#190a36)!important}
.showcase-artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .2s ease}
.showcase-card.artwork-ready .showcase-artwork{opacity:1}
.showcase-card:before{z-index:1}.showcase-card:after{z-index:2}.showcase-card-copy{z-index:3}

@media(max-width:850px){.year-poster-rail{grid-auto-columns:minmax(148px,31vw)}}
@media(max-width:620px){.year-poster-rail{grid-auto-columns:minmax(142px,42vw)}}
.year-poster-card .year-poster-rank{top:auto;left:auto}
.tmdb-thumb{position:relative;overflow:hidden;background:#101426}.tmdb-thumb-image,.batch-poster-image{width:100%;height:100%;object-fit:cover;display:block}
.batch-title-v25>img,.batch-title-v25 .batch-poster-image{width:44px;height:66px;border-radius:7px;object-fit:cover;flex:0 0 auto}

/* ===== VDEONE 3.0.0 · 60FPS Motion & Rendering Pipeline ===== */
html{scroll-behavior:auto}
body{overscroll-behavior-y:auto}
#app{backface-visibility:hidden}
.rail-section,.year-spotlight,.cinema-card,.chart-card,.content-health,.admin-kpis,.admin-grid,.system-grid,.provider-grid{content-visibility:auto;contain-intrinsic-size:auto 360px}
.rail,.year-poster-rail{scroll-behavior:auto;scroll-snap-stop:normal}
.card,.cinema-card,.year-poster-card{will-change:auto;contain:paint style}
.card-art,.cinema-poster,.year-poster-art,.showcase-card{backface-visibility:hidden}
.hero-trailer iframe,.detail-trailer iframe{filter:none!important;will-change:auto;backface-visibility:hidden}
.badge,.card-cinema-countdown,.hero-sound{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.badge{background:rgba(7,7,7,.84)}
.card-cinema-countdown{background:linear-gradient(90deg,rgba(24,31,55,.94),rgba(31,25,57,.94))}
.hero-sound{background:rgba(8,8,12,.84)}
.card-actions,.card-poster-image,.cinema-poster-image,.year-poster-image,.showcase-artwork,#app{transition-property:opacity,transform}
@media(hover:hover) and (pointer:fine){
  .card:hover,.cinema-card:hover,.year-poster-card:hover{will-change:transform;transform:translate3d(0,-2px,0) scale(1.018)}
  .card:hover .card-poster-image,.cinema-card:hover .cinema-poster-image,.year-poster-card:hover .year-poster-image{will-change:transform}
}
body.perf-lite .app-header.scrolled,body.perf-lite .app-header.solid,body.perf-lite .admin-topbar,body.perf-lite .modal-backdrop,body.perf-lite .player-menu,body.perf-lite .media-preparing,body.perf-lite .opendrive-picker-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.perf-lite .card:hover,body.perf-lite .cinema-card:hover,body.perf-lite .year-poster-card:hover{transform:translate3d(0,-1px,0) scale(1.008)}
body.perf-lite .card-poster-image,body.perf-lite .cinema-poster-image,body.perf-lite .year-poster-image{transition-duration:.14s!important}
@media(max-width:900px){
  .card,.cinema-card,.year-poster-card{contain:paint}
  .hero-art:after{display:none}
  .app-header.scrolled,.app-header.solid{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
}
@media(prefers-reduced-motion:reduce){
  .card,.cinema-card,.year-poster-card,.card-poster-image,.cinema-poster-image,.year-poster-image,#app{transition:none!important;transform:none!important;will-change:auto!important}
}

/* ===== VDEONE 3.0.0 · Daily Landing Poster Rotation ===== */
.public-showcase .showcase-card{isolation:isolate}
.public-showcase .showcase-artwork{object-fit:cover;object-position:center top}
.public-showcase .showcase-card-copy{bottom:16px}
.public-showcase .showcase-card-copy strong{font-size:16px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== VDEONE 3.0 · OTT Profiles + TV / 10-foot ===== */
.profile-grid-v3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin:22px 0 26px}
.profile-card-v3{position:relative;min-height:190px;border:1px solid rgba(137,112,255,.18);border-radius:24px;background:linear-gradient(180deg,rgba(20,27,48,.92),rgba(9,13,27,.98));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.profile-card-v3:hover,.profile-card-v3:focus-visible,.profile-card-v3.active{transform:translateY(-4px);border-color:rgba(60,205,255,.7);box-shadow:0 16px 44px rgba(41,79,255,.18);outline:none}
.profile-card-v3 em{position:absolute;top:12px;right:12px;font-style:normal;font-size:10px;letter-spacing:.12em;color:#45dcff}
.profile-avatar-v3{width:82px;height:82px;border-radius:26px;display:grid;place-items:center;font-size:36px;font-weight:900;background:linear-gradient(135deg,#ff43d5,#6d5cff 52%,#25d9ff);box-shadow:0 12px 34px rgba(91,84,255,.25)}
.profile-card-v3 small{color:#9ba8c8}
.profile-form-v3{display:grid;gap:18px}.profile-form-v3 label{display:grid;gap:8px}.profile-kids-toggle{grid-template-columns:auto 1fr!important;align-items:center}.profile-kids-toggle small{grid-column:2;color:#8f9ab7}
.health-list .health span small{display:block;color:#7f8ba9;font-size:10px;margin-top:3px;text-transform:uppercase;letter-spacing:.08em}

body.tv-mode{--tv-scale:1.18;font-size:18px}
body.tv-mode .app-header{height:90px;padding-inline:4vw}
body.tv-mode .brand-logo{width:260px!important}
body.tv-mode .page,body.tv-mode .rails-wrap,body.tv-mode .detail-grid{padding-left:5vw;padding-right:5vw}
body.tv-mode .hero{min-height:78vh}
body.tv-mode .hero-content{max-width:760px;margin-left:5vw;padding-bottom:10vh}
body.tv-mode .hero-title,body.tv-mode .detail-title{font-size:clamp(52px,6vw,92px)}
body.tv-mode .hero-copy,body.tv-mode .detail-copy{font-size:20px;line-height:1.6}
body.tv-mode .btn{min-height:58px;padding:0 28px;font-size:18px;border-radius:16px}
body.tv-mode .card{min-width:260px}
body.tv-mode .poster-card,body.tv-mode .top-movie-card{min-width:240px}
body.tv-mode .rail{gap:22px;scroll-padding-inline:5vw}
body.tv-mode :is(a,button,[tabindex]):focus-visible{outline:4px solid #38d8ff!important;outline-offset:5px;box-shadow:0 0 0 8px rgba(74,91,255,.28),0 18px 55px rgba(0,0,0,.55)!important;transform:scale(1.055);z-index:20}
body.tv-mode .account-layout{grid-template-columns:260px minmax(0,1fr);gap:30px}
body.tv-mode .account-nav a,body.tv-mode .account-nav button{min-height:56px;font-size:18px}
body.tv-mode .player-controls{padding:22px 4vw 34px}
body.tv-mode .round-btn{width:58px;height:58px}
body.tv-mode 
body.tv-mode .player-menu{font-size:18px;min-width:340px}
body.tv-mode .player-top h2{font-size:26px}
body.tv-mode .cinema-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}
@media (max-width:900px){.profile-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card-v3{min-height:160px}}
.skip-control{position:absolute;right:5%;bottom:150px;z-index:24;min-height:48px;padding:0 20px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(8,12,24,.88);color:#fff;font-weight:800;display:flex;align-items:center;gap:9px;box-shadow:0 12px 38px rgba(0,0,0,.32);cursor:pointer;transition:transform .18s ease,border-color .18s ease}
.skip-control:hover,.skip-control:focus-visible{transform:translateY(-2px);border-color:#40d7ff;outline:none}
body.tv-mode .skip-control{right:6%;bottom:190px;min-height:62px;padding:0 28px;font-size:18px}

/* ===== VDEONE 3.0.3 · Mobile Admin + Reliability ===== */
body.modal-open{overflow:hidden!important;overscroll-behavior:none}
.admin-main{min-width:0;max-width:100%}
.admin-sidebar-scrim{display:none;border:0;padding:0;background:rgba(2,3,12,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.admin-content-mobile-list{display:none}

/* Static metadata editor shell: header/actions stay fixed, only form body scrolls. */
.modal.modal-wide{display:flex!important;flex-direction:column!important;overflow:hidden!important}
.modal.modal-wide .content-editor-head{position:relative;flex:0 0 auto;z-index:6}
.content-editor-form{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding:0!important;background:#090b17}
.content-editor-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px 24px 24px;scrollbar-gutter:stable}
.content-editor-actions{position:relative!important;bottom:auto!important;flex:0 0 auto;margin:0!important;padding:16px 24px calc(16px + env(safe-area-inset-bottom))!important;background:rgba(8,10,22,.985)!important;border-top:1px solid rgba(129,104,255,.2);backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:8}

/* Mobile content manager cards replace the wide desktop table. */
.admin-content-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px;border:1px solid rgba(126,103,255,.18);border-radius:16px;background:linear-gradient(145deg,#0f1228,#090b19);box-shadow:0 12px 28px rgba(0,0,0,.16)}
.admin-content-poster{width:76px;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:#101329;border:1px solid rgba(126,103,255,.18)}
.admin-content-poster img{width:100%;height:100%;object-fit:cover}
.admin-content-card-body{min-width:0;display:grid;align-content:start;gap:10px}
.admin-content-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}
.admin-content-card-title>div{min-width:0}
.admin-content-card-title strong{display:block;color:#f6f3ff;font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-content-card-title small{display:block;margin-top:5px;color:#7e86aa;font-size:10px;line-height:1.35}
.admin-content-card-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#9da4c9;font-size:10px}
.admin-content-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.admin-content-card-actions .btn{width:100%;min-width:0;justify-content:center}

@media(max-width:1023px){
  .admin-shell{display:block!important;min-height:100dvh;overflow-x:clip}
  .admin-main{width:100%;min-height:100dvh;overflow-x:clip}
  .admin-sidebar{top:0;bottom:0;height:100dvh;width:min(84vw,300px);left:calc(-1 * min(84vw,300px));padding-top:calc(14px + env(safe-area-inset-top));z-index:130;box-shadow:24px 0 70px rgba(0,0,0,.48);transition:left .22s cubic-bezier(.2,.7,.2,1)}
  .admin-shell.sidebar-open .admin-sidebar{left:0}
  .admin-sidebar-scrim{display:block;position:fixed;inset:0;z-index:120;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
  .admin-shell.sidebar-open .admin-sidebar-scrim{opacity:1;visibility:visible;pointer-events:auto}
  .admin-topbar{width:100%;height:auto;min-height:64px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;gap:9px;z-index:100}
  .admin-topbar h1{min-width:0;max-width:none;flex:1 1 auto;font-size:clamp(13px,2.9vw,17px);line-height:1.15;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
  .admin-topbar .build-pill{flex:0 0 auto}
  .admin-content{width:100%!important;max-width:100%!important;padding:18px 14px calc(42px + env(safe-area-inset-bottom))!important;overflow-x:clip}
  .admin-shell,.admin-main,.admin-content{overscroll-behavior-x:none}
}

@media(max-width:767px){
  .admin-content .section-head{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;justify-content:stretch!important;gap:13px!important;margin-bottom:18px!important}
  .admin-content .section-head>div{min-width:0;width:100%}
  .admin-content .section-head>.btn,.admin-content .section-head>.actions{width:100%!important}
  .admin-content .section-head>.btn{justify-content:center;min-height:48px}
  .admin-content .section-head>.actions{display:grid;grid-template-columns:1fr;gap:8px}
  .admin-content .section-head>.actions .btn{width:100%;justify-content:center}
  .admin-page-note{width:100%;max-width:none;margin-top:8px!important;font-size:13px!important;line-height:1.55!important;overflow-wrap:anywhere}
  .admin-kpis,.content-health{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .content-health>div,.admin-kpis .kpi{min-width:0;padding:14px!important}
  .content-health strong{font-size:24px}.content-health span{font-size:9px}
  .content-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:18px 0!important}
  .content-toolbar #adminContentSearch,.content-toolbar #adminTypeFilter,.content-toolbar .field,.content-toolbar .select{width:100%!important;max-width:none!important;min-width:0!important;flex:none!important;font-size:16px!important;min-height:50px}
  .admin-content-desktop{display:none!important}
  .admin-content-mobile-list{display:grid!important;gap:10px}
  .admin-content .table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
  .admin-content .chart-card{padding:14px;border-radius:14px}
  .quick-actions{grid-template-columns:1fr!important}

  /* iOS-safe, static editor */
  .modal-backdrop{padding:0!important;place-items:stretch!important;align-items:stretch!important;background:rgba(2,3,12,.96)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .modal.modal-wide{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:100dvh!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;transform:none!important;box-shadow:none!important;background:#090b17!important}
  .modal.modal-wide .content-editor-head{min-height:74px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px!important;margin:0!important;align-items:center!important;background:#0c0f22!important}
  .content-editor-head h3{font-size:21px!important;line-height:1.15;max-width:72vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .content-editor-head .section-kicker{font-size:9px}
  .modal-close{flex:0 0 42px;width:42px;height:42px}
  .content-editor-form{flex:1 1 auto;height:auto!important;min-height:0!important;max-height:none!important;width:100%;min-width:0}
  .content-editor-scroll{padding:14px 12px 18px!important;scroll-padding-bottom:24px}
  .editor-section{padding:14px!important;margin-bottom:11px!important;border-radius:14px}
  .editor-grid{grid-template-columns:1fr!important;gap:11px!important}
  .editor-grid .span-2{grid-column:auto!important}
  .editor-grid .field,.editor-grid .select,.editor-grid textarea{font-size:16px!important;min-height:48px!important}
  .editor-textarea{min-height:128px!important}
  .editor-section-head{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}
  .editor-section-head span{text-align:left!important}
  .editor-checks{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .editor-checks label{min-height:44px!important}
  .content-editor-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px 12px calc(12px + env(safe-area-inset-bottom))!important;margin:0!important}
  .content-editor-actions .control-spacer{display:none!important}
  .content-editor-actions .btn{width:100%!important;min-width:0!important;min-height:46px!important;justify-content:center!important;margin:0!important}
  .content-editor-actions .btn-primary{grid-column:1/-1;grid-row:1}
  .content-editor-actions .btn-danger-soft{grid-column:1;grid-row:2}
  .content-editor-actions .btn-dark{grid-column:2;grid-row:2}
  .trailer-admin-control{grid-template-columns:1fr!important}
  .trailer-admin-control .btn{width:100%!important}
  .episode-editor-row{grid-template-columns:36px minmax(0,1fr) 34px!important;padding:10px!important}
  .episode-editor-row .field{font-size:16px!important;min-height:46px!important}
}

@media(max-width:430px){
  .admin-topbar{gap:7px;padding-inline:10px}
  .admin-topbar h1{font-size:clamp(12px,3.5vw,16px);max-width:none}
  .admin-topbar .build-pill{font-size:8px;height:26px;padding-inline:8px}
  .admin-topbar .admin-bell{display:none}
  .admin-topbar .admin-avatar{width:34px;height:34px;font-size:12px}
  .admin-content{padding-inline:12px!important}
  .admin-kpis,.content-health{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-content-card{grid-template-columns:66px minmax(0,1fr);gap:10px;padding:10px}
  .admin-content-poster{width:66px}
  .admin-content-card-title{display:grid;gap:7px}
  .admin-content-card-title .admin-state-chip{justify-self:start}
  .admin-content-card-actions{grid-template-columns:1fr!important}
  .content-editor-actions{grid-template-columns:1fr!important}
  .content-editor-actions .btn-primary,.content-editor-actions .btn-danger-soft,.content-editor-actions .btn-dark{grid-column:1!important;grid-row:auto!important}
  .editor-checks{grid-template-columns:1fr!important}
}
@media(max-width:767px){
  .content-editor-actions.is-new .btn-dark{grid-column:1/-1!important;grid-row:2!important}
}

/* ===== VDEONE 3.0.3 · Stable Admin Frame + TMDB Import Studio Visual Overhaul ===== */
body.admin-route-active #app{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  min-height:100vh;
  background:#070812;
}
/* Admin is an interactive control surface: never defer its structural paint. */
body.admin-route-active .admin-kpis,
body.admin-route-active .admin-grid,
body.admin-route-active .content-health,
body.admin-route-active .system-grid,
body.admin-route-active .provider-grid,
body.admin-route-active .chart-card,
body.admin-route-active .tmdb-workspace,
body.admin-route-active .tmdb-search-panel,
body.admin-route-active .tmdb-preview{
  content-visibility:visible!important;
  contain:none!important;
}
body.admin-route-active .admin-shell{isolation:isolate}
body.admin-route-active .admin-sidebar .brand-logo{opacity:1!important}

.tmdb-studio-hero-v3{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  margin-bottom:16px;
  padding:26px 28px;
  overflow:hidden;
  border:1px solid rgba(122,92,255,.22);
  border-radius:22px;
  background:
    radial-gradient(circle at 82% -20%,rgba(38,212,255,.15),transparent 34%),
    radial-gradient(circle at 8% 120%,rgba(255,79,216,.11),transparent 32%),
    linear-gradient(145deg,#11152b 0%,#090b18 72%);
  box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);
}
.tmdb-studio-hero-v3:after{
  content:"";position:absolute;inset:auto -70px -92px auto;width:300px;height:210px;border-radius:50%;
  background:radial-gradient(circle,rgba(58,127,255,.15),transparent 66%);filter:blur(4px);pointer-events:none
}
.tmdb-studio-copy-v3{position:relative;z-index:1;max-width:900px}
.tmdb-studio-copy-v3 h2{margin:5px 0 8px;font-size:clamp(28px,3.2vw,42px);line-height:1;letter-spacing:-.045em;color:#f7f5ff}
.tmdb-studio-copy-v3 p{max-width:790px;margin:0;color:#9ca3c8;font-size:12px;line-height:1.7}
.tmdb-studio-chips-v3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:17px}
.tmdb-studio-chips-v3 span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid rgba(129,101,255,.16);border-radius:999px;background:rgba(255,255,255,.025);color:#c8ccec;font-size:9px;font-weight:800}
.tmdb-studio-chips-v3 svg{color:#5adfff}
.tmdb-studio-hero-v3>.integration-status{position:relative;z-index:1;flex:0 0 auto;margin-top:2px}

.import-steps-v3{margin:0 0 16px;padding:14px 18px;border:1px solid rgba(123,95,255,.14);border-radius:16px;background:rgba(12,15,31,.72)}
.import-steps-v3>div{min-width:110px}

.tmdb-workspace-v2{grid-template-columns:minmax(430px,.9fr) minmax(650px,1.35fr);gap:16px}
.tmdb-search-panel-v2,.tmdb-import-editor-v2{border-color:rgba(122,92,255,.18);border-radius:19px;background:linear-gradient(160deg,#11152a,#090b18);box-shadow:0 20px 55px rgba(0,0,0,.18)}
.tmdb-search-form-v2{padding:20px;gap:14px;background:linear-gradient(180deg,rgba(126,96,255,.045),transparent)}
.tmdb-search-form-v2 .label{font-size:9px;letter-spacing:.04em}
.tmdb-search-form-v2 .field,.tmdb-search-form-v2 .select{min-height:44px;border-radius:11px;background:#0b0f23}
.tmdb-search-form-v2 .tmdb-query .btn{min-height:44px}
.tmdb-results-meta{padding:15px 18px;background:rgba(75,86,190,.055)}
.tmdb-results-v2{display:grid;gap:9px;padding:12px 14px 18px}
.tmdb-result-v3{
  grid-template-columns:92px minmax(0,1fr) 74px;
  min-height:146px;
  gap:15px;
  padding:11px;
  border:1px solid rgba(119,93,255,.10);
  border-radius:15px;
  background:linear-gradient(145deg,#10142a,#0b0e1f);
  box-shadow:0 9px 28px rgba(0,0,0,.10);
}
.tmdb-result-v3:hover{transform:translateY(-1px);border-color:rgba(73,202,255,.23);background:linear-gradient(145deg,#151a35,#0d1125)}
.tmdb-result-v3.is-selected{transform:none;border-color:rgba(48,214,255,.52);box-shadow:0 0 0 2px rgba(38,212,255,.09),0 15px 38px rgba(0,0,0,.18);background:linear-gradient(145deg,rgba(38,212,255,.07),rgba(120,82,255,.08))}
.tmdb-result-v3 .tmdb-thumb-v3{width:92px;aspect-ratio:2/3;border-radius:10px;overflow:hidden;border:1px solid rgba(137,114,255,.20);background:#0b0e1c;box-shadow:0 10px 24px rgba(0,0,0,.28)}
.tmdb-result-v3 .tmdb-thumb-v3 img{width:100%;height:100%;object-fit:cover;display:block}
.tmdb-result-copy{align-self:center}
.tmdb-result-eyebrow-v3{margin-bottom:5px;color:#6ecfff!important;font-size:7px!important;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.tmdb-result-v3 .tmdb-result-copy strong{font-size:16px;line-height:1.18;letter-spacing:-.02em;color:#f3f2ff}
.tmdb-result-v3 .tmdb-result-copy em{font-size:9px;margin-top:4px;color:#757d9f}
.tmdb-result-v3 .tmdb-result-copy small{margin-top:7px;color:#b7bddf;font-size:9px}
.tmdb-result-v3 .tmdb-result-copy>span:last-child{margin-top:7px;color:#858dad;font-size:10px;line-height:1.55;-webkit-line-clamp:3}
.tmdb-result-v3 .tmdb-result-side{padding:5px 4px 5px 0;align-items:end}
.tmdb-result-v3 .tmdb-catalog-state{min-width:42px;text-align:center;color:#7b83aa;background:rgba(255,255,255,.025)}

.tmdb-import-editor-v2{overflow:hidden}
.tmdb-import-editor-v2 .import-art-v2{height:300px;background-color:#0b0d19;background-position:center 22%;background-size:cover}
.tmdb-import-editor-v2 .import-art-v2:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a0d1a 0%,rgba(10,13,26,.15) 60%,rgba(4,5,12,.04) 100%);pointer-events:none}
.tmdb-import-editor-v2 .import-art-v2>*{z-index:2}
.tmdb-preview-body-v2{padding:24px 26px 28px}
.tmdb-preview-body-v2 .tmdb-preview-heading h2{font-size:32px;line-height:1.05;margin-top:7px}
.tmdb-preview-body-v2>p{font-size:12px;line-height:1.75;color:#a8aecb;max-width:900px}
.tmdb-preview-meta{gap:8px;row-gap:8px}
.tmdb-preview-meta span{padding:5px 8px;border:1px solid rgba(119,94,255,.12);border-radius:7px;background:rgba(255,255,255,.025);color:#acb3d1;font-size:9px}

.import-summary-v3{grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start;margin:20px 0 24px;padding:16px;border:1px solid rgba(117,91,255,.14);border-radius:16px;background:linear-gradient(145deg,rgba(22,27,55,.72),rgba(9,12,27,.72))}
.tmdb-main-poster-v3{position:relative;width:220px;margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(91,213,255,.18);background:#0b0e1d;box-shadow:0 18px 40px rgba(0,0,0,.30)}
.tmdb-main-poster-v3 img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.tmdb-main-poster-v3 figcaption{position:absolute;left:9px;bottom:9px;padding:5px 7px;border:1px solid rgba(255,255,255,.10);border-radius:6px;background:rgba(5,7,17,.76);backdrop-filter:blur(8px);color:#d8ddfa;font-size:6px;font-weight:950;letter-spacing:.11em}
.metadata-mini-grid-v3{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;align-content:start}
.metadata-mini-grid-v3>div{min-height:72px;padding:11px 12px!important;border:1px solid rgba(119,94,255,.11)!important;border-radius:11px;background:rgba(255,255,255,.02)!important}
.metadata-mini-grid-v3 b{display:block;margin-bottom:6px;color:#777fa5!important;font-size:7px!important;letter-spacing:.1em;text-transform:uppercase}
.metadata-mini-grid-v3 span{color:#d3d7ed!important;font-size:10px!important;line-height:1.5!important}

.artwork-picker-v2{padding:15px;border-radius:14px;background:#090d1e}
.poster-options-v2,.backdrop-options-v2{gap:10px;padding:4px 2px 10px}
.poster-option-v2{width:96px;border-radius:10px}
.backdrop-option-v2{width:164px;border-radius:10px}
.poster-option-v2 span{left:6px;bottom:6px;padding:3px 5px;font-size:6px}
.poster-option-v2.selected,.backdrop-option-v2.selected{box-shadow:0 0 0 2px rgba(38,212,255,.16),0 12px 28px rgba(0,0,0,.22)}
.import-editor-section-v2{padding:18px;border-radius:15px;background:linear-gradient(145deg,rgba(13,17,36,.86),rgba(9,12,27,.76))}
.import-readiness-v2{padding:17px;border-radius:15px}
.import-actions-v2 .btn{min-height:46px}

@media(max-width:1180px){
  .tmdb-workspace-v2{grid-template-columns:1fr}
  .tmdb-result-v3{grid-template-columns:96px minmax(0,1fr) 70px}
  .tmdb-result-v3 .tmdb-thumb-v3{width:96px}
  .tmdb-import-editor-v2 .import-art-v2{height:340px}
}
@media(max-width:700px){
  .tmdb-studio-hero-v3{display:grid;padding:19px 17px;border-radius:17px}
  .tmdb-studio-copy-v3 h2{font-size:30px}
  .tmdb-studio-copy-v3 p{font-size:11px}
  .tmdb-studio-hero-v3>.integration-status{justify-self:start}
  .tmdb-studio-chips-v3{gap:6px}.tmdb-studio-chips-v3 span{font-size:8px;padding-inline:8px}
  .import-steps-v3{overflow-x:auto;justify-content:flex-start;padding:12px}.import-steps-v3>div{min-width:88px}
  .tmdb-result-v3{grid-template-columns:78px minmax(0,1fr);min-height:124px;padding:9px;gap:11px}
  .tmdb-result-v3 .tmdb-thumb-v3{width:78px}
  .tmdb-result-v3 .tmdb-result-copy strong{font-size:14px}
  .tmdb-result-v3 .tmdb-result-copy>span:last-child{-webkit-line-clamp:2;font-size:9px}
  .tmdb-result-v3 .tmdb-result-side{display:none}
  .tmdb-import-editor-v2 .import-art-v2{height:230px}
  .tmdb-preview-body-v2{padding:18px 14px 22px}
  .tmdb-preview-body-v2 .tmdb-preview-heading h2{font-size:27px}
  .import-summary-v3{grid-template-columns:140px minmax(0,1fr);gap:13px;padding:11px}
  .tmdb-main-poster-v3{width:140px}
  .metadata-mini-grid-v3{grid-template-columns:1fr}
  .metadata-mini-grid-v3>div{min-height:0;padding:9px!important}
  .poster-option-v2{width:82px}.backdrop-option-v2{width:142px}
}
@media(max-width:460px){
  .import-summary-v3{grid-template-columns:1fr}
  .tmdb-main-poster-v3{width:min(220px,62vw);justify-self:center}
  .metadata-mini-grid-v3{grid-template-columns:1fr 1fr}
  .tmdb-result-v3{grid-template-columns:72px minmax(0,1fr)}
  .tmdb-result-v3 .tmdb-thumb-v3{width:72px}
}


/* ===== VDEONE 3.1.0 · Admin spacing system / TMDB Import Studio ===== */
/* Keep copy away from controls and preserve a predictable vertical rhythm. */
.tmdb-workspace-v2{gap:22px!important}
.tmdb-search-panel-v2,.tmdb-import-editor-v2{border-radius:21px!important}
.tmdb-search-form-v2{
  grid-template-columns:minmax(0,1fr) 190px!important;
  column-gap:20px!important;
  row-gap:24px!important;
  align-items:start!important;
  padding:28px 28px 30px!important;
}
.tmdb-field-group-v4{
  display:grid!important;
  align-content:start!important;
  gap:11px!important;
  min-width:0;
}
.tmdb-search-query-v2{grid-column:1/-1!important;gap:11px!important}
.tmdb-language-field-v4{grid-column:1/-1!important;max-width:620px}
.tmdb-search-form-v2 .label{
  margin:0!important;
  padding:0!important;
  color:#b8bedb!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.45!important;
  letter-spacing:.035em!important;
}
.tmdb-search-form-v2 .label .optional{margin-left:5px;color:#737b9d;font-weight:650}
.tmdb-search-form-v2 .field,
.tmdb-search-form-v2 .select{
  min-height:52px!important;
  padding-inline:16px!important;
  border-radius:13px!important;
  font-size:15px!important;
  line-height:1.2!important;
}
.tmdb-search-query-v2 .tmdb-query{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 52px!important;
  align-items:center!important;
  gap:12px!important;
  margin:0!important;
}
.tmdb-search-query-v2 .tmdb-query .btn{
  min-height:52px!important;
  border-radius:13px!important;
  padding-inline:22px!important;
}
.tmdb-search-query-v2 .tmdb-query .btn-icon{
  width:52px!important;
  min-width:52px!important;
  padding:0!important;
}
.tmdb-search-form-v2 .field-note{
  display:block!important;
  margin:1px 0 0!important;
  padding:0!important;
  max-width:780px;
  color:#838bab!important;
  font-size:10px!important;
  line-height:1.7!important;
}
.tmdb-results-meta{
  min-height:68px!important;
  padding:18px 28px!important;
  gap:20px!important;
}
.tmdb-results-meta span{font-size:12px!important;line-height:1.45!important}
.tmdb-results-meta small{font-size:9px!important;line-height:1.55!important}
.tmdb-results-v2{gap:14px!important;padding:18px 20px 24px!important}
.tmdb-results-v2>.empty{
  min-height:250px!important;
  padding:42px 34px!important;
  line-height:1.65!important;
}
.tmdb-results-v2>.empty strong{display:block;margin-bottom:9px!important;line-height:1.35!important}
.tmdb-result-v3{gap:18px!important;padding:14px!important}
.tmdb-result-v3 .tmdb-result-copy{display:grid!important;gap:6px!important;align-content:center!important}
.tmdb-result-v3 .tmdb-result-copy>*{margin:0!important}
.tmdb-preview-body-v2{padding:28px 30px 32px!important}
.tmdb-preview-body-v2 .tmdb-preview-heading{gap:22px!important;margin-bottom:14px!important}
.tmdb-preview-body-v2 .tmdb-preview-heading h2{margin:8px 0 5px!important}
.tmdb-preview-body-v2>.tmdb-preview-meta{margin:0 0 18px!important}
.tmdb-preview-body-v2>p{margin:0 0 22px!important}
.import-summary-v3{gap:24px!important;margin:24px 0 28px!important;padding:20px!important}
.metadata-mini-grid-v3{gap:12px!important}
.metadata-mini-grid-v3>div{padding:14px 15px!important}
.metadata-mini-grid-v3 b{margin:0 0 8px!important}
.artwork-picker-v2{gap:14px!important;padding:18px!important;margin:18px 0!important}
.artwork-picker-head{gap:16px!important;margin-bottom:2px!important}
.poster-options-v2,.backdrop-options-v2{gap:12px!important;padding:6px 2px 12px!important}
.tmdb-url-form-v2{
  gap:20px!important;
  margin-top:24px!important;
  padding:24px!important;
}
.import-editor-section-v2{
  gap:13px!important;
  padding:22px!important;
  border-radius:16px!important;
}
.import-editor-section-v2 .import-form-head{
  gap:18px!important;
  margin:0 0 8px!important;
  padding-bottom:13px!important;
  border-bottom:1px solid rgba(138,92,255,.10);
}
.import-editor-section-v2 .import-form-head h3{margin:5px 0 0!important;line-height:1.25!important}
.import-editor-section-v2>.label{
  margin:5px 0 0!important;
  color:#b8bedb!important;
  line-height:1.45!important;
}
.import-editor-section-v2>.field,
.import-editor-section-v2 .import-field-action-v2>.field,
.import-editor-section-v2 .url-with-status>.field{
  min-height:50px!important;
  padding-inline:15px!important;
}
.import-field-action-v2,.url-with-status{gap:10px!important}
.media-validation-v2{
  min-height:34px!important;
  padding:8px 11px!important;
  line-height:1.5!important;
}
.import-readiness-v2{padding:22px!important;margin-top:2px!important}
.import-readiness-head{margin-bottom:16px!important}
.readiness-grid-v2{gap:10px!important;margin-top:0!important}
.readiness-grid-v2>span{padding:12px 8px!important}
.import-options-v2{gap:22px!important;padding:17px 4px!important}
.import-options-v2 label{gap:9px!important;line-height:1.45!important}
.import-actions-v2{gap:12px!important;margin-top:2px!important}
.import-actions-v2 .btn{min-height:50px!important}
.importer-trust-v2{gap:20px!important;margin-top:24px!important}
.importer-trust-v2 .chart-card{padding:22px!important}
.importer-trust-v2 .chart-card h3{margin:0 0 9px!important}
.importer-trust-v2 .chart-card p{margin:0 0 16px!important;line-height:1.65!important}

@media(max-width:900px){
  .tmdb-search-form-v2{grid-template-columns:minmax(0,1fr) 170px!important;padding:24px!important}
}
@media(max-width:700px){
  .tmdb-workspace-v2{gap:16px!important}
  .tmdb-search-form-v2{grid-template-columns:1fr!important;row-gap:20px!important;padding:20px 17px 22px!important}
  .tmdb-search-query-v2,.tmdb-language-field-v4{grid-column:auto!important;max-width:none}
  .tmdb-search-query-v2 .tmdb-query{grid-template-columns:minmax(0,1fr) 52px!important;gap:10px!important}
  .tmdb-search-query-v2 .tmdb-query .btn-red{grid-column:1/-1!important;grid-row:2!important;width:100%!important}
  .tmdb-search-query-v2 .tmdb-query .btn-icon{grid-column:2!important;grid-row:1!important}
  .tmdb-search-form-v2 .field,.tmdb-search-form-v2 .select{font-size:16px!important;min-height:52px!important}
  .tmdb-results-meta{padding:16px 17px!important;gap:7px!important}
  .tmdb-results-v2{padding:14px 12px 20px!important}
  .tmdb-results-v2>.empty{min-height:210px!important;padding:32px 22px!important}
  .tmdb-result-v3{gap:13px!important;padding:12px!important}
  .tmdb-preview-body-v2{padding:22px 16px 26px!important}
  .import-summary-v3{gap:16px!important;padding:14px!important}
  .tmdb-url-form-v2{padding:18px 14px!important;gap:17px!important}
  .import-editor-section-v2{padding:18px 15px!important;gap:12px!important}
  .import-editor-section-v2 .import-form-head{display:grid!important;gap:8px!important}
  .secure-field-note{justify-self:start!important}
  .import-options-v2{display:grid!important;gap:13px!important;padding:12px 2px!important}
  .import-actions-v2{gap:10px!important}
}

/* ===== VDEONE 3.1.0 · FUNCTIONALITY PRIORITY / HERO CAROUSEL / CLEAN TRAILERS ===== */
.hero-carousel{
  position:relative;
  width:100%;
  min-height:min(88vh,860px);
  overflow:hidden;
  background:#050612;
  isolation:isolate;
}
.hero-carousel-track{position:absolute;inset:0;overflow:hidden}
.hero-carousel-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-height:100%!important;
  margin:0!important;
  opacity:.42;
  pointer-events:none;
  transition:transform .72s cubic-bezier(.22,.8,.25,1),opacity .34s ease!important;
  will-change:transform,opacity;
}
.hero-carousel-slide.is-active{opacity:1;pointer-events:auto;z-index:2}
.hero-carousel-arrow{
  position:absolute;
  z-index:8;
  top:50%;
  width:46px;
  height:64px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.15);
  border-radius:14px;
  background:rgba(6,8,22,.48);
  color:#f5f4ff;
  cursor:pointer;
  opacity:.6;
  transition:opacity .18s ease,background .18s ease,transform .18s ease;
  backdrop-filter:blur(10px);
}
.hero-carousel:hover .hero-carousel-arrow,.hero-carousel-arrow:focus-visible{opacity:1}
.hero-carousel-arrow:hover{background:rgba(20,20,48,.82)}
.hero-carousel-prev{left:18px}.hero-carousel-next{right:18px}
.hero-carousel-dots{
  position:absolute;
  z-index:9;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(4,6,18,.32);
}
.hero-carousel-dots button{
  width:8px;height:8px;padding:0;border:0;border-radius:999px;
  background:rgba(255,255,255,.32);cursor:pointer;transition:width .2s ease,background .2s ease
}
.hero-carousel-dots button.active{width:28px;background:linear-gradient(90deg,#d94cff,#26d4ff)}

/* YouTube never owns the visual surface until playback is actually running.
   This hides provider play overlays/loading chrome when autoplay is blocked. */
.hero-carousel-slide .hero-trailer iframe,
.hero-carousel-slide .detail-trailer iframe{
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .22s ease!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
}
.hero-carousel-slide.trailer-playing .hero-trailer iframe,
.hero-carousel-slide.trailer-playing .detail-trailer iframe{opacity:1!important}
.hero-carousel-slide.has-trailer:not(.trailer-playing) .hero-art{opacity:1!important}
.hero-carousel-slide.trailer-playing .hero-art{opacity:.08!important}
.hero-carousel-slide .hero-trailer-shade{z-index:2!important}
.hero-carousel-slide .hero-content{z-index:4!important}
.hero-carousel-slide .hero-sound,[data-hero-sound]{display:none!important}

/* Poster reliability: real artwork owns the card. The generated geometry is only
   a final fallback and never sits over a successfully loaded poster. */
.card-art.artwork-ready .card-poster-image,
.year-poster-card.artwork-ready .year-poster-image,
.cinema-card.artwork-ready .cinema-poster-image{opacity:1!important}
.card-art.artwork-ready .poster-geometry{opacity:0!important;visibility:hidden!important}
.card-art:not(.artwork-ready) .poster-geometry{opacity:1!important;visibility:visible!important}

@media(max-width:767px){
  .hero-carousel{min-height:clamp(640px,calc(100svh - var(--header)),760px)}
  .hero-carousel-arrow{display:none!important}
  .hero-carousel-dots{
    bottom:18px!important;
    max-width:62vw!important;
    gap:5px!important;
    padding:6px 8px!important;
    background:rgba(4,6,18,.18)!important;
    overflow:hidden;
  }
  .hero-carousel-dots button{width:6px!important;height:6px!important}
  .hero-carousel-dots button.active{width:20px!important}
}
@media(prefers-reduced-motion:reduce){.hero-carousel-slide{transition:none!important}}


/* VDEONE 3.1.2 — Clean Hero Trailer Surface
   Provider iframe chrome must never be visible before the video is genuinely playing. */
.hero-trailer iframe,.detail-trailer iframe,
.hero-carousel-slide .hero-trailer iframe,.hero-carousel-slide .detail-trailer iframe{
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,-50%) scale(1.17)!important;
  transition:opacity .24s ease!important;
}
.hero-trailer.provider-clean-visible iframe,.detail-trailer.provider-clean-visible iframe,
.hero-carousel-slide .hero-trailer.provider-clean-visible iframe,
.hero-carousel-slide .detail-trailer.provider-clean-visible iframe{
  opacity:1!important;
}
.hero-carousel-slide.trailer-playing:not(:has(.provider-clean-visible)) .hero-art,
.hero.trailer-playing:not(:has(.provider-clean-visible)) .hero-art,
.detail-hero.trailer-playing:not(:has(.provider-clean-visible)) .detail-bg{
  opacity:1!important;
}
.hero-trailer::before,.detail-trailer::before{
  content:"";position:absolute;z-index:3;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,5,14,.40) 0%,rgba(4,5,14,0) 13%,rgba(4,5,14,0) 84%,rgba(4,5,14,.42) 100%);
}

/* ===== VDEONE 3.1.3 · Header Alignment / Scroll Rails / Upcoming Media ===== */
.profile-chip{
  min-height:46px;
  height:46px;
  padding:5px 12px 5px 5px;
  align-items:center;
  justify-content:flex-start;
}
.profile-chip .avatar{
  flex:0 0 34px;
  width:34px;
  height:34px;
  line-height:1;
  padding:0;
}
.profile-chip .profile-chip-name{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 2px 0 0;
  line-height:1;
  white-space:nowrap;
  transform:translateY(0);
}
.year-spotlight .rail-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.year-rail-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.rail-arrow{
  width:38px;height:38px;display:grid;place-items:center;border-radius:11px;
  border:1px solid rgba(151,116,255,.28);background:rgba(13,18,48,.78);color:#f7f4ff;
  cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease
}
.rail-arrow:hover{background:rgba(57,42,118,.84);border-color:rgba(194,84,255,.48);transform:translateY(-1px)}
.year-poster-rail{scroll-behavior:smooth!important;touch-action:pan-x pan-y;cursor:grab;padding-right:24px!important}
.year-poster-rail:active{cursor:grabbing}
.upcoming-admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cinema-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cinema-source{display:inline-flex;align-items:center;min-height:26px}
@media(max-width:1023px){.profile-chip .profile-chip-name{display:none}}
@media(max-width:620px){.year-rail-controls{gap:6px}.rail-arrow{width:36px;height:36px}.upcoming-admin-actions{display:grid;grid-template-columns:1fr}.upcoming-admin-actions .btn{width:100%}}

/* ===== VDEONE 3.2.0 · Forensic Tracking + Security Reliability ===== */
.forensic-inspector-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;align-items:start}
.forensic-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:14px 0}
.forensic-search .field{min-width:0;text-transform:uppercase;letter-spacing:.08em}
.forensic-trace-result{min-height:176px;border:1px solid rgba(126,103,255,.14);border-radius:12px;background:rgba(8,10,24,.52);padding:14px}
.forensic-result-head{display:grid;gap:7px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}
.forensic-result-head strong{font:800 15px ui-monospace,SFMono-Regular,Menlo,monospace;color:#f4f1ff;letter-spacing:.055em;word-break:break-all}
.forensic-trace-list{display:grid;gap:8px;max-height:430px;overflow:auto;padding-right:3px}
.forensic-trace-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(126,103,255,.12);border-radius:10px;background:#101329;color:#fff;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.forensic-trace-row:hover{transform:translateY(-1px);border-color:rgba(190,80,255,.34);background:#141838}
.forensic-trace-row span{display:grid;gap:4px;min-width:0}
.forensic-trace-row strong{font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis}
.forensic-trace-row small{font-size:9px;color:#8f96b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.forensic-trace-row em{font-size:8px;font-style:normal;text-transform:uppercase;letter-spacing:.08em;color:#7edcb0;border:1px solid rgba(83,207,146,.18);background:rgba(83,207,146,.06);padding:5px 7px;border-radius:999px;flex:0 0 auto}
@media(max-width:900px){.forensic-inspector-grid{grid-template-columns:1fr!important}}
@media(max-width:560px){.forensic-search{grid-template-columns:1fr}.forensic-search .btn{width:100%}}

/* ===== VDEONE 3.6.4 · Poster Render Core fail-safe ===== */
/* Artwork visibility no longer depends on a JS-added artwork-ready class. The
   image itself is always paintable; JavaScript only advances failed sources. */
.card-poster-image,
.cinema-poster-image,
.year-poster-image,
.content-thumb-image,
.showcase-artwork{opacity:1!important}
/* Legacy generated poster geometry was masking valid images whenever an old
   load event was missed. The branded SVG is now the explicit final fallback. */
.card-art .poster-geometry{display:none!important}
.card-art,.cinema-poster,.year-poster-art,.content-thumb,.showcase-card{background-color:#0a0d1a}

/* ===== VDEONE 3.6.4 · Universal Player Core ===== */
.media-preparing.is-error .player-retry{display:inline-flex;justify-self:center;margin-top:9px;min-width:170px}
.player-wrap:not(.paused) 
.player-video{visibility:visible;opacity:1}


/* ===== VDEONE 3.6.4 · CLEAN RUNTIME FINAL AUTHORITY ===== */
/* These rules intentionally live at the absolute end of the generated runtime.
   No historic style layer may hide actual artwork or an active trailer. */
.card-poster-image,.cinema-poster-image,.year-poster-image,.content-thumb-image,.showcase-artwork{
  display:block!important;visibility:visible!important;opacity:1!important;
}
.card-art .poster-geometry{display:none!important;opacity:0!important;visibility:hidden!important}
.hero-trailer iframe,.detail-trailer iframe,.scroll-trailer-slot iframe{
  display:block!important;visibility:visible!important;
}
.hero-trailer.is-playing iframe,.detail-trailer.is-playing iframe,
.hero-trailer.is-visual-ready iframe,.detail-trailer.is-visual-ready iframe,
.hero-trailer.is-ready.is-visual-ready iframe,.detail-trailer.is-ready.is-visual-ready iframe{
  opacity:1!important;
}
.hero-trailer:not(.is-playing):not(.is-visual-ready) iframe,
.detail-trailer:not(.is-playing):not(.is-visual-ready) iframe{opacity:0!important}


/* VDEONE 3.6.4 — administrator identity + mobile navigation normalization */
.profile-chip-admin{border-color:rgba(83,143,255,.42);background:linear-gradient(135deg,rgba(64,54,170,.24),rgba(26,177,255,.10));}
.profile-chip-admin .avatar{background:linear-gradient(135deg,#8f3dff,#21c8ff);color:#fff;display:grid;place-items:center;padding:0;}
.profile-chip-admin .avatar svg{display:block;margin:0;}
.profile-chip .profile-chip-role{font-size:9px;line-height:1;letter-spacing:.14em;font-weight:900;color:#8edcff;padding:0 4px 0 0;}
.mobile-nav .micon{width:24px;height:24px;display:grid;place-items:center;line-height:0;}
.mobile-nav .micon svg{display:block;width:21px;height:21px;margin:auto;}
.mobile-nav a[href="#/movies"] .micon svg{width:22px;height:22px;stroke-width:1.7;}
@media(max-width:1023px){.profile-chip-admin .profile-chip-role{display:none}}

/* VDEONE 3.6.4 — Playback & Artwork Doctor */
.doctor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px;margin:22px 0}.doctor-card{min-width:0}.doctor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.doctor-head h3{margin:5px 0 7px;font-size:22px}.doctor-head p{margin:0;max-width:680px;color:var(--muted);line-height:1.55}.doctor-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.doctor-result{margin-top:18px;min-height:168px}.doctor-route{padding:20px;border:1px solid rgba(110,92,255,.25);border-radius:18px;background:linear-gradient(145deg,rgba(32,35,80,.84),rgba(15,18,42,.88));display:grid;gap:7px}.doctor-route span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.doctor-route strong{font-size:21px;line-height:1.2}.doctor-route small{color:var(--muted);line-height:1.5}.doctor-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.doctor-specs>div{padding:14px;border:1px solid rgba(112,103,220,.2);border-radius:14px;background:rgba(8,11,30,.62);display:grid;gap:5px}.doctor-specs span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.doctor-specs b{font-size:13px;overflow-wrap:anywhere}.artwork-doctor-stage{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start}.artwork-doctor-poster{aspect-ratio:2/3;border-radius:18px;overflow:hidden;border:1px solid rgba(112,103,220,.28);background:linear-gradient(145deg,#11152c,#090c1c);box-shadow:0 18px 48px rgba(0,0,0,.24)}.artwork-doctor-image{display:block;width:100%;height:100%;object-fit:cover}.artwork-doctor-stage .health-list{margin-top:0}.artwork-doctor-stage .health{min-height:46px}.doctor-card>.label{display:block;margin:0 0 10px}.doctor-card>.select{width:100%}
@media(max-width:980px){.doctor-grid{grid-template-columns:1fr}.doctor-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.doctor-grid{gap:16px}.doctor-head{display:grid;gap:12px}.doctor-head h3{font-size:20px}.doctor-actions{display:grid;grid-template-columns:1fr}.doctor-actions .btn{width:100%}.doctor-specs{grid-template-columns:1fr 1fr}.artwork-doctor-stage{grid-template-columns:132px minmax(0,1fr);gap:14px}.doctor-route{padding:16px}.doctor-route strong{font-size:18px}}

/* ===== VDEONE 3.6.4 · Poster + Quality Priority ===== */
.health-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.quality-auto-field{min-width:0}.quality-auto-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.quality-auto-control .field{min-width:0}.quality-auto-field small{display:block;margin-top:9px;color:var(--muted);line-height:1.5}.quality-auto-control .btn{min-height:46px;white-space:nowrap}
.artwork-doctor-poster{background:#070914}.artwork-doctor-image{display:block!important;visibility:visible!important;opacity:1!important;background:#090c1a}
.card-poster-image,.cinema-poster-image,.year-poster-image,.content-thumb-image,.showcase-artwork{display:block!important;visibility:visible!important;opacity:1!important}
@media(max-width:720px){.health-head-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.health-head-actions .btn{width:100%}.quality-auto-control{grid-template-columns:1fr}.quality-auto-control .btn{width:100%}}
@media(max-width:430px){.health-head-actions{grid-template-columns:1fr}}

/* ===== VDEONE 3.6.4 · UNIFIED POSTER RENDERER ===== */
/* One geometry contract for every normal catalog card. A historic rule changed
   .card-art from absolute to relative, collapsing its height because the poster
   image itself is absolutely positioned. Top 10 used a different component and
   therefore kept working. This final authority removes that split. */
.card .card-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
  transform:translateZ(0);
}
.card .card-poster-image,
.cinema-poster .cinema-poster-image,
.year-poster-art .year-poster-image,
.content-thumb .content-thumb-image,
.showcase-card .showcase-artwork,
.artwork-doctor-poster .artwork-doctor-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.card .card-poster-image{z-index:0!important}
.card .card-art:after{display:none!important}
.card .card-art:before{
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(3,4,12,.02) 0%,rgba(3,4,12,.04) 48%,rgba(3,4,12,.58) 100%)!important;
}
.card .card-overlay{pointer-events:none!important;background:linear-gradient(0deg,rgba(3,4,12,.72) 0%,rgba(3,4,12,.02) 56%)!important}
.card .card-top,.card .card-bottom,.card .card-play-center{z-index:3!important}
.cinema-poster,.year-poster-art,.content-thumb,.artwork-doctor-poster{position:relative;overflow:hidden}
.cinema-card .cinema-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.year-poster-card .year-poster-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}

/* ===== VDEONE 3.6.4 · PROFILE REACTIONS / TASTE SIGNALS ===== */
.reaction-controls{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.reaction-btn{
  min-height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);
  background:rgba(8,10,24,.72);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  font:750 11px/1 var(--vde-font-ui);cursor:pointer;white-space:nowrap;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease
}
.reaction-btn:hover{transform:translateY(-1px);border-color:rgba(126,109,255,.52);background:rgba(30,31,70,.88)}
.reaction-btn.active{border-color:rgba(111,126,255,.78);background:linear-gradient(135deg,rgba(132,62,255,.38),rgba(31,179,255,.24));box-shadow:0 0 0 1px rgba(122,106,255,.12),0 8px 28px rgba(78,54,210,.18)}
.reaction-btn.reaction-down.active{border-color:rgba(255,118,145,.48);background:rgba(120,30,57,.28);color:#ffd5de}
.reaction-btn.reaction-love.active{border-color:rgba(211,94,255,.62);background:linear-gradient(135deg,rgba(201,55,255,.34),rgba(43,176,255,.22))}
.reaction-controls.compact{gap:5px;flex-wrap:nowrap}
.reaction-controls.compact .reaction-btn{width:30px;height:30px;min-height:30px;padding:0;border-radius:50%}
.card-actions{align-items:center;flex-wrap:wrap}
.hero-actions .reaction-controls{margin-inline:2px}
@media(max-width:720px){
  .reaction-btn{min-height:42px;padding-inline:11px;font-size:10px}
  .hero-actions .reaction-controls{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:2px 0}
  .hero-actions .reaction-btn{width:100%;min-width:0;padding-inline:7px}
  .card-actions .reaction-controls.compact{display:flex;width:auto}
}

/* ===== VDEONE 3.6.4 · ADAPTIVE WEB PLAYER ===== */
.player-route{max-width:min(78vw,900px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-preparing strong{letter-spacing:-.015em}
.player-wrap.compatibility-stream .player-route{color:#9ee8ff}
@media(hover:none),(pointer:coarse){
  .card .card-actions{opacity:1!important;transform:none!important}
  .card .card-bottom{padding-bottom:10px}
}

/* ===== VDEONE 3.6.4 · UI RELIABILITY / MOBILE RHYTHM ===== */
/* Hero navigation is deliberately below the reaction/action cluster. */
.hero-carousel-dots{bottom:12px!important;z-index:8!important}
.hero-carousel-arrow{top:auto!important;bottom:14px!important;transform:none!important;z-index:9!important}
.hero-carousel-prev{left:clamp(14px,2vw,28px)!important}
.hero-carousel-next{right:clamp(14px,2vw,28px)!important}
/* Top 10 rail controls sit a touch lower than the hero arrows, while preserving clear poster spacing. */
.year-spotlight .rail-head{padding-bottom:14px!important}
.year-rail-controls{transform:translateY(10px)!important}
/* Poster metadata uses the available lower safe zone instead of floating high. */
.card .card-bottom{inset:auto 0 0!important;padding:40px 11px 3px!important;justify-content:flex-end!important}
.card .card-title{margin-bottom:1px!important}
.card .card-meta{margin-bottom:0!important;transform:translateY(2px)!important}
/* Poster artwork stays visually clean; the card itself remains the interaction target. */
.card-play-center,.card .card-play-center{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
/* Netflix-style hero lock: suppress provider center transport chrome as much as the browser allows. */
.hero,.detail-hero,.hero-carousel-slide{user-select:none;-webkit-user-select:none}
.hero.trailer-playing .hero-trailer::after,
.detail-hero.trailer-playing .detail-trailer::after,
.hero-carousel-slide.trailer-playing .hero-trailer::after,
.hero-carousel-slide.trailer-playing .detail-trailer::after{
  content:"";
  position:absolute;
  left:50%;
  top:54%;
  width:min(200px,18vw);
  height:min(132px,12vw);
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:radial-gradient(circle,rgba(6,8,20,.42) 0%,rgba(6,8,20,.26) 42%,rgba(6,8,20,.12) 56%,rgba(6,8,20,0) 76%);
  backdrop-filter:blur(18px) saturate(.92);
  -webkit-backdrop-filter:blur(18px) saturate(.92);
  pointer-events:none;
  z-index:3;
  opacity:.97;
}
.hero.trailer-playing .hero-trailer-shade,
.detail-hero.trailer-playing .hero-trailer-shade,
.hero-carousel-slide.trailer-playing .hero-trailer-shade{z-index:4!important}
.hero.trailer-playing .hero-content,.detail-hero.trailer-playing .detail-content,.hero-carousel-slide.trailer-playing .hero-content{z-index:5!important}
/* Cast control follows the same visual grammar as the other player controls. */
.cast-control.is-casting{border-color:rgba(76,211,255,.72)!important;color:#8eeaff!important;box-shadow:0 0 0 1px rgba(87,96,255,.22),0 0 26px rgba(45,204,255,.18)!important}

@media(max-width:767px){
  :root{--vdeone-mobile-gutter:max(16px,env(safe-area-inset-left));--vdeone-mobile-gutter-r:max(16px,env(safe-area-inset-right))}
  html,body,#app{max-width:100%;overflow-x:hidden}
  .page,.rails-wrap,.detail-grid,.account-layout,.plans-grid,.billing-trust,.cinema-page{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    padding-left:var(--vdeone-mobile-gutter)!important;padding-right:var(--vdeone-mobile-gutter-r)!important;
    margin-left:0!important;margin-right:0!important
  }
  .page{padding-top:calc(var(--header) + 18px)!important;padding-bottom:calc(108px + env(safe-area-inset-bottom))!important}
  .rails-wrap{margin-top:-10px!important;padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
  .rail-section{margin-left:0!important;margin-right:0!important;min-width:0!important}
  .rail-head{padding-inline:0!important;gap:12px!important}
  .rail{scroll-padding-left:0!important;padding-left:0!important;padding-right:0!important}
  .hero-content{padding-left:var(--vdeone-mobile-gutter)!important;padding-right:var(--vdeone-mobile-gutter-r)!important;padding-bottom:96px!important}
  .hero-actions{max-width:100%!important;gap:9px!important}
  .hero-carousel-dots{bottom:10px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;max-width:44vw!important}
  .hero-carousel-arrow{width:38px!important;height:46px!important;bottom:8px!important}
  .hero-carousel-prev{left:var(--vdeone-mobile-gutter)!important}
  .hero-carousel-next{right:var(--vdeone-mobile-gutter-r)!important}
  .year-spotlight .rail-head{padding-bottom:18px!important}
  .year-rail-controls{transform:translateY(12px)!important}
  .card .card-bottom{padding:36px 9px 3px!important}
  .card .card-title{line-height:1.08!important}
  .card-actions{gap:5px!important;margin-top:5px!important}
  .grid,.catalog-grid,.search-grid{gap:10px!important}
  .player-controls{padding-left:12px!important;padding-right:12px!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
  .hero.trailer-playing .hero-trailer::after,.detail-hero.trailer-playing .detail-trailer::after,.hero-carousel-slide.trailer-playing .hero-trailer::after,.hero-carousel-slide.trailer-playing .detail-trailer::after{width:150px!important;height:104px!important;top:56%!important}
  .control-row{gap:6px!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none}
  .control-row::-webkit-scrollbar{display:none}
}
@media(max-width:390px){
  :root{--vdeone-mobile-gutter:max(14px,env(safe-area-inset-left));--vdeone-mobile-gutter-r:max(14px,env(safe-area-inset-right))}
  .hero-content{padding-bottom:98px!important}
  .hero-carousel-dots{max-width:38vw!important}
}

/* VDEONE 3.6.4 — protected Cast system controls */
.system-cast-panel{display:flex;flex-direction:column;gap:14px}
.settings-form{display:grid;gap:14px}
.settings-form .label{margin-bottom:-6px}
.switch-field{position:relative;display:inline-flex;width:48px;height:28px;flex:0 0 auto}
.switch-field input{position:absolute;opacity:0;pointer-events:none}
.switch-field span{width:100%;height:100%;border-radius:999px;border:1px solid rgba(137,108,255,.35);background:#11162e;position:relative;transition:.2s ease}
.switch-field span::after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#a9abc5;transition:.2s ease}
.switch-field input:checked+span{background:linear-gradient(115deg,rgba(255,52,206,.42),rgba(42,167,255,.42));border-color:rgba(74,180,255,.6)}
.switch-field input:checked+span::after{transform:translateX(20px);background:#fff}
.settings-note{display:grid;gap:7px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(12,16,38,.58);font-size:12px;color:var(--muted)}
.settings-note code{display:block;overflow-wrap:anywhere;color:#dce5ff;font-size:11px}

/* ===== VDEONE 3.6.4 FINAL DETAIL HERO SAFE-ZONE + CAST PORTRAITS ===== */
.detail-hero{
  min-height:max(720px,88vh)!important;
  padding-top:calc(var(--header) + 34px)!important;
  box-sizing:border-box!important;
  align-items:flex-end!important;
  isolation:isolate!important;
}
.detail-hero .detail-content{
  width:min(760px,66vw)!important;
  max-width:760px!important;
  padding:0 clamp(24px,5vw,82px) clamp(70px,10vh,108px)!important;
  box-sizing:content-box!important;
}
.hero-title,.detail-title{
  max-width:min(720px,62vw)!important;
  font-size:clamp(48px,5.3vw,82px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance!important;
}
.hero-title.title-scale-md,.detail-title.title-scale-md{font-size:clamp(44px,4.8vw,74px)!important;max-width:min(760px,64vw)!important}
.hero-title.title-scale-sm,.detail-title.title-scale-sm{font-size:clamp(39px,4.25vw,66px)!important;max-width:min(800px,66vw)!important;line-height:.98!important}
.hero-title.title-scale-xs,.detail-title.title-scale-xs{font-size:clamp(34px,3.75vw,58px)!important;max-width:min(840px,68vw)!important;line-height:1!important}
.detail-title{margin:14px 0 18px!important}
.detail-grid{padding-top:42px!important}
.cast-row{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;gap:16px!important}
.person.cast-person-v362{padding:10px!important;background:linear-gradient(180deg,rgba(20,23,38,.92),rgba(10,12,22,.96))!important;overflow:hidden!important}
.person-art{
  position:relative!important;
  aspect-ratio:2/3!important;
  width:100%!important;
  border-radius:11px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#24283a,#0e1120)!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:10px!important;
}
.person-art img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;z-index:2!important}
.person-art .person-initials{position:relative;z-index:1;font-size:28px;color:#74798e;font-weight:800;letter-spacing:.04em}
.person-art.has-photo .person-initials{opacity:0}
.person.cast-person-v362 strong{display:block;font-size:13px;line-height:1.25;margin:2px 2px 0}
.person.cast-person-v362 small{margin:4px 2px 2px;line-height:1.3;color:#8f94aa}
.cast-empty{grid-column:1/-1}
.tmdb-cast-preview-v362{margin:22px 0 26px;padding:22px;border:1px solid rgba(123,86,255,.22);border-radius:18px;background:rgba(11,15,31,.74)}
.tmdb-cast-grid-v362{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:12px;margin-top:16px}
.tmdb-cast-grid-v362 .person{min-width:0}
.tmdb-cast-grid-v362 .person-art{aspect-ratio:2/3}

@media(max-width:900px){
  .detail-hero{min-height:max(680px,86dvh)!important;padding-top:calc(var(--header) + 24px)!important}
  .detail-hero .detail-content{width:auto!important;max-width:none!important;padding:0 20px 88px!important}
  .hero-title,.detail-title,.hero-title.title-scale-md,.detail-title.title-scale-md,.hero-title.title-scale-sm,.detail-title.title-scale-sm,.hero-title.title-scale-xs,.detail-title.title-scale-xs{max-width:92vw!important;font-size:clamp(40px,10.5vw,66px)!important;line-height:.96!important}
}
@media(max-width:767px){
  .detail-hero{min-height:max(650px,83dvh)!important;padding-top:calc(var(--header) + 18px)!important}
  .detail-hero .detail-content{padding:0 18px 78px!important}
  .hero-title{max-width:94vw!important;font-size:clamp(36px,11vw,48px)!important;line-height:.94!important;letter-spacing:-.045em!important;margin:12px 0 13px!important}
  .hero-title.title-scale-md{font-size:clamp(34px,10.2vw,46px)!important}
  .hero-title.title-scale-sm,.hero-title.title-scale-xs{font-size:clamp(30px,8.8vw,41px)!important;line-height:.98!important}
  .detail-title{font-size:clamp(36px,10.8vw,52px)!important;letter-spacing:-.045em!important}
  .detail-title.title-scale-sm,.detail-title.title-scale-xs{font-size:clamp(31px,9vw,46px)!important;line-height:1!important}
  .detail-grid{padding-top:30px!important}
  .cast-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .tmdb-cast-preview-v362{padding:16px;margin:18px 0 22px}
  .tmdb-cast-grid-v362{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}

/* ===== VDEONE 3.6.9 · HEADER RHYTHM / HERO CLEAN / LOWER POSTER META ===== */
.rail-section>.rail-head,
.year-spotlight>.rail-head,
.year-spotlight-posters>.rail-head{
  padding-top:12px!important;
  padding-bottom:16px!important;
  margin-bottom:0!important;
  align-items:center!important;
}
.year-spotlight .rail-head{padding-top:12px!important;padding-bottom:18px!important}
.rail-title{line-height:1.08!important}
/* Remove the temporary center blur/mask from hero trailers. */
.hero.trailer-playing .hero-trailer::after,
.detail-hero.trailer-playing .detail-trailer::after,
.hero-carousel-slide.trailer-playing .hero-trailer::after,
.hero-carousel-slide.trailer-playing .detail-trailer::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* Poster title+metadata sit a bit lower and closer to the bottom edge. */
.card .card-bottom{padding-bottom:3px!important}
.card .card-title,.card .card-meta{position:relative;top:1px}
@media(max-width:767px){
  .rail-section>.rail-head,
  .year-spotlight>.rail-head,
  .year-spotlight-posters>.rail-head{padding-top:14px!important;padding-bottom:18px!important}
  .year-spotlight .rail-head{padding-top:14px!important;padding-bottom:20px!important}
  .card .card-bottom{padding-bottom:3px!important}
}


/* ===== VDEONE 3.6.10 · TRUE CLEAN HERO + REACTION MOTION ===== */
/* When a Hero has live trailer media, the poster/backdrop banner is completely removed.
   The trailer and VDEONE readability gradient are the only visual layers. */
.hero.has-trailer>.hero-art,
.hero-carousel-slide.has-trailer>.hero-art,
.detail-hero.has-trailer>.detail-bg{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  filter:none!important;
  background:none!important;
}
.hero.has-trailer .hero-visual,.hero-carousel-slide.has-trailer .hero-visual,.detail-hero.has-trailer .hero-visual{
  display:none!important;visibility:hidden!important;opacity:0!important;filter:none!important
}
.hero.has-trailer .hero-trailer,.hero-carousel-slide.has-trailer .hero-trailer,.detail-hero.has-trailer .detail-trailer{background:#050612!important}
/* Permanent removal of the temporary center blur/mask. */
.hero.trailer-playing .hero-trailer::after,.detail-hero.trailer-playing .detail-trailer::after,
.hero-carousel-slide.trailer-playing .hero-trailer::after,.hero-carousel-slide.trailer-playing .detail-trailer::after{
  content:none!important;display:none!important;opacity:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}

/* Reaction button motion states */
.reaction-btn.reaction-hit-like{animation:vdeoneReactionLike .62s cubic-bezier(.2,.9,.2,1)}
.reaction-btn.reaction-hit-love{animation:vdeoneReactionLove .78s cubic-bezier(.18,.9,.24,1)}
.reaction-btn.reaction-hit-reject{animation:vdeoneReactionReject .62s cubic-bezier(.3,.7,.2,1)}
.reaction-btn.reaction-hit-remove{animation:vdeoneReactionRemove .42s ease}
@keyframes vdeoneReactionLike{0%{transform:scale(1)}30%{transform:translateY(-5px) scale(1.14) rotate(-4deg)}55%{transform:translateY(1px) scale(.97) rotate(2deg)}100%{transform:none}}
@keyframes vdeoneReactionLove{0%{transform:scale(1)}22%{transform:scale(1.18) rotate(-5deg)}42%{transform:scale(1.08) rotate(4deg)}62%{transform:scale(1.16) rotate(-2deg)}100%{transform:none}}
@keyframes vdeoneReactionReject{0%,100%{transform:none}18%{transform:translateX(-5px) rotate(-5deg)}36%{transform:translateX(5px) rotate(5deg)}54%{transform:translateX(-4px) rotate(-3deg)}72%{transform:translateX(3px) rotate(2deg)}}
@keyframes vdeoneReactionRemove{0%{transform:scale(1)}45%{transform:scale(.9);opacity:.68}100%{transform:none;opacity:1}}
.reaction-fx{position:fixed;z-index:1200;width:0;height:0;pointer-events:none;transform:translate(-50%,-50%)}
.reaction-fx-core{position:absolute;left:0;top:0;width:48px;height:48px;margin:-24px;display:grid;place-items:center;border-radius:50%;color:#fff;animation:vdeoneFxCore .78s cubic-bezier(.18,.88,.24,1) forwards}
.reaction-fx-like .reaction-fx-core{background:linear-gradient(135deg,rgba(38,212,255,.94),rgba(106,84,255,.92));box-shadow:0 0 34px rgba(38,212,255,.55)}
.reaction-fx-love .reaction-fx-core{background:linear-gradient(135deg,rgba(255,74,220,.96),rgba(124,69,255,.94),rgba(38,212,255,.84));box-shadow:0 0 42px rgba(222,70,255,.62)}
.reaction-fx-reject .reaction-fx-core{background:linear-gradient(135deg,rgba(93,40,100,.96),rgba(44,52,110,.94));box-shadow:0 0 30px rgba(173,85,220,.34)}
.reaction-fx.is-removing .reaction-fx-core{filter:saturate(.55);opacity:.75}
.reaction-fx-ring{position:absolute;left:0;top:0;border:2px solid rgba(171,116,255,.82);border-radius:50%;transform:translate(-50%,-50%);animation:vdeoneFxRing .8s ease-out forwards}
.reaction-fx-ring.r1{width:42px;height:42px}.reaction-fx-ring.r2{width:58px;height:58px;animation-delay:.08s}
.reaction-fx i{--angle:calc(var(--i)*45deg);position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#26D4FF,#C84CFF);box-shadow:0 0 10px rgba(138,92,255,.58);animation:vdeoneFxParticle .72s ease-out forwards;transform:rotate(var(--angle)) translateX(18px)}
.reaction-fx-reject i{background:linear-gradient(135deg,#B46BFF,#5D6DFF)}
@keyframes vdeoneFxCore{0%{transform:scale(.25);opacity:0}34%{transform:scale(1.12);opacity:1}72%{transform:scale(.94);opacity:.96}100%{transform:scale(.5);opacity:0}}
@keyframes vdeoneFxRing{0%{transform:translate(-50%,-50%) scale(.5);opacity:.9}100%{transform:translate(-50%,-50%) scale(2.1);opacity:0}}
@keyframes vdeoneFxParticle{0%{opacity:0;transform:rotate(var(--angle)) translateX(12px) scale(.5)}22%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(76px) scale(1.2)}}
@media(prefers-reduced-motion:reduce){.reaction-btn.reaction-hit-like,.reaction-btn.reaction-hit-love,.reaction-btn.reaction-hit-reject,.reaction-btn.reaction-hit-remove,.reaction-fx *{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* ===== VDEONE 3.6.11 · HERO TRAILER VISIBILITY RECOVERY ===== */
/* Audio must never run against a black Hero. Once the provider is ready/playing,
   the iframe is authoritative and stays above the empty Hero background while
   remaining below VDEONE text/actions. */
.hero.has-trailer .hero-trailer,
.hero-carousel-slide.is-active.has-trailer .hero-trailer,
.detail-hero.has-trailer .detail-trailer{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:1!important;
  background:#050612!important;
}
.hero.has-trailer .hero-trailer.is-ready iframe,
.hero.has-trailer .hero-trailer.is-playing iframe,
.hero.has-trailer .hero-trailer.is-visual-ready iframe,
.hero.has-trailer .hero-trailer.provider-clean-visible iframe,
.hero-carousel-slide.is-active.has-trailer .hero-trailer.is-ready iframe,
.hero-carousel-slide.is-active.has-trailer .hero-trailer.is-playing iframe,
.hero-carousel-slide.is-active.has-trailer .hero-trailer.is-visual-ready iframe,
.hero-carousel-slide.is-active.has-trailer .hero-trailer.provider-clean-visible iframe,
.detail-hero.has-trailer .detail-trailer.is-ready iframe,
.detail-hero.has-trailer .detail-trailer.is-playing iframe,
.detail-hero.has-trailer .detail-trailer.is-visual-ready iframe,
.detail-hero.has-trailer .detail-trailer.provider-clean-visible iframe{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:1!important;
}
.hero.has-trailer .hero-trailer-shade,
.hero-carousel-slide.is-active.has-trailer .hero-trailer-shade,
.detail-hero.has-trailer .hero-trailer-shade{z-index:2!important}
.hero.has-trailer .hero-content,
.hero-carousel-slide.is-active.has-trailer .hero-content,
.detail-hero.has-trailer .detail-content{z-index:5!important}



/* ===== VDEONE 3.6.21 · CANONICAL PLAYER CANVAS =====
   One visual authority only: fullscreen video canvas + VDEONE chrome.
   Supersedes the historical 3.6.12/3.6.14 player visibility layers. */
.player-page{
  position:fixed!important;inset:0!important;display:block!important;
  width:100vw!important;height:100dvh!important;min-height:100vh!important;
  overflow:hidden!important;background:#000!important;opacity:1!important;visibility:visible!important;
}
.player-wrap{
  position:absolute!important;inset:0!important;display:block!important;
  width:100vw!important;height:100dvh!important;min-height:100vh!important;
  overflow:hidden!important;background:#000!important;isolation:isolate!important;
  opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;
}
.player-video{
  position:absolute!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
  object-fit:contain!important;background:#000!important;z-index:10!important;
  visibility:visible!important;opacity:1!important;filter:none!important;clip-path:none!important;
  mix-blend-mode:normal!important;backface-visibility:visible!important;
}
.player-gradient{z-index:20!important;pointer-events:none!important}

.player-top,.player-controls{
  display:flex!important;visibility:visible!important;opacity:1!important;
  pointer-events:auto!important;z-index:60!important;
}
.player-controls{display:block!important}
.player-top{display:flex!important}
/* Chrome may auto-hide only after VDEONE has confirmed moving decoded video frames. */
.player-wrap.visual-confirmed.controls-hidden .player-controls,
.player-wrap.visual-confirmed.controls-hidden .player-top{opacity:0!important;pointer-events:none!important}
.player-wrap:not(.visual-confirmed) .player-controls,
.player-wrap:not(.visual-confirmed) .player-top,
.player-wrap.native-safety-controls .player-controls,
.player-wrap.native-safety-controls .player-top{opacity:1!important;pointer-events:auto!important}
.content-start-tags{z-index:35!important}

.media-preparing{z-index:80!important}
#playerMenu,#skipArea,#nextArea{position:relative;z-index:90!important}
@media(max-width:767px){
  .player-page,.player-wrap{height:100dvh!important;min-height:100svh!important}
  .player-controls{padding-bottom:max(14px,env(safe-area-inset-bottom))!important}
}

/* ===== VDEONE 3.6.29 · MOBILE/PWA NAV TRUE CENTERING ===== */
@media(max-width:767px){
  .mobile-nav{
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    margin:0!important;
    z-index:100!important;
    box-sizing:border-box!important;
  }
  .mobile-nav a{min-width:0!important;overflow:hidden!important}
  .mobile-nav a>span:last-child{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}
@media(display-mode:standalone) and (max-width:767px){
  :root{--header:calc(64px + env(safe-area-inset-top))}
  .app-header{height:var(--header)!important;padding-top:env(safe-area-inset-top)!important;box-sizing:border-box!important}
  .hero-carousel,.hero{min-height:clamp(640px,calc(100svh - var(--header)),760px)!important}
  .mobile-nav{bottom:max(10px,env(safe-area-inset-bottom))!important}
}

/* ===== VDEONE 3.6.25 · 3.6.21 VISUAL LOCK + FUNCTIONAL-ONLY FIXES ===== */
/* The app/player geometry is intentionally identical to 3.6.21. */
.player-route{display:none!important}
.player-controls,.player-controls *,.player-top,.player-top *{pointer-events:auto!important}
.player-controls .round-btn,.player-top .round-btn{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}
.player-controls .timeline,.player-controls .volume{pointer-events:auto!important;touch-action:none!important}
.cast-control svg{display:block;width:22px;height:22px;fill:currentColor;stroke:none}
.media-preparing.is-error{width:min(430px,calc(100vw - 36px))!important;min-width:0!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;padding:24px!important}
.media-preparing.is-error .media-error-copy{display:grid!important;width:100%!important;justify-items:center!important;align-items:center!important;gap:8px!important;text-align:center!important}
.media-preparing.is-error .player-retry{display:inline-flex!important;justify-self:center!important;margin:10px auto 0!important}
@media(max-width:520px){.media-preparing.is-error{width:calc(100vw - 28px)!important;padding:20px 18px!important}}

/* ===== VDEONE 3.6.28 · MOBILE PLAYER = DESKTOP CANVAS PARITY =====
   Do not create a second iOS player geometry. The canonical 3.6.21 canvas that
   fixed desktop is also the only visual authority on mobile/PWA. */
@media(max-width:767px){
  .player-page{
    position:fixed!important;inset:0!important;z-index:200!important;
    width:100vw!important;height:100dvh!important;min-height:100dvh!important;
    overflow:hidden!important;background:#000!important;
  }
  .player-wrap{
    position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;min-height:0!important;
    overflow:hidden!important;background:#000!important;isolation:isolate!important;
    transform:none!important;-webkit-transform:none!important;filter:none!important;
  }
  .player-video{
    position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
    object-fit:contain!important;background:#000!important;z-index:10!important;
    display:block!important;visibility:visible!important;opacity:1!important;
    transform:none!important;-webkit-transform:none!important;filter:none!important;
    clip-path:none!important;mix-blend-mode:normal!important;
  }
  .player-gradient{position:absolute!important;inset:auto 0 0!important;height:45%!important;z-index:20!important;pointer-events:none!important}
  .player-top{
    position:absolute!important;left:0!important;right:0!important;top:0!important;
    z-index:60!important;display:flex!important;visibility:visible!important;
    padding:max(14px,env(safe-area-inset-top)) 14px 14px!important;
  }
  .player-controls{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;
    z-index:60!important;display:block!important;visibility:visible!important;
    padding:12px 12px max(14px,env(safe-area-inset-bottom))!important;
  }
  .media-preparing{z-index:80!important}
  #playerMenu,#skipArea,#nextArea{z-index:90!important}
  /* Until a real decoded frame is confirmed, never auto-hide the player chrome. */
  .player-wrap:not(.visual-confirmed) .player-top,
  .player-wrap:not(.visual-confirmed) .player-controls,
  .player-wrap.mobile-playback-starting .player-top,
  .player-wrap.mobile-playback-starting .player-controls{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
}

/* ===== VDEONE 3.6.30 · HERO TRAILER ONCE → TMDB BANNER ===== */
/* Hero trailers are single-pass universally. When the provider ends, the trailer
   layer retires and the canonical TMDB-backed artwork becomes the final Hero state. */
.hero-trailer,.detail-trailer{transition:opacity .34s ease!important}
.hero-trailer.is-ending,.detail-trailer.is-ending{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.hero.hero-banner-visible>.hero-art,
.hero-carousel-slide.hero-banner-visible>.hero-art,
.hero.trailer-ended>.hero-art,
.hero-carousel-slide.trailer-ended>.hero-art,
.detail-hero.hero-banner-visible>.detail-bg,
.detail-hero.trailer-ended>.detail-bg{
  display:block!important;visibility:visible!important;opacity:1!important;filter:none!important
}
.hero.hero-banner-visible .hero-trailer,
.hero-carousel-slide.hero-banner-visible .hero-trailer,
.detail-hero.hero-banner-visible .detail-trailer,
.hero.trailer-ended .hero-trailer,
.hero-carousel-slide.trailer-ended .hero-trailer,
.detail-hero.trailer-ended .detail-trailer{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.hero.hero-banner-visible .hero-sound,
.hero.trailer-ended .hero-sound,
.detail-hero.hero-banner-visible .hero-sound,
.detail-hero.trailer-ended .hero-sound{display:none!important}

/* ===== VDEONE 3.6.32 · MOBILE LANDING SHOWCASE + FIXED TAB BAR =====
   Mobile/PWA only. Desktop landing and desktop navigation remain untouched. */
@media(max-width:767px){
  /* Keep the landing artwork composition inside its own stage. */
  .public-hero{overflow:hidden!important;padding-bottom:42px!important}
  .public-showcase{
    position:relative!important;
    width:100%!important;
    max-width:430px!important;
    height:292px!important;
    margin:18px auto 6px!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  .public-showcase .showcase-card{
    position:absolute!important;
    width:clamp(118px,35vw,148px)!important;
    height:auto!important;
    aspect-ratio:2/3!important;
    top:28px!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    border-radius:16px!important;
    transform-origin:center bottom!important;
    box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 0 1px rgba(137,92,255,.10)!important;
  }
  .public-showcase .showcase-card.s1{
    left:4%!important;top:38px!important;z-index:1!important;
    transform:rotate(-5deg)!important;
  }
  .public-showcase .showcase-card.s2{
    left:50%!important;top:4px!important;z-index:3!important;
    transform:translateX(-50%)!important;
  }
  .public-showcase .showcase-card.s3{
    right:4%!important;top:38px!important;z-index:2!important;
    transform:rotate(5deg)!important;
  }
  .public-showcase .showcase-card-copy{
    left:10px!important;right:10px!important;bottom:10px!important;
  }
  .public-showcase .showcase-card-copy strong{
    font-size:13px!important;line-height:1.08!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .public-benefits{
    position:relative!important;z-index:4!important;
    margin-top:8px!important;padding-inline:18px!important;
  }
  .public-benefits article{min-height:0!important;padding:22px!important}

  /* True fixed mobile app tab bar. It must never travel with document flow. */
  .mobile-nav{
    position:fixed!important;
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:auto!important;max-width:none!important;
    margin:0!important;transform:none!important;
    z-index:180!important;
    contain:layout paint!important;
    will-change:auto!important;
  }
  body:not(.player-open){padding-bottom:calc(102px + env(safe-area-inset-bottom))!important}
}
@media(max-width:390px){
  .public-showcase{height:270px!important;max-width:390px!important}
  .public-showcase .showcase-card{width:clamp(108px,34vw,132px)!important}
  .public-showcase .showcase-card.s1{left:3%!important;top:36px!important}
  .public-showcase .showcase-card.s3{right:3%!important;top:36px!important}
}
@media(display-mode:standalone) and (max-width:767px){
  .mobile-nav{
    position:fixed!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
}

/* ===== VDEONE 3.6.32 · Batch Publisher / OpenDrive Recursive Scanner ===== */
.batch-folder-scanner-v32{display:grid;gap:12px;padding:14px;border:1px solid rgba(38,212,255,.14);border-radius:14px;background:linear-gradient(145deg,rgba(38,212,255,.045),rgba(138,92,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.batch-folder-copy-v32{display:grid;gap:4px}.batch-folder-copy-v32 strong{font-size:11px;color:#eef5ff}.batch-folder-copy-v32 span{font-size:9px;line-height:1.6;color:#8289a9;max-width:760px}
.batch-folder-controls-v32{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(250px,.8fr);gap:10px;align-items:end}.batch-folder-controls-v32>label{display:grid;gap:5px}.batch-folder-controls-v32>label>span{font-size:8px;color:#8e94b4}.batch-folder-controls-v32 .btn{min-height:39px;justify-content:center}
.batch-size-control-v32{display:grid;grid-template-columns:1fr 42px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:9px;overflow:hidden;background:#0d1020}.batch-size-control-v32 .field{border:0;border-radius:0;background:transparent}.batch-size-control-v32 b{font-size:8px;color:#777e9f;text-align:center;border-left:1px solid rgba(255,255,255,.07)}
.batch-scan-status-v32{min-height:34px;display:flex;align-items:center;padding:8px 10px;border:1px solid rgba(138,92,255,.12);border-radius:9px;background:rgba(7,9,20,.52);color:#7d85a8;font-size:8px;line-height:1.5}.batch-scan-status-v32.working{color:#c2c7e6;border-color:rgba(138,92,255,.24)}.batch-scan-status-v32.success{color:#9fe8ff;border-color:rgba(38,212,255,.22);background:rgba(38,212,255,.045)}.batch-scan-status-v32.warning{color:#e2c9ff;border-color:rgba(177,93,255,.25);background:rgba(177,93,255,.045)}.batch-scan-status-v32.error{color:#ffb4d6;border-color:rgba(255,79,216,.24);background:rgba(255,79,216,.04)}
.batch-manual-divider-v32{display:flex;align-items:center;gap:10px;color:#5f6685;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.batch-manual-divider-v32:before,.batch-manual-divider-v32:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.06)}
.batch-state-v25.pending{color:#8990ad;border-color:rgba(137,144,173,.2);background:rgba(137,144,173,.04)}
.opendrive-folder-picker-v32{max-width:940px}.opendrive-folder-current-v32{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 18px 12px;padding:13px 14px;border:1px solid rgba(38,212,255,.16);border-radius:13px;background:linear-gradient(135deg,rgba(38,212,255,.045),rgba(138,92,255,.045))}.opendrive-folder-current-v32>div{display:grid;gap:3px;min-width:0}.opendrive-folder-current-v32 strong{font-size:13px;color:#f2f5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opendrive-folder-current-v32 small{font-size:8px;color:#777e9f}.opendrive-folder-current-v32 .btn{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.batch-folder-controls-v32{grid-template-columns:1fr}.opendrive-folder-current-v32{align-items:stretch;flex-direction:column}.opendrive-folder-current-v32 .btn{width:100%;justify-content:center}}


/* ===== VDEONE 3.6.33 · HERO END FRAME → CANONICAL TMDB BACKDROP =====
   The YouTube provider layer is never allowed to remain as the final Hero frame. */
.hero.hero-banner-visible>.hero-art,
.hero-carousel-slide.hero-banner-visible>.hero-art,
.detail-hero.hero-banner-visible>.detail-bg,
.hero.trailer-ended>.hero-art,
.hero-carousel-slide.trailer-ended>.hero-art,
.detail-hero.trailer-ended>.detail-bg{
  display:block!important;visibility:visible!important;opacity:1!important;
}
.hero.hero-banner-visible [data-hero-media-mount],
.hero-carousel-slide.hero-banner-visible [data-hero-media-mount],
.hero.trailer-ended [data-hero-media-mount],
.hero-carousel-slide.trailer-ended [data-hero-media-mount]{pointer-events:none}


/* ===== VDEONE 3.6.34 · BATCH PUBLISHER DIRECT STREAM SCAN / CLEAN SPINNER ===== */
/* Batch folder browser owns one spinner only. Remove glow/filter artifacts that
   could look like a mirrored/duplicated shadow while it rotates. */
.moviio-inline-loader.batch-spinner-clean-v34,
.moviio-inline-loader.batch-spinner-clean-v34 .moviio-spinner{
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.moviio-inline-loader.batch-spinner-clean-v34 .moviio-spinner{
  transform-origin:50% 50%!important;
  isolation:isolate!important;
}
.moviio-inline-loader.batch-spinner-clean-v34 .moviio-spinner::before,
.moviio-inline-loader.batch-spinner-clean-v34 .moviio-spinner::after{
  content:none!important;
  display:none!important;
}
.batch-state-v25.streamscan{border-color:rgba(38,212,255,.30)!important;background:rgba(38,212,255,.075)!important;color:#9beeff!important}


/* ===== VDEONE 3.6.38 · MOBILE/PWA BATCH FOLDER PICKER REPAIR =====
   Mobile-only geometry. Desktop intentionally keeps the approved layout. */
.opendrive-folder-scan-mobile-v38{display:none!important}
.opendrive-folder-picker-note-v38{display:flex;align-items:center;gap:7px;min-width:0}
.opendrive-folder-picker-note-v38 span{min-width:0}
@media(max-width:760px){
  .opendrive-picker-backdrop{padding:0!important;align-items:stretch!important;justify-items:stretch!important}
  .opendrive-folder-picker-v32{
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    display:grid!important;
    grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
  }
  .opendrive-folder-picker-v32>header{
    min-height:84px!important;
    padding:max(14px,env(safe-area-inset-top)) 16px 14px!important;
    align-items:center!important;
    flex:0 0 auto!important;
  }
  .opendrive-folder-picker-v32 .opendrive-picker-title{min-width:0!important;gap:11px!important}
  .opendrive-folder-picker-v32 .opendrive-picker-title>span{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .opendrive-folder-picker-v32 .opendrive-picker-title>div{min-width:0!important}
  .opendrive-folder-picker-v32 .opendrive-picker-title small{font-size:7px!important;letter-spacing:.14em!important;white-space:nowrap!important}
  .opendrive-folder-picker-v32 .opendrive-picker-title h3{font-size:18px!important;line-height:1.15!important;max-width:230px!important}
  .opendrive-folder-picker-v32>.opendrive-breadcrumbs{
    margin:10px 14px 0!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:6px 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
  }
  .opendrive-folder-current-v32{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    margin:10px 14px 0!important;
    padding:12px 13px!important;
    min-height:74px!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,rgba(38,212,255,.055),rgba(138,92,255,.055))!important;
  }
  .opendrive-folder-current-v32>div{display:grid!important;gap:4px!important;min-width:0!important}
  .opendrive-folder-current-v32 .section-kicker{position:static!important;display:block!important;margin:0!important;font-size:8px!important;line-height:1!important}
  .opendrive-folder-current-v32 strong{font-size:15px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .opendrive-folder-current-v32 small{font-size:8px!important;line-height:1.35!important;white-space:normal!important}
  .opendrive-folder-scan-desktop-v38{display:none!important}
  .opendrive-folder-picker-v32 .opendrive-picker-browser{
    position:relative!important;
    z-index:1!important;
    min-height:0!important;
    padding:12px 14px 18px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .opendrive-folder-picker-v32 .opendrive-folder-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important}
  .opendrive-folder-picker-v32 .opendrive-folder{
    width:100%!important;
    min-height:72px!important;
    grid-template-columns:44px minmax(0,1fr) 18px!important;
    gap:11px!important;
    padding:12px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .opendrive-folder-picker-v32 .opendrive-folder>span{width:44px!important;height:44px!important}
  .opendrive-folder-picker-v32 .opendrive-folder strong{font-size:12px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .opendrive-folder-picker-v32 .opendrive-folder small{font-size:8px!important;line-height:1.3!important}
  .opendrive-folder-picker-footer-v38{
    position:relative!important;
    z-index:5!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:10px 14px max(12px,env(safe-area-inset-bottom))!important;
    border-top:1px solid rgba(126,103,255,.16)!important;
    background:#070a18!important;
    box-shadow:0 -14px 34px rgba(0,0,0,.26)!important;
  }
  .opendrive-folder-picker-note-v38{font-size:8px!important;line-height:1.35!important;color:#747d9f!important}
  .opendrive-folder-scan-mobile-v38{
    display:flex!important;
    width:100%!important;
    min-height:48px!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .opendrive-folder-scan-mobile-v38:disabled{opacity:.55!important;cursor:wait!important}
}

/* ===== VDEONE 3.6.44 · MOBILE/PWA TRUE VIEWPORT-STICKY TAB =====
   On iOS, any transformed ancestor becomes the containing block for position:fixed.
   Disable the app-shell transform only on mobile so the navigation is fixed to the viewport. */
@media(max-width:767px){
  #app,#app.route-enter{
    transform:none!important;
  }
  .mobile-nav{
    position:fixed!important;
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    margin:0!important;
    transform:none!important;
    z-index:180!important;
  }
  body:not(.player-open){
    padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;
  }
}
@media(display-mode:standalone) and (max-width:767px){
  #app,#app.route-enter{transform:none!important}
  .mobile-nav{bottom:calc(10px + env(safe-area-inset-bottom))!important}
}


/* ===== VDEONE 3.6.45 · MOBILE BATCH CARD ALIGNMENT =====
   Mobile/PWA only. Desktop Batch geometry remains unchanged. */
@media(max-width:700px){
  .batch-hero-v25{align-items:center!important;text-align:center!important;padding:20px 16px!important}
  .batch-hero-v25>div{width:100%!important;margin-inline:auto!important}
  .batch-hero-v25 p{margin-inline:auto!important}
  .batch-limit-chip{align-self:center!important;margin-inline:auto!important}
  .batch-grid-v25{justify-items:stretch!important}
  .batch-input-card-v25,.batch-policy-card-v25,.batch-queue-card-v25{width:100%!important;max-width:100%!important;margin-inline:auto!important;box-sizing:border-box!important}
  .batch-card-head-v25{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
  .batch-card-head-v25>div,.batch-policy-card-v25>div:first-child,.batch-queue-card-v25 .section-head>div{width:100%!important;text-align:center!important}
  .batch-card-head-v25 .btn,#batchScanFolderV32,#batchPrepareV25{width:min(100%,330px)!important;margin-inline:auto!important;justify-content:center!important}
  .batch-folder-copy-v32{text-align:center!important;justify-items:center!important}
  .batch-folder-copy-v32 span{margin-inline:auto!important}
  .batch-folder-controls-v32{justify-items:center!important}
  .batch-folder-controls-v32>label{width:min(100%,330px)!important;text-align:center!important}
  .batch-scan-status-v32{justify-content:center!important;text-align:center!important}
  .batch-manual-divider-v32{justify-content:center!important;text-align:center!important}
  .batch-input-options-v25{justify-items:center!important}
  .batch-input-options-v25 label{width:100%!important;text-align:center!important}
  .batch-policy-card-v25{text-align:center!important;justify-items:center!important}
  .batch-publish-toggle-v25{width:min(100%,360px)!important;box-sizing:border-box!important;margin-inline:auto!important;text-align:left!important}
  .batch-rights-v25{width:100%!important;text-align:left!important}
  .batch-policy-card-v25 .security-note{width:100%!important;box-sizing:border-box!important;text-align:center!important;justify-content:center!important}
  .batch-queue-card-v25 .section-head{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;text-align:center!important}
  .batch-queue-actions-v25{width:100%!important;justify-content:center!important;align-items:center!important;gap:8px!important}
  .batch-queue-actions-v25 .btn{flex:0 1 auto!important;min-width:112px!important;justify-content:center!important;margin:0!important}
  .batch-queue-v25 .table-wrap{overflow:visible!important;width:100%!important}
  .batch-table-v25{display:block!important;min-width:0!important;width:100%!important;background:transparent!important}
  .batch-table-v25 thead{display:none!important}
  .batch-table-v25 tbody{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important}
  .batch-table-v25 tr{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;padding:15px 14px!important;border:1px solid rgba(126,103,255,.16)!important;border-radius:15px!important;background:rgba(8,11,26,.72)!important;box-sizing:border-box!important;text-align:center!important}
  .batch-table-v25 td{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;padding:0!important;border:0!important;text-align:center!important;box-sizing:border-box!important}
  .batch-title-v25{width:min(100%,360px)!important;min-width:0!important;grid-template-columns:52px minmax(0,1fr)!important;text-align:left!important;margin-inline:auto!important}
  .batch-title-v25>img,.batch-title-v25 .batch-poster-image,.batch-poster-empty-v25{width:52px!important;height:78px!important}
  .batch-source-v25{width:100%!important;max-width:100%!important;text-align:center!important}
  .batch-source-v25 code{max-width:100%!important}
  .batch-confidence-v25{text-align:center!important}
  .batch-table-v25 .mini-btn{margin-inline:auto!important}
}

/* ===== VDEONE 3.6.46 · MOBILE/PWA BATCH CANONICAL SURFACE =====
   Mobile-only repair. Desktop geometry intentionally remains untouched. */
@media(max-width:700px){
  /* Do not virtualize/contain a large live Batch card on iOS; it can create blank scroll regions. */
  .batch-hero-v25,.batch-grid-v25,.batch-input-card-v25,.batch-policy-card-v25,.batch-queue-card-v25,.batch-queue-v25{
    content-visibility:visible!important;contain:none!important;contain-intrinsic-size:none!important;
  }
  .batch-hero-v25,.batch-grid-v25,.batch-queue-card-v25{
    inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;box-sizing:border-box!important;
    margin-inline:0!important;
  }
  .batch-grid-v25{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .batch-input-card-v25,.batch-policy-card-v25,.batch-queue-card-v25{
    inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;overflow:hidden!important;
    padding:16px 14px!important;border-radius:16px!important;box-sizing:border-box!important;
  }
  .batch-input-card-v25>* ,.batch-policy-card-v25>* ,.batch-queue-card-v25>*{min-inline-size:0!important;max-inline-size:100%!important;box-sizing:border-box!important}
  .batch-folder-scanner-v32,.batch-folder-controls-v32,.batch-size-control-v32,.batch-input-options-v25,.batch-rights-v25,.batch-rights-dates-v25{
    inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;box-sizing:border-box!important;
  }
  .batch-card-head-v25,.batch-queue-card-v25 .section-head{align-items:center!important;text-align:center!important}
  .batch-card-head-v25 .btn,#batchScanFolderV32,#batchPrepareV25,.batch-queue-actions-v25 .btn{
    margin-inline:auto!important;justify-content:center!important;max-inline-size:100%!important;
  }
  #batchScanFolderV32,#batchPrepareV25{inline-size:100%!important;min-height:50px!important}
  .batch-queue-actions-v25{display:grid!important;grid-template-columns:1fr!important;inline-size:100%!important;max-inline-size:360px!important;margin-inline:auto!important}
  .batch-queue-actions-v25 .btn{inline-size:100%!important;min-height:44px!important}
  .batch-queue-v25,.batch-queue-v25 .table-wrap{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;overflow:visible!important}
  .batch-table-v25{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;margin:0!important}
  .batch-table-v25 tbody{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important}
  .batch-table-v25 tr{
    inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;margin:0!important;
    overflow:hidden!important;box-sizing:border-box!important;
  }
  .batch-table-v25 td{min-inline-size:0!important;max-inline-size:100%!important;overflow:hidden!important}
  .batch-title-v25{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;grid-template-columns:52px minmax(0,1fr)!important}
  .batch-title-v25>div,.batch-source-v25,.batch-confidence-v25{min-inline-size:0!important;max-inline-size:100%!important}
  .batch-title-v25 strong,.batch-title-v25 small,.batch-title-v25 em,.batch-source-v25 code,.batch-source-v25 small{
    max-inline-size:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:anywhere!important;
  }
  .batch-source-v25 code{white-space:normal!important;word-break:break-all!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .batch-source-v25 small{white-space:normal!important;line-height:1.45!important}
  .batch-mobile-pager-v46{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:8px!important;
    inline-size:100%!important;max-inline-size:100%!important;margin:14px 0 0!important;padding:10px!important;
    border:1px solid rgba(126,103,255,.15)!important;border-radius:13px!important;background:rgba(8,11,26,.7)!important;box-sizing:border-box!important;
  }
  .batch-mobile-pager-v46 .btn{min-inline-size:0!important;inline-size:100%!important;justify-content:center!important;padding-inline:8px!important}
  .batch-mobile-pager-v46 span{font-size:9px!important;color:#949bbd!important;white-space:nowrap!important;text-align:center!important}
  /* Interactive OpenDrive folder picker: no overlay may intercept folder taps. */
  .opendrive-folder-picker-v32 .opendrive-picker-browser,.opendrive-folder-picker-v32 .opendrive-folder-grid,.opendrive-folder-picker-v32 .opendrive-folder{
    pointer-events:auto!important;touch-action:manipulation!important;
  }
  .opendrive-folder-picker-v32 .opendrive-folder{position:relative!important;z-index:1!important;inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important}
  .opendrive-folder-loading-v46{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:#8f97ba}
  .opendrive-folder-loading-v46 strong{font-size:13px;color:#eef2ff}.opendrive-folder-loading-v46 small{font-size:8px}
  .opendrive-folder-error-v46{display:grid!important;justify-items:center!important;gap:10px!important;text-align:center!important}
  .opendrive-folder-error-v46 .btn{min-width:150px;justify-content:center}
}


/* ===== VDEONE 3.6.47 · DESKTOP VISUAL REBUILD / ZERO-FUNCTIONAL-CHANGE =====
   Desktop-only canonical geometry. Mobile/PWA rules remain authoritative below 1024px. */
@media (min-width:1024px){
  html,body{overflow-x:clip}
  body{background:#070914}

  /* Global desktop rhythm */
  .page,.rails-wrap,.detail-grid,.account-layout,.plans-grid,.billing-trust,.cinema-page{
    width:min(calc(100% - 64px),1680px)!important;
    max-width:1680px!important;
    margin-left:auto!important;margin-right:auto!important;
  }
  .page{padding-left:0!important;padding-right:0!important;padding-bottom:96px!important}
  .section{margin-top:46px}
  .section-head{align-items:center!important;margin-bottom:18px!important}
  .section-title{font-size:clamp(22px,1.8vw,30px)!important;line-height:1.12!important}
  .toolbar{gap:12px!important;align-items:center!important}
  .panel,.chart-card,.kpi,.provider,.table-wrap,.account-nav{
    border-color:rgba(138,92,255,.14)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.16)!important;
  }

  /* Header — aligned to the same desktop content grid */
  .app-header{height:72px!important;padding:0 32px!important}
  .header-inner{max-width:1680px!important;gap:30px!important}
  .brand-logo{width:178px!important;max-height:46px!important;filter:none!important}
  .nav{gap:24px!important;font-size:14px!important}
  .nav a{padding:10px 0!important}
  .header-actions{gap:8px!important}
  .profile-chip{min-height:42px!important;background:rgba(10,13,26,.76)!important;border-color:rgba(138,92,255,.16)!important}

  /* Main Hero — cinematic, controlled, no synthetic halo geometry */
  .hero,.hero-carousel{min-height:min(84vh,820px)!important;max-height:860px!important;background:#070914!important}
  .hero-art{transform:none!important;filter:saturate(.98) contrast(1.03)!important;background-position:center!important;background-size:cover!important}
  .hero-art:after{display:none!important}
  .hero-art:before{
    background:
      linear-gradient(90deg,rgba(4,6,16,.98) 0%,rgba(4,6,16,.90) 24%,rgba(4,6,16,.56) 47%,rgba(4,6,16,.12) 72%,rgba(4,6,16,.20) 100%),
      linear-gradient(0deg,#070914 0%,rgba(7,9,20,.90) 8%,rgba(7,9,20,.08) 44%,rgba(0,0,0,.10) 100%)!important;
  }
  .hero-content{width:min(720px,48vw)!important;max-width:720px!important;padding:0 0 clamp(62px,8vh,88px)!important;margin-left:max(32px,calc((100vw - min(1680px,calc(100vw - 64px)))/2))!important}
  .hero-title{font-size:clamp(58px,5.8vw,92px)!important;line-height:.91!important;letter-spacing:-.055em!important;margin:16px 0 18px!important;max-width:720px!important}
  .hero-copy{max-width:620px!important;font-size:clamp(15px,1.05vw,18px)!important;line-height:1.62!important;margin:16px 0 24px!important}
  .meta-row{gap:9px 13px!important;font-size:13px!important}
  .hero-actions{gap:9px!important;align-items:center!important}
  .hero-actions .btn{min-height:44px!important;border-radius:10px!important;box-shadow:0 12px 28px rgba(0,0,0,.24)!important}
  .hero-actions .reaction-controls{gap:6px!important}
  .hero-actions .reaction-btn{min-height:40px!important;padding-inline:11px!important}
  .hero-carousel-dots{bottom:28px!important}

  /* Catalog rails / posters */
  .rails-wrap{margin-top:-28px!important;padding:0 0 92px!important;z-index:5!important}
  .rail-section{margin-top:38px!important;content-visibility:visible!important;contain:none!important}
  .rail-head{min-height:38px!important;margin-bottom:14px!important;align-items:center!important}
  .rail-title{font-size:22px!important;line-height:1.1!important;font-weight:820!important;letter-spacing:-.025em!important}
  .rail-link{font-size:12px!important;padding:7px 0!important}
  .rail{grid-auto-columns:clamp(176px,11.6vw,208px)!important;gap:16px!important;padding:4px 3px 18px!important;scroll-padding-inline:3px!important;contain:none!important}
  .continue-rail{grid-auto-columns:clamp(300px,24vw,390px)!important}
  .card{border-radius:14px!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 16px 34px rgba(0,0,0,.26)!important;overflow:hidden!important}
  .card:hover{transform:translateY(-5px) scale(1.018)!important;box-shadow:0 28px 60px rgba(0,0,0,.45)!important;border-color:rgba(138,92,255,.25)!important}
  .card .card-art,.card .card-poster-image{border-radius:inherit!important}
  .card .card-art:before{background:linear-gradient(180deg,rgba(3,4,12,.015) 0%,rgba(3,4,12,.02) 50%,rgba(3,4,12,.48) 100%)!important}
  .card .card-overlay{background:linear-gradient(0deg,rgba(3,4,12,.83) 0%,rgba(3,4,12,.12) 42%,transparent 68%)!important}
  .card .card-top{inset:10px 10px auto!important;gap:6px!important}
  .card .badge{min-height:22px!important;padding:0 7px!important;border-radius:6px!important;font-size:8px!important;background:rgba(5,7,18,.74)!important;border-color:rgba(255,255,255,.12)!important;backdrop-filter:blur(8px)!important}
  .card .card-bottom{inset:auto 0 0!important;padding:40px 12px 8px!important;background:linear-gradient(0deg,rgba(3,4,12,.96),rgba(3,4,12,.66) 62%,transparent)!important}
  .card .card-title{font-size:15px!important;line-height:1.1!important;margin-bottom:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .card .card-meta{font-size:9px!important;gap:6px!important;color:#b5bad3!important;min-height:13px!important}
  .card .card-actions{margin-top:8px!important;gap:6px!important}
  .card .mini-btn{width:29px!important;height:29px!important;background:rgba(6,8,20,.82)!important}
  .grid{grid-template-columns:repeat(auto-fill,minmax(188px,1fr))!important;gap:18px!important;align-items:start!important}
  .grid .card{min-width:0!important;max-width:260px!important;justify-self:stretch!important}

  /* Detail pages */
  .detail-hero{min-height:min(80vh,780px)!important;background:#070914!important}
  .detail-bg:after{background:linear-gradient(90deg,rgba(4,6,16,.98),rgba(4,6,16,.78) 34%,rgba(4,6,16,.18) 68%),linear-gradient(0deg,#070914 0%,rgba(7,9,20,.82) 14%,transparent 50%)!important}
  .detail-content{max-width:760px!important;padding:0 0 clamp(58px,7vh,82px)!important;margin-left:max(32px,calc((100vw - min(1680px,calc(100vw - 64px)))/2))!important}
  .detail-title{font-size:clamp(54px,5.5vw,88px)!important;line-height:.93!important}
  .detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.72fr)!important;gap:52px!important;padding:36px 0 90px!important}
  .cast-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
  .person{border-radius:14px!important;padding:13px!important;background:#0d1124!important;border-color:rgba(138,92,255,.13)!important}
  .episode{grid-template-columns:190px minmax(0,1fr) auto!important;gap:18px!important;border-radius:14px!important;background:#0d1020!important;border-color:rgba(138,92,255,.13)!important}

  /* Admin desktop — consistent widths and centered action geometry */
  .admin-shell{grid-template-columns:252px minmax(0,1fr)!important;background:#080a15!important}
  .admin-sidebar{padding:20px 14px!important;background:#0a0d1a!important;border-right-color:rgba(138,92,255,.13)!important;box-shadow:none!important}
  .admin-topbar{height:68px!important;padding:0 30px!important;background:rgba(8,10,21,.94)!important;border-bottom-color:rgba(138,92,255,.12)!important}
  .admin-content{max-width:1660px!important;padding:30px 34px 64px!important;margin:0 auto!important}
  .admin-kpis{gap:14px!important}
  .kpi{padding:18px!important;border-radius:14px!important;background:#0e1224!important}
  .admin-grid{gap:16px!important;margin-top:16px!important;grid-template-columns:minmax(0,1.5fr) minmax(330px,.8fr)!important}
  .chart-card{padding:20px!important;border-radius:15px!important;background:#0e1224!important;overflow:hidden!important}
  .provider-grid,.system-grid{gap:16px!important}
  .provider{padding:18px!important;background:#0e1224!important}
  .table-wrap{border-radius:14px!important;background:#0d1020!important;max-width:100%!important}
  .data-table{min-width:720px!important}
  .data-table th,.data-table td{padding:13px 15px!important}
  .data-table th{background:#11162b!important}
  .modal{border-radius:18px!important;background:#0c0f20!important;border-color:rgba(138,92,255,.16)!important}
  .modal.modal-wide{width:min(1120px,calc(100vw - 64px))!important;max-height:90vh!important}

  /* Public desktop landing — restrained, professional, poster-safe */
  .public-home{background:#050609!important;overflow-x:clip!important;overflow-y:visible!important}
  .public-header{padding:24px 32px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;background:#050609!important}
  .public-header-inner{max-width:1600px!important}
  .public-brand .brand-logo{width:198px!important;filter:none!important}
  .public-actions{gap:10px!important}
  .public-actions .btn{min-height:42px!important;border-radius:9px!important}
  .public-glow{display:none!important}
  .public-hero{
    min-height:720px!important;max-width:1600px!important;
    padding:76px 32px 84px!important;
    grid-template-columns:minmax(0,1.08fr) minmax(560px,.92fr)!important;
    gap:74px!important;align-items:center!important;
  }
  .public-hero-content{max-width:720px!important}
  .public-hero-content .section-kicker{color:#a9b2cf!important;font-size:11px!important;letter-spacing:.18em!important}
  .public-hero-content h1{font-size:clamp(64px,6vw,96px)!important;line-height:.94!important;letter-spacing:-.055em!important;margin:20px 0 22px!important;text-wrap:balance!important}
  .public-hero-content p{max-width:620px!important;color:#a8afc8!important;font-size:18px!important;line-height:1.7!important}
  .public-hero-actions{gap:10px!important;margin-top:30px!important}
  .public-hero-actions .btn{min-width:142px!important;min-height:48px!important;border-radius:10px!important}
  .public-hero-actions .btn-primary{background:#fff!important;color:#07080c!important;box-shadow:none!important}
  .public-hero-actions .btn-ghost{background:#0c0f18!important;border-color:rgba(255,255,255,.13)!important;backdrop-filter:none!important}
  .public-showcase{height:520px!important;width:100%!important;max-width:620px!important;margin-left:auto!important;overflow:visible!important;isolation:isolate!important}
  .public-showcase .showcase-card{
    width:218px!important;aspect-ratio:2/3!important;
    border-radius:16px!important;border:1px solid rgba(255,255,255,.12)!important;
    background:#0b0d13!important;
    box-shadow:0 28px 70px rgba(0,0,0,.46)!important;
    overflow:hidden!important;
  }
  .public-showcase .showcase-card:before{display:none!important}
  .public-showcase .showcase-card:after{background:linear-gradient(0deg,rgba(3,4,8,.84),transparent 44%)!important}
  .public-showcase .showcase-card.s1{left:0!important;top:88px!important;transform:rotate(-4deg)!important;z-index:1!important}
  .public-showcase .showcase-card.s2{left:50%!important;top:28px!important;transform:translateX(-50%)!important;z-index:3!important;width:246px!important}
  .public-showcase .showcase-card.s3{left:auto!important;right:0!important;top:88px!important;transform:rotate(4deg)!important;z-index:2!important}
  .public-showcase .showcase-artwork{object-fit:cover!important;object-position:center!important}
  .public-showcase .showcase-card-copy{left:14px!important;right:14px!important;bottom:13px!important}
  .public-showcase .showcase-card-copy strong{font-size:14px!important;line-height:1.15!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .public-benefits{max-width:1536px!important;margin:0 auto 92px!important;padding:0 32px!important;gap:16px!important}
  .public-benefits article{min-height:150px!important;padding:28px!important;border-radius:16px!important;background:#0a0d15!important;border-color:rgba(255,255,255,.08)!important;display:grid!important;align-content:center!important}
  .public-benefits strong{font-size:21px!important;margin-bottom:9px!important}
  .public-benefits span{font-size:13px!important;line-height:1.65!important;color:#8e96ae!important}
}

/* Larger desktop: keep the landing composition airy without increasing poster size. */
@media (min-width:1440px){
  .public-hero{grid-template-columns:minmax(0,1.12fr) minmax(600px,.88fr)!important}
  .rail{grid-auto-columns:clamp(184px,10.8vw,212px)!important}
}


/* ===== VDEONE 3.6.51 · OFFICIAL POSTER FALLBACK + HERO ACTION RHYTHM ===== */
/* Poster containers get the same official-header-logo fallback while artwork is loading or unavailable. */
.card-art,
.cinema-poster,
.year-poster-art,
.content-thumb,
.showcase-card,
.tmdb-thumb{
  background-color:#05060b!important;
  background-image:url('../assets/poster-fallback.svg?v=3.6.54')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.card-art.artwork-ready,
.cinema-card.artwork-ready .cinema-poster,
.year-poster-card.artwork-ready .year-poster-art,
.content-thumb.artwork-ready,
.showcase-card.artwork-ready{background-image:none!important}

/* One vertical rhythm for every interactive Hero action. */
.hero .hero-actions,
.detail-hero .hero-actions{
  display:flex;
  align-items:center!important;
  gap:10px!important;
}
.hero .hero-actions>.btn,
.detail-hero .hero-actions>.btn{
  min-height:46px!important;
  height:46px!important;
  padding:0 18px!important;
  gap:8px!important;
  border-radius:10px!important;
  line-height:1!important;
  align-items:center!important;
  justify-content:center!important;
}
.hero .hero-actions>[data-play],
.detail-hero .hero-actions>[data-play]{padding-inline:22px!important}
.hero .hero-actions>[data-watch],
.detail-hero .hero-actions>[data-watch]{padding-inline:18px!important}
.hero .hero-actions>[data-more],
.detail-hero .hero-actions>[data-more]{
  width:46px!important;
  min-width:46px!important;
  flex:0 0 46px!important;
  padding:0!important;
}
.hero .hero-actions>.reaction-controls,
.detail-hero .hero-actions>.reaction-controls{
  display:flex;
  align-items:center!important;
  gap:7px!important;
  margin:0 2px!important;
}
.hero .hero-actions .reaction-btn,
.detail-hero .hero-actions .reaction-btn{
  min-height:46px!important;
  height:46px!important;
  padding:0 12px!important;
  gap:7px!important;
  border-radius:10px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.hero .hero-actions>.btn svg,
.detail-hero .hero-actions>.btn svg,
.hero .hero-actions .reaction-btn svg,
.detail-hero .hero-actions .reaction-btn svg{flex:0 0 auto!important}

@media(max-width:767px){
  .hero .hero-actions,
  .detail-hero .hero-actions{gap:8px!important}
  .hero .hero-actions>.btn,
  .detail-hero .hero-actions>.btn{
    min-height:46px!important;
    height:46px!important;
    padding-inline:14px!important;
  }
  .hero .hero-actions>[data-play],
  .detail-hero .hero-actions>[data-play]{padding-inline:17px!important}
  .hero .hero-actions>[data-watch],
  .detail-hero .hero-actions>[data-watch]{padding-inline:14px!important}
  .hero .hero-actions>.reaction-controls,
  .detail-hero .hero-actions>.reaction-controls{gap:7px!important;margin:0!important}
  .hero .hero-actions .reaction-btn,
  .detail-hero .hero-actions .reaction-btn{
    min-height:46px!important;
    height:46px!important;
    padding-inline:8px!important;
    gap:5px!important;
  }
  .hero .hero-actions>[data-more],
  .detail-hero .hero-actions>[data-more]{width:46px!important;min-width:46px!important;flex-basis:46px!important}
}

/* ===== VDEONE 3.6.53 · OPENDRIVE SMALL-FILE CLEANUP ===== */
.opendrive-cleanup-card{margin-top:14px;overflow:hidden!important;border-color:rgba(255,255,255,.09)!important;background:linear-gradient(145deg,rgba(15,18,31,.98),rgba(8,10,19,.98))!important}
.opendrive-cleanup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.opendrive-cleanup-title{display:flex;align-items:flex-start;gap:12px;min-width:0}.opendrive-cleanup-title>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.035);color:#d8dcf2}.opendrive-cleanup-title h3{margin:4px 0;font-size:16px}.opendrive-cleanup-title p{max-width:820px;margin:0!important;color:#7d85a7!important;font-size:9px!important;line-height:1.55!important}
.opendrive-cleanup-controls{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(280px,1fr) auto;align-items:end;gap:10px}.opendrive-cleanup-controls>label>span:first-child{display:block;margin:0 0 7px;color:#9299b8;font-size:8px;font-weight:800;letter-spacing:.02em}.opendrive-cleanup-controls .select{width:100%;min-height:42px;background:#090c19!important;border-color:rgba(255,255,255,.10)!important}.opendrive-cleanup-controls>.btn{min-height:42px;padding-inline:15px;white-space:nowrap}
.opendrive-cleanup-recursive{min-height:42px;display:flex!important;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#090c19;cursor:pointer}.opendrive-cleanup-recursive>input{accent-color:#6f73ff}.opendrive-cleanup-recursive span,.opendrive-cleanup-recursive b,.opendrive-cleanup-recursive small{display:block}.opendrive-cleanup-recursive b{color:#dce0f4;font-size:9px}.opendrive-cleanup-recursive small{margin-top:2px;color:#717a9c;font-size:7px;line-height:1.35}
.opendrive-cleanup-scope{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px 9px;margin-top:11px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.02);color:#7f87a8;font-size:8px}.opendrive-cleanup-scope>span{display:inline-flex;align-items:center;gap:6px}.opendrive-cleanup-scope>strong{color:#e8ebf8;font-size:9px}.opendrive-cleanup-scope>small{justify-self:end;color:#6f7899;font-size:7px;text-align:right}
.opendrive-cleanup-result{margin-top:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#080b17;overflow:hidden}.opendrive-cleanup-result>.empty{min-height:118px;border:0;background:transparent}
.opendrive-cleanup-working{min-height:118px;display:flex;align-items:center;justify-content:center;gap:15px;padding:20px}.opendrive-cleanup-working>.buffering{position:relative!important;inset:auto!important;transform:none!important;width:32px!important;height:32px!important;flex:0 0 32px}.opendrive-cleanup-working>div:last-child{display:grid;gap:4px}.opendrive-cleanup-working strong{font-size:11px;color:#eef1ff}.opendrive-cleanup-working span,.opendrive-cleanup-working small{font-size:8px;color:#7881a2}
.opendrive-cleanup-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid rgba(255,255,255,.07)}.opendrive-cleanup-summary>div{display:grid;gap:5px;padding:14px 15px;border-right:1px solid rgba(255,255,255,.06)}.opendrive-cleanup-summary>div:last-child{border-right:0}.opendrive-cleanup-summary span{font-size:7px;font-weight:800;letter-spacing:.06em;color:#6e7696;text-transform:uppercase}.opendrive-cleanup-summary strong{font-size:18px;color:#f2f4ff;letter-spacing:-.025em}
.opendrive-cleanup-sample{padding:12px 14px}.opendrive-cleanup-sample-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.opendrive-cleanup-sample-head strong{font-size:10px}.opendrive-cleanup-sample-head span{color:#687190;font-size:7px}.opendrive-cleanup-sample-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-top:1px solid rgba(255,255,255,.05)}.opendrive-cleanup-sample-row:first-of-type{border-top:0}.opendrive-cleanup-sample-row>div{min-width:0}.opendrive-cleanup-sample-row strong,.opendrive-cleanup-sample-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opendrive-cleanup-sample-row strong{max-width:720px;font-size:9px;color:#dfe3f5}.opendrive-cleanup-sample-row small{max-width:720px;margin-top:2px;color:#606987;font-size:7px}.opendrive-cleanup-sample-row>b{flex:0 0 auto;color:#9aa2c0;font-size:8px}
.opendrive-cleanup-confirm{display:flex;align-items:flex-start;gap:10px;margin:0 14px 12px;padding:11px 12px;border:1px solid rgba(255,102,130,.16);border-radius:10px;background:rgba(255,82,120,.035);cursor:pointer}.opendrive-cleanup-confirm input{margin-top:2px;accent-color:#ff6682}.opendrive-cleanup-confirm span,.opendrive-cleanup-confirm b,.opendrive-cleanup-confirm small{display:block}.opendrive-cleanup-confirm b{font-size:9px;color:#f4e3e9}.opendrive-cleanup-confirm small{margin-top:3px;color:#9d7885;font-size:7px;line-height:1.45}.opendrive-cleanup-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 14px 14px}.opendrive-cleanup-actions>.btn{min-height:40px}
.opendrive-cleanup-delete-progress{padding:18px}.opendrive-cleanup-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.opendrive-cleanup-progress-head strong{font-size:11px}.opendrive-cleanup-progress-head span{font-size:9px;color:#9ca4c2}.opendrive-cleanup-progress{height:6px;border-radius:999px;background:#15192a;overflow:hidden}.opendrive-cleanup-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f73ff,#b35dff);transition:width .25s ease}.opendrive-cleanup-delete-progress small{display:block;margin-top:8px;color:#737c9c;font-size:7px}
.opendrive-cleanup-complete{min-height:118px;display:flex;align-items:center;justify-content:center;gap:13px;padding:20px}.opendrive-cleanup-complete>span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:50%;background:rgba(81,214,153,.08);color:#77dfad}.opendrive-cleanup-complete strong{display:block;font-size:12px}.opendrive-cleanup-complete p{margin:4px 0!important;color:#a7aec7!important;font-size:9px!important}.opendrive-cleanup-complete small{color:#697290;font-size:7px}
@media(max-width:900px){.opendrive-cleanup-controls{grid-template-columns:1fr 1fr}.opendrive-cleanup-controls>.btn{grid-column:1/-1;width:100%;justify-content:center}.opendrive-cleanup-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.opendrive-cleanup-summary>div:nth-child(2){border-right:0}.opendrive-cleanup-summary>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}.opendrive-cleanup-scope{grid-template-columns:auto 1fr}.opendrive-cleanup-scope>small{grid-column:1/-1;justify-self:start;text-align:left}}
@media(max-width:600px){.opendrive-cleanup-head{display:grid}.opendrive-cleanup-head>.security-state-chip{justify-self:start}.opendrive-cleanup-controls{grid-template-columns:1fr}.opendrive-cleanup-summary{grid-template-columns:1fr 1fr}.opendrive-cleanup-actions{display:grid}.opendrive-cleanup-actions>.btn{width:100%;justify-content:center}.opendrive-cleanup-sample-row strong,.opendrive-cleanup-sample-row small{max-width:230px}}


/* ===== VDEONE 3.6.53 · HERO ACTION CLEANUP + PLAYER REACTIONS =====
   Home/Detail Heroes carry only Play → My List → More. The three preference
   reactions live inside the native player chrome and disappear with it. */
.hero .hero-actions>.reaction-controls,
.detail-hero .hero-actions>.reaction-controls{display:none!important}

/* Keep More (...) immediately after My List, on the same visual row. */
.hero .hero-actions,
.detail-hero .hero-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
}
.hero .hero-actions>[data-more],
.detail-hero .hero-actions>[data-more]{order:3!important;margin:0!important}
@media(max-width:520px){
  .hero .hero-actions,
  .detail-hero .hero-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr) 46px!important;
    grid-template-areas:"play watch more"!important;
    width:100%!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  .hero .hero-actions>[data-play],.detail-hero .hero-actions>[data-play]{grid-area:play!important}
  .hero .hero-actions>[data-watch],.detail-hero .hero-actions>[data-watch]{grid-area:watch!important}
  .hero .hero-actions>[data-more],.detail-hero .hero-actions>[data-more]{
    grid-area:more!important;width:46px!important;min-width:46px!important;height:46px!important;
    padding:0!important;align-self:stretch!important
  }
  .hero .hero-actions>.btn,.detail-hero .hero-actions>.btn{min-width:0!important;white-space:nowrap!important}
}
@media(max-width:360px){
  .hero .hero-actions,
  .detail-hero .hero-actions{grid-template-columns:minmax(0,1fr) minmax(0,.82fr) 44px!important;gap:6px!important}
  .hero .hero-actions>[data-more],.detail-hero .hero-actions>[data-more]{width:44px!important;min-width:44px!important;height:46px!important}
  .hero .hero-actions>.btn,.detail-hero .hero-actions>.btn{padding-inline:9px!important;font-size:11px!important}
}

/* Player preference controls are part of #playerControls, so the canonical
   controls-hidden state hides them atomically with timeline/top chrome. */
.player-reactions{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  margin:0 2px 0 4px!important;flex:0 0 auto!important;white-space:nowrap!important
}
.player-reactions .player-reaction-btn{
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.15)!important;background:rgba(15,17,25,.62)!important;
  color:#fff!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important
}
.player-reactions .player-reaction-btn:hover{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.28)!important;transform:translateY(-1px)!important}
.player-reactions .player-reaction-btn.active{border-color:rgba(124,119,255,.76)!important;background:rgba(70,64,145,.64)!important;box-shadow:0 0 0 1px rgba(125,103,255,.14)!important}
.player-reactions .player-reaction-btn.reaction-down.active{border-color:rgba(255,122,149,.48)!important;background:rgba(112,31,54,.62)!important}
.player-reactions .player-reaction-btn.reaction-love.active{border-color:rgba(205,99,255,.62)!important;background:linear-gradient(135deg,rgba(132,58,183,.65),rgba(34,98,153,.58))!important}
.player-reactions .player-reaction-btn svg{width:17px!important;height:17px!important;display:block!important}
@media(max-width:767px){
  .player-reactions{gap:4px!important;margin-left:2px!important}
  .player-reactions .player-reaction-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
}
@media(max-width:520px){
  .player-reactions .player-reaction-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  .player-reactions .player-reaction-btn svg{width:16px!important;height:16px!important}
}

/* ===== VDEONE 3.6.54 · PREMIUM PLAYER AUDIO / SUBTITLES / CC CONTROLS =====
   Audio track selection, subtitle track selection and quick CC toggle are
   first-class player controls. They live inside #playerControls and therefore
   inherit the canonical auto-hide lifecycle without a parallel overlay. */
.player-media-actions{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  flex:0 0 auto!important;white-space:nowrap!important
}
.player-media-btn,.player-cc-btn{
  appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;
  height:42px!important;min-height:42px!important;border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(13,15,23,.68)!important;color:#fff!important;cursor:pointer!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease!important
}
.player-media-btn{
  min-width:108px!important;max-width:138px!important;padding:0 12px!important;border-radius:11px!important;
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;text-align:left!important
}
.player-media-btn#playerSubtitleBtn{min-width:126px!important}
.player-media-btn>svg{width:18px!important;height:18px!important;flex:0 0 18px!important;color:#f2f3ff!important}
.player-media-copy{display:grid!important;gap:1px!important;min-width:0!important;line-height:1!important}
.player-media-copy>b,.player-media-copy>small{display:block!important;max-width:86px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.player-media-copy>b{font-size:9px!important;font-weight:850!important;letter-spacing:.015em!important;color:#f8f8ff!important}
.player-media-copy>small{font-size:7px!important;font-weight:700!important;color:#858ca7!important}
.player-cc-btn{
  width:48px!important;min-width:48px!important;padding:0!important;border-radius:11px!important;
  display:grid!important;grid-template-columns:1fr!important;place-items:center!important;align-content:center!important;gap:1px!important
}
.player-cc-btn>svg{width:19px!important;height:19px!important;display:block!important}
.player-cc-btn>span{font-size:6px!important;font-weight:950!important;letter-spacing:.12em!important;color:#8e95af!important}
.player-media-btn:hover,.player-cc-btn:hover,
.player-media-btn[aria-expanded="true"]{
  border-color:rgba(255,255,255,.30)!important;background:rgba(33,35,47,.84)!important;transform:translateY(-1px)!important
}
.player-media-btn.has-tracks:after{
  content:"";width:5px;height:5px;flex:0 0 5px;margin-left:auto;border-radius:50%;background:#6d72ff;
  box-shadow:0 0 0 3px rgba(109,114,255,.10)
}
.player-media-btn.active,.player-cc-btn.active{
  border-color:rgba(116,119,255,.70)!important;background:linear-gradient(135deg,rgba(74,70,151,.72),rgba(30,50,99,.72))!important;
  box-shadow:0 0 0 1px rgba(108,104,255,.12),inset 0 1px 0 rgba(255,255,255,.06)!important
}
.player-media-btn.active .player-media-copy>small,.player-cc-btn.active>span{color:#cbd0ff!important}
.player-media-btn:focus-visible,.player-cc-btn:focus-visible{
  outline:2px solid rgba(106,206,255,.9)!important;outline-offset:2px!important
}
.player-controls .quality-control{font-size:8px!important;font-weight:900!important;letter-spacing:.04em!important}
.player-track-menu{padding:8px!important;min-width:260px!important}
.player-track-menu .player-menu-title{padding:8px 10px 9px!important;font-size:9px!important;font-weight:900!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:#8f96b4!important}
.player-track-menu button{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;min-height:38px!important;padding:8px 10px!important}
.player-track-menu .track-check{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;border-radius:6px!important;color:#bfeeff!important;font-size:10px!important}
.player-track-menu button.selected .track-check{background:rgba(77,198,255,.09)!important}
.player-menu-empty{padding:14px 10px 16px!important;color:#707893!important;font-size:9px!important;line-height:1.5!important}
@media(max-width:900px){
  .player-media-btn{min-width:96px!important;padding-inline:10px!important;gap:7px!important}
  .player-media-btn#playerSubtitleBtn{min-width:112px!important}
  .player-media-copy>b{font-size:8px!important}.player-media-copy>small{font-size:6px!important}
}
@media(max-width:640px){
  .player-media-actions{gap:5px!important}
  .player-media-btn,.player-cc-btn{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:10px!important;padding:0!important;display:grid!important;place-items:center!important}
  .player-media-btn#playerSubtitleBtn{width:40px!important;min-width:40px!important}
  .player-media-copy,.player-media-btn.has-tracks:after{display:none!important}
  .player-media-btn>svg{width:18px!important;height:18px!important;flex:none!important}
  .player-cc-btn>span{display:none!important}
  .player-cc-btn>svg{width:20px!important;height:20px!important}
  .player-track-menu{right:10px!important;bottom:max(76px,calc(env(safe-area-inset-bottom) + 68px))!important;min-width:min(280px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important}
}
@media(max-width:430px){
  .player-media-btn,.player-cc-btn{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  .player-media-actions{gap:4px!important}
}

/* ===== VDEONE 3.6.55 · SMART FILE RENAMER INTELLIGENCE ===== */
.renamer-hero{display:flex;align-items:center;gap:18px;padding:24px 26px;margin-bottom:18px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(135deg,rgba(20,21,30,.96),rgba(8,9,14,.98));box-shadow:0 20px 60px rgba(0,0,0,.22)}
.renamer-hero-icon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;border-radius:16px;background:linear-gradient(145deg,rgba(222,41,255,.22),rgba(21,194,255,.18));border:1px solid rgba(119,118,255,.32)}
.renamer-hero h2{font-size:25px;margin:2px 0 5px}.renamer-hero p{max-width:850px;margin:0;color:var(--muted);line-height:1.55}.renamer-hero>.security-state-chip{margin-left:auto}
.renamer-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.renamer-status-grid article{min-width:0;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(14,15,22,.9)}.renamer-status-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.renamer-status-grid strong{display:block;margin:7px 0 3px;font-size:15px}.renamer-status-grid small{color:var(--muted);font-size:11px}
.renamer-control-card,.renamer-library-card,.renamer-history-card{margin-bottom:18px}.renamer-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.renamer-section-head h3{font-size:19px;margin:2px 0 4px}.renamer-section-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.renamer-controls{display:grid;grid-template-columns:minmax(220px,1.45fr) minmax(210px,1fr) minmax(190px,.9fr) auto;gap:12px;align-items:stretch}.renamer-folder,.renamer-check,.renamer-mode{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025);padding:13px 14px}.renamer-folder{display:flex;align-items:center;gap:12px}.renamer-folder>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(80,122,255,.12)}.renamer-folder small,.renamer-mode>span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.renamer-folder strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.renamer-check{display:flex;align-items:center;gap:11px;cursor:pointer}.renamer-check input{width:17px;height:17px}.renamer-check span{display:grid;gap:2px}.renamer-check small{color:var(--muted);font-size:10px}.renamer-mode{display:flex;flex-direction:column;justify-content:center;gap:6px}.renamer-mode .select{width:100%;min-height:38px}.renamer-controls>#renamerScan{min-height:64px;align-self:stretch}.renamer-format-note{margin-top:10px;color:var(--muted);font-size:11px}.renamer-format-note code{color:#e8e8ef;background:rgba(255,255,255,.05);padding:3px 6px;border-radius:6px}.renamer-scan-live,.renamer-scan-done,.renamer-scan-error{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 15px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025)}.renamer-scan-live>span,.renamer-scan-done,.renamer-scan-error{font-size:12px}.renamer-scan-live strong,.renamer-scan-done strong,.renamer-scan-error strong{margin-right:8px}.renamer-scan-done svg{color:#69df9a}.renamer-scan-error{border-color:rgba(255,88,112,.25)}
.renamer-library-actions{display:flex;align-items:center;gap:8px}.renamer-library-actions .field{width:min(280px,31vw);min-height:38px}.renamer-file-list{display:grid;gap:10px}.renamer-file-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 15px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.02);transition:border-color .18s ease,background .18s ease}.renamer-file-card:hover{border-color:rgba(119,118,255,.24);background:rgba(255,255,255,.032)}.renamer-file-main{display:flex;min-width:0;align-items:center;gap:12px}.renamer-file-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:11px;background:rgba(119,118,255,.1);color:#ddd}.renamer-file-copy{min-width:0}.renamer-file-copy strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.renamer-file-copy small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:var(--muted);font-size:10px}.renamer-file-copy>span{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.05);font-size:9px;color:#c7c8d2}.renamer-analysis{grid-column:1/-1}.renamer-analysis-loading,.renamer-analysis-empty{display:flex;align-items:center;gap:10px;margin-top:4px;padding:14px;border-radius:13px;background:rgba(0,0,0,.18);color:var(--muted);font-size:11px}.renamer-analysis-empty{display:grid;gap:3px}.renamer-analysis-empty strong{color:var(--text)}.renamer-analysis-empty.error{border:1px solid rgba(255,88,112,.2)}
.renamer-analysis-panel{display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(280px,1fr);gap:13px;margin-top:3px;padding:15px;border:1px solid rgba(119,118,255,.2);border-radius:15px;background:linear-gradient(135deg,rgba(35,30,54,.32),rgba(10,11,17,.46))}.renamer-match{display:flex;align-items:center;gap:12px}.renamer-poster{width:56px;height:80px;flex:0 0 56px;border-radius:8px;overflow:hidden;background:#09090c}.renamer-poster img{width:100%;height:100%;object-fit:cover}.renamer-match h4{margin:7px 0 3px;font-size:17px}.renamer-match p,.renamer-match small{margin:0;color:var(--muted);font-size:10px}.renamer-deep-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.renamer-deep-signals>span{padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.035)}.renamer-deep-signals b,.renamer-deep-signals small{display:block}.renamer-deep-signals b{font-size:10px}.renamer-deep-signals small{margin-top:2px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.renamer-candidate-label,.renamer-proposal{grid-column:1/-1;display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:10px}.renamer-candidate-label>span,.renamer-proposal>span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.renamer-proposal strong{padding:11px 12px;border-radius:10px;background:#090a0e;border:1px solid rgba(255,255,255,.08);font-size:12px;overflow-wrap:anywhere}.renamer-commit-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:3px}.renamer-commit-row>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.renamer-success{display:flex;align-items:center;gap:8px;margin-top:4px;padding:12px 14px;border:1px solid rgba(72,203,126,.2);border-radius:12px;background:rgba(72,203,126,.07);font-size:11px}.renamer-success svg{color:#69df9a}.renamer-success span{color:var(--muted)}
.renamer-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:14px}.renamer-pagination>span{color:var(--muted);font-size:10px}.renamer-history-list{display:grid;gap:7px}.renamer-history-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.renamer-history-row>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.04)}.renamer-history-row strong,.renamer-history-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.renamer-history-row strong{font-size:11px}.renamer-history-row small{margin-top:3px;color:var(--muted);font-size:9px}
.security-state-chip.danger{border-color:rgba(255,82,112,.3);background:rgba(255,82,112,.09);color:#ff9bac}
@media(max-width:1100px){.renamer-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.renamer-controls{grid-template-columns:1fr 1fr}.renamer-controls>#renamerScan{min-height:48px}.renamer-analysis-panel{grid-template-columns:1fr}}
@media(max-width:760px){.renamer-hero{align-items:flex-start;padding:18px}.renamer-hero-icon{width:44px;height:44px;flex-basis:44px}.renamer-hero>.security-state-chip{position:absolute;right:18px}.renamer-hero h2{font-size:21px;padding-right:54px}.renamer-status-grid{grid-template-columns:1fr 1fr}.renamer-section-head{display:grid}.renamer-section-head>.btn{width:100%}.renamer-controls{grid-template-columns:1fr}.renamer-library-actions{display:grid;grid-template-columns:1fr}.renamer-library-actions .field{width:100%}.renamer-file-card{grid-template-columns:minmax(0,1fr)}.renamer-file-card>[data-renamer-analyze]{width:100%}.renamer-analysis-panel{grid-template-columns:1fr}.renamer-candidate-label,.renamer-proposal{grid-template-columns:1fr}.renamer-commit-row{align-items:stretch;flex-direction:column}.renamer-commit-row .btn{width:100%}.renamer-history-row{grid-template-columns:30px minmax(0,1fr)}.renamer-history-row .btn{grid-column:1/-1;width:100%}.renamer-pagination{flex-wrap:wrap}.renamer-pagination>span{order:-1;width:100%;text-align:center}}
.renamer-manual-search{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.renamer-manual-search .field{min-height:39px}@media(max-width:760px){.renamer-manual-search{grid-template-columns:1fr}.renamer-manual-search .btn{width:100%}}

/* ===== VDEONE 3.6.56 · RENAMER FUSION INTELLIGENCE ===== */
.renamer-status-grid.fusion-status{grid-template-columns:repeat(6,minmax(0,1fr))}
.renamer-provider-card{margin-bottom:18px;border-color:rgba(105,151,255,.14)!important;background:linear-gradient(145deg,rgba(12,15,24,.98),rgba(8,10,16,.98))!important}
.renamer-provider-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.renamer-provider-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:end}
.renamer-provider-grid label>span{display:block;margin:0 0 7px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.renamer-provider-grid .field{width:100%;min-height:42px}
.renamer-provider-grid>.btn{min-height:42px;white-space:nowrap}
.renamer-attribution{margin-top:10px;color:var(--muted);font-size:9px}.renamer-attribution a{color:#aebcff;text-decoration:none}.renamer-attribution a:hover{text-decoration:underline}
.renamer-library-actions.fusion-actions{flex-wrap:wrap;justify-content:flex-end}.renamer-library-actions.fusion-actions .select{width:auto;min-width:118px;min-height:38px}
.renamer-analysis-panel.fusion{position:relative}.renamer-evidence{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.fusion-evidence{display:grid;gap:2px;min-width:125px;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025)}.fusion-evidence b{font-size:9px;letter-spacing:.06em}.fusion-evidence small{max-width:220px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fusion-evidence.confirmed,.fusion-evidence.exact{border-color:rgba(75,217,151,.22);background:rgba(75,217,151,.055)}.fusion-evidence.conflict{border-color:rgba(255,95,117,.22);background:rgba(255,95,117,.055)}
@media(max-width:1280px){.renamer-status-grid.fusion-status{grid-template-columns:repeat(3,minmax(0,1fr))}.renamer-provider-grid{grid-template-columns:1fr 1fr}.renamer-provider-grid>.btn{grid-column:1/-1}}
@media(max-width:760px){.renamer-status-grid.fusion-status{grid-template-columns:1fr 1fr}.renamer-provider-grid{grid-template-columns:1fr}.renamer-provider-grid>.btn{grid-column:auto}.renamer-library-actions.fusion-actions{display:grid;grid-template-columns:1fr}.renamer-library-actions.fusion-actions .select,.renamer-library-actions.fusion-actions .btn{width:100%}.fusion-evidence{min-width:calc(50% - 4px);max-width:100%}}
.renamer-autopilot-live{margin-top:14px;padding:14px 15px;border:1px solid rgba(103,123,255,.2);border-radius:13px;background:rgba(87,96,255,.055)}.renamer-autopilot-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.renamer-autopilot-head strong{font-size:11px}.renamer-autopilot-head span,.renamer-autopilot-live small{color:var(--muted);font-size:9px}.renamer-autopilot-bar{height:6px;margin:9px 0 7px;border-radius:999px;background:#15182a;overflow:hidden}.renamer-autopilot-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f73ff,#b35dff);transition:width .25s ease}

/* VDEONE 3.6.57 · Zero-Touch Ingest Autopilot */
.zero-touch-card{margin-bottom:18px;border-color:rgba(124,152,255,.16)!important;background:linear-gradient(145deg,rgba(12,14,22,.985),rgba(7,9,14,.985))!important;overflow:hidden}.zero-touch-card .renamer-section-head b{color:#fff}.zero-touch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:stretch}.zero-touch-grid>label:not(.zero-touch-toggle){display:flex;flex-direction:column;gap:7px;min-width:0}.zero-touch-grid>label:not(.zero-touch-toggle)>span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.zero-touch-toggle{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.022);cursor:pointer}.zero-touch-toggle input{margin-top:3px;accent-color:#7177ff}.zero-touch-toggle span{display:grid;gap:3px}.zero-touch-toggle b{font-size:12px}.zero-touch-toggle small{color:var(--muted);font-size:10px;line-height:1.45}.zero-touch-folder{grid-column:span 2;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.zero-touch-folder .btn{margin-left:auto}.zero-touch-proof{display:flex;gap:11px;align-items:flex-start;margin-top:13px;padding:12px 14px;border:1px solid rgba(114,176,255,.12);border-radius:14px;background:rgba(74,115,188,.06)}.zero-touch-proof>span{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:9px;background:rgba(96,139,255,.12)}.zero-touch-proof>div{display:grid;gap:3px}.zero-touch-proof strong{font-size:10px;letter-spacing:.08em}.zero-touch-proof small{color:var(--muted);font-size:10px;line-height:1.5}.zero-touch-proof code{color:#dbe4ff}.zero-touch-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.zero-touch-stats>span{padding:8px 10px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.025);color:var(--muted);font-size:10px}.zero-touch-stats b{color:#fff;font-size:12px}.zero-touch-actions{display:flex;align-items:center;gap:10px;margin-top:13px;flex-wrap:wrap}.zero-touch-actions .muted{margin-left:auto;font-size:10px}.zero-touch-review-note{display:flex;gap:8px;align-items:center;margin-top:12px;padding:10px 12px;border:1px solid rgba(255,190,92,.14);border-radius:12px;background:rgba(255,165,43,.055);font-size:10px}.zero-touch-review-note span{color:var(--muted)}.renamer-provider-grid-v357{grid-template-columns:repeat(3,minmax(160px,1fr)) auto}
@media(max-width:1280px){.zero-touch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.renamer-provider-grid-v357{grid-template-columns:1fr 1fr}.renamer-provider-grid-v357>.btn{grid-column:1/-1}}
@media(max-width:760px){.zero-touch-grid{grid-template-columns:1fr}.zero-touch-folder{grid-column:auto}.zero-touch-actions{display:grid;grid-template-columns:1fr}.zero-touch-actions .btn{width:100%}.zero-touch-actions .muted{margin-left:0;text-align:center}.zero-touch-review-note{display:grid}.renamer-provider-grid-v357{grid-template-columns:1fr}.renamer-provider-grid-v357>.btn{grid-column:auto}}

/* ===== VDEONE 3.7.9 · PUBLIC LANDING POSTER LAYOUT CONTRACT =====
   The showcase is a self-contained stage. All three posters are absolute children:
   no card may enter normal flow, escape its stage or overlap the benefits section.
   Preserve the approved three-poster editorial composition and its artwork crop. */
.public-home .public-hero { min-width:0; }
.public-home .public-showcase {
  position:relative!important;
  display:block!important;
  min-width:0!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
  overflow:clip!important;
  contain:layout paint!important;
}
.public-home .public-showcase .showcase-card {
  position:absolute!important;
  box-sizing:border-box!important;
  display:block!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:2/3!important;
  height:auto!important;
  max-width:none!important;
  overflow:hidden!important;
  transform-origin:center center!important;
}
.public-home .public-showcase .showcase-artwork {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.public-home .public-benefits { position:relative; z-index:1; }
@media (min-width:1024px) {
  .public-home .public-showcase {
    height:440px!important;
    width:100%!important;
    max-width:620px!important;
    margin:0 0 0 auto!important;
  }
  .public-home .public-showcase .showcase-card {width:210px!important;}
  .public-home .public-showcase .showcase-card.s1 {left:20px!important;right:auto!important;top:56px!important;transform:rotate(-4deg)!important;}
  .public-home .public-showcase .showcase-card.s2 {left:50%!important;right:auto!important;top:8px!important;width:238px!important;transform:translateX(-50%)!important;}
  .public-home .public-showcase .showcase-card.s3 {right:20px!important;left:auto!important;top:56px!important;transform:rotate(4deg)!important;}
}
@media (min-width:768px) and (max-width:1023px) {
  .public-home .public-showcase {
    width:100%!important;
    height:360px!important;
    max-width:560px!important;
    margin:24px auto 10px!important;
  }
  .public-home .public-showcase .showcase-card {width:190px!important;}
  .public-home .public-showcase .showcase-card.s1 {left:22px!important;right:auto!important;top:45px!important;transform:rotate(-4deg)!important;}
  .public-home .public-showcase .showcase-card.s2 {left:50%!important;right:auto!important;top:8px!important;width:214px!important;transform:translateX(-50%)!important;}
  .public-home .public-showcase .showcase-card.s3 {right:22px!important;left:auto!important;top:45px!important;transform:rotate(4deg)!important;}
}
@media (max-width:767px) {
  .public-home .public-hero {min-width:0!important;overflow:clip!important;}
  .public-home .public-showcase {
    width:100%!important;
    max-width:430px!important;
    height:270px!important;
    margin:20px auto 12px!important;
    padding:0!important;
  }
  .public-home .public-showcase .showcase-card {
    width:clamp(110px,34vw,145px)!important;
    border-radius:16px!important;
  }
  .public-home .public-showcase .showcase-card.s1 {left:5%!important;right:auto!important;top:30px!important;transform:rotate(-4deg)!important;}
  .public-home .public-showcase .showcase-card.s2 {left:50%!important;right:auto!important;top:4px!important;transform:translateX(-50%)!important;}
  .public-home .public-showcase .showcase-card.s3 {right:5%!important;left:auto!important;top:30px!important;transform:rotate(4deg)!important;}
}
@media (max-width:390px) {
  .public-home .public-showcase {height:250px!important;max-width:100%!important;}
  .public-home .public-showcase .showcase-card {width:clamp(96px,32vw,125px)!important;}
  .public-home .public-showcase .showcase-card.s1 {left:5%!important;top:24px!important;}
  .public-home .public-showcase .showcase-card.s2 {top:4px!important;}
  .public-home .public-showcase .showcase-card.s3 {right:5%!important;top:24px!important;}
}
@media (max-width:320px) {
  .public-home .public-showcase {height:240px!important;}
  .public-home .public-showcase .showcase-card {width:96px!important;}
}

/* VDEONE 3.7.3 — Global language control (additive authority) */
.admin-language-control{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 9px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.045);color:inherit}
.admin-language-control svg{opacity:.76}.admin-language-control select{appearance:none;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:11px;font-weight:800;letter-spacing:.05em;cursor:pointer;padding-right:2px}.admin-language-control option{background:#0c1020;color:#fff}
@media(max-width:720px){.admin-language-control{height:34px;padding:0 7px}.admin-language-control span{display:none}.admin-language-control select{font-size:10px}}
/* VDEONE 3.7.9 | Object Storage Control — editorial graphite, original VDEONE brand intact */
.os-page{--os-bg:#101117;--os-line:#2b2b36;--os-ink:#f5f4f9;--os-muted:#a3a1b1;--os-accent:#d9b3ff;--os-red:#ef7b98;display:grid;gap:18px;min-width:0;color:var(--os-ink);font-feature-settings:'tnum'}
.os-intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 225px;align-items:center;gap:24px;min-height:255px;padding:clamp(23px,3.2vw,48px);border:1px solid #37303f;border-radius:23px;background:#12121b;overflow:hidden}
.os-intro:before{content:'';position:absolute;top:0;bottom:0;left:0;width:4px;background:#d4a8f7}
.os-intro-copy{position:relative;z-index:1;min-width:0}
.os-kicker{display:block;color:#d0b2e9;font-size:10px;letter-spacing:.16em;font-weight:850;line-height:1.5;text-transform:uppercase}
.os-intro h2{margin:11px 0 15px;font-size:clamp(31px,3.45vw,53px);letter-spacing:-.055em;line-height:1.04;font-weight:850;max-width:650px}
.os-intro h2 em{font-style:normal;color:#cebadc}
.os-intro p{max-width:700px;margin:0;color:#b2b0c0;font-size:13px;line-height:1.8}
.os-assurance{display:flex;align-items:center;gap:9px;margin-top:18px;color:#cfc9d8;font-size:11px;line-height:1.6;font-weight:550}
.os-assurance svg{flex:0 0 auto;color:#e2b7f7}
.os-monogram{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;gap:13px;border-left:1px solid #3a3342}
.os-monogram>span{font-size:clamp(66px,7vw,112px);font-weight:950;letter-spacing:-.17em;line-height:1;transform:translateX(-5px);color:#eee9f3}
.os-monogram>span span{color:#c59ae3}
.os-monogram small{text-align:center;letter-spacing:.17em;line-height:1.7;font-size:9px;font-weight:750;color:#a59aac}
.os-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.os-metrics article{min-width:0;display:grid;align-content:start;gap:4px;padding:18px 19px;min-height:118px;border-radius:16px;border:1px solid #292a35;background:#111218}
.os-metrics small{color:#a4a1b2;font-size:9px;font-weight:800;letter-spacing:.13em}
.os-metrics strong{font-size:29px;letter-spacing:-.045em;line-height:1.5;color:#f4f1f8;font-weight:850}
.os-metrics span{font-size:10px;color:#928f9e;line-height:1.5}
.os-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:16px;min-width:0}
.os-section-header h3{margin:5px 0 7px;font-size:22px;line-height:1.15;letter-spacing:-.035em;font-weight:800}
.os-section-header p{margin:0;color:#9793a5;font-size:11px;line-height:1.6}
.os-main-grid{display:grid;grid-template-columns:minmax(245px,.78fr) minmax(0,1.62fr);gap:14px}
.os-page .chart-card{border:1px solid #2d2d39;border-radius:20px;background:#101118;min-width:0;box-shadow:none}
.os-accounts{display:flex;flex-direction:column;gap:12px;padding:18px!important}
.os-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #292832}
.os-list-heading strong{font-size:12px;font-weight:750}.os-list-heading span{color:#9b97a9;font-size:10px;white-space:nowrap}
.os-profiles-list{display:grid;align-content:start;gap:8px;max-height:780px;overflow-y:auto;overflow-x:hidden;min-width:0}
.os-profile-row{width:100%;display:grid;grid-template-columns:41px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:12px 11px;border-radius:12px;border:1px solid #30303b;background:#171821;text-align:left;cursor:pointer;transition:border-color .14s,background .14s}
.os-profile-row:hover,.os-profile-row:focus-visible{border-color:#9b81aa;outline:none;background:#211d2a}
.os-profile-row.is-active{background:#28202f;border-color:#b894cc}
.os-profile-emblem{display:grid;place-items:center;width:41px;height:41px;border-radius:10px;background:#353040;border:1px solid #51445e;color:#f3ddff;font-size:12px;font-weight:900;letter-spacing:-.03em}
.os-profile-details{display:block;min-width:0}.os-profile-details strong{display:block;font-size:12px;font-weight:800;color:#f4f1fa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.os-profile-details small{display:block;margin-top:4px;color:#a29bad;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.os-profile-connection{padding:5px 6px;white-space:nowrap;border-radius:5px;border:1px solid #38343c;color:#ada3b4;font-size:8px;font-weight:750;letter-spacing:.055em}
.os-profile-connection.is-online{color:#d6c7df;border-color:#755e7e;background:#34283a}
.os-no-connections{display:grid;gap:7px;padding:27px 17px;text-align:center;border:1px dashed #49404d;border-radius:12px}
.os-no-connections strong{font-size:13px}.os-no-connections p{font-size:11px;line-height:1.65;color:#9993a4}
.os-integrations-foot{margin-top:auto;padding-top:12px;border-top:1px solid #292832;display:flex;align-items:center;gap:7px;color:#9f98a8;font-size:10px;line-height:1.6}
.os-integrations-foot svg{color:#d3b9e9;flex:none}
.os-config{padding:24px!important}
.os-config-top{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:21px}
.os-config-top h3{margin:5px 0 0;font-size:22px;line-height:1.3;letter-spacing:-.04em}
.os-locked-mark{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#251f2b;color:#dec8ef;border:1px solid #51445b}
.os-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.os-field{display:flex;flex-direction:column;min-width:0;gap:6px}.os-field.os-wide{grid-column:1/-1}
.os-field>span{color:#e6e0eb;font-size:11px;font-weight:750}
.os-field .field,.os-field .select{width:100%;min-width:0;min-height:43px;border-radius:10px!important;border:1px solid #40404d!important;background:#171820!important;color:#f1edf3!important;padding:10px 12px!important;font-size:12px!important;box-shadow:none!important;outline-offset:2px}
.os-field .field:focus,.os-field .select:focus{border-color:#b7a0c7!important;outline:2px solid rgba(213,186,227,.16)!important}
.os-field .field::placeholder{color:#777483}
.os-field>small{color:#9790a0;font-size:10px;line-height:1.5}
.os-config-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:21px;padding-top:16px;border-top:1px solid #2c2b36}
.os-enable{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#ded8e7;cursor:pointer}
.os-enable input{accent-color:#bf9acb;width:15px;height:15px}.os-config-bottom>span{color:#9a94a2;font-size:10px}
.os-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:17px}
.os-buttons .btn{min-height:37px}
.os-feedback{margin-top:15px;padding:13px 15px;border:1px solid #413a4a;border-radius:10px;background:#1a1822;color:#bcb2c7;font-size:10.5px;line-height:1.7;overflow-wrap:anywhere}
.os-feedback code{color:#f1e0fb;font-size:inherit}.os-feedback.is-success{color:#d9eddd;border-color:#577463;background:#1a2520}.os-feedback.is-error{color:#ffced0;border-color:#7c454e;background:#28191f}
.os-browser{padding:23px!important}
.os-browser-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.os-browser-actions .select{background:#1b1c25;color:#f3f0f5;border:1px solid #4b4353;border-radius:10px;min-width:210px;max-width:100%}
.os-path{display:flex;flex-wrap:nowrap;gap:7px;align-items:center;min-height:45px;padding:8px 12px;margin-bottom:12px;border:1px solid #373440;border-radius:12px;background:#191922;color:#bcb4c5;overflow-x:auto;font-size:11px}
.os-path button{display:inline-flex;gap:6px;align-items:center;flex:none;max-width:220px;padding:7px 9px;background:transparent;border:0;border-radius:7px;color:#d6cade;font-size:11px;font-weight:750;cursor:pointer}
.os-path button:hover{background:#353041;color:#fff}.os-path span{color:#797180}
.os-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.os-folder{min-width:0;display:grid;align-items:center;grid-template-columns:24px minmax(0,1fr) 16px;gap:10px;text-align:left;min-height:62px;padding:12px;border:1px solid #333341;border-radius:11px;background:#191923;color:#efe9f3;cursor:pointer}
.os-folder:hover{border-color:#917aa6;background:#272132}.os-folder svg:first-child{color:#d5bcec}.os-folder svg:last-child{color:#9890a2}.os-folder span{font-size:12px;font-weight:750;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.os-file-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;font-size:10px;font-weight:850;letter-spacing:.13em;color:#d1bddd}
.os-file-caption span{font-size:10px;font-weight:500;letter-spacing:0;color:#9893a4}
.os-object{display:grid;align-items:center;grid-template-columns:36px minmax(0,1fr) auto auto;gap:12px;padding:10px 3px;border-bottom:1px solid #302e38;min-width:0}
.os-object-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #51435b;border-radius:10px;background:#27202f;color:#ddbce7}
.os-object-descriptor{min-width:0}.os-object-descriptor strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;color:#eee8f1}
.os-object-descriptor small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;color:#a49baa;font-size:10px}
.os-file-format{color:#b3a5bc;letter-spacing:.1em;font-size:9px;font-weight:800}.os-nomedia{width:112px;text-align:center;color:#696672}
.os-empty,.os-error{padding:35px 20px;border:1px dashed #423b4a;background:#16151d;border-radius:12px;text-align:center;font-size:12px;line-height:1.7;color:#aba5b4}
.os-empty strong,.os-error strong{display:block;color:#eee8f1;font-size:14px;margin-bottom:6px}.os-error p{color:#e8bdca;font-size:12px}
.os-loading{padding:38px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;font-size:12px;color:#c0b7c5}
.os-pager{text-align:center;padding:18px 0 3px}.os-compatible{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:15px 0;color:#aca6b5}
.os-compatible b{font-size:9px;letter-spacing:.12em;color:#ccc0d3;margin-right:7px}.os-compatible span{padding:6px 9px;border:1px solid #302e38;border-radius:7px;font-size:10px}
.os-picker-overlay{position:fixed;inset:0;z-index:900}
.os-picker-scrim{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:rgba(5,5,9,.86);backdrop-filter:blur(8px)}
.os-picker-dialog{width:min(960px,100%);max-height:min(850px,94dvh);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;min-height:0;overflow:hidden;background:#111119;border:1px solid #6d5277;border-radius:20px;box-shadow:0 24px 80px #020204a6}
.os-picker-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 23px;border-bottom:1px solid #302d38}
.os-picker-dialog>header h3{font-size:22px;letter-spacing:-.04em;line-height:1.2;margin:5px 0 0}
.os-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:13px 21px 4px}
.os-picker-toolbar select{max-width:100%;min-width:min(270px,100%);background:#1b1a24;color:#f2ebf4;border:1px solid #494051;border-radius:9px}
.os-picker-toolbar>span{display:inline-flex;align-items:center;gap:5px;color:#aaa0b2;font-size:10px}
.os-picker-dialog>.os-path{margin:9px 21px}
.os-picker-scroll{min-height:130px;overflow:auto;overscroll-behavior:contain;padding:4px 21px 24px}
.os-picker-dialog>footer{padding:14px 21px;border-top:1px solid #312b38;color:#aca3b3;font-size:10px;line-height:1.7}
.os-picker-dialog>footer code{color:#e6ccee}
.os-source-picker-btn{white-space:nowrap!important;border:1px solid #715c7e!important;background:#2a2230!important;color:#e9d5f2!important}
.os-source-picker-btn:hover{background:#382a42!important}
.opendrive-field-action:has(.os-source-picker-btn){grid-template-columns:minmax(0,1fr) auto auto}
.import-field-action-v2:has(.os-source-picker-btn){grid-template-columns:minmax(0,1fr) auto auto auto}
.episode-editor-row .os-source-picker-btn{font-size:0!important;padding-inline:9px!important}
.episode-editor-row .os-source-picker-btn svg{margin:0!important}
@media(max-width:1180px){.os-main-grid{grid-template-columns:minmax(0,1fr)}.os-profiles-list{max-height:320px}.os-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.os-intro{grid-template-columns:minmax(0,1fr) 140px}.os-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.os-monogram>span{font-size:66px}}
@media(max-width:650px){.os-page{gap:13px}.os-intro{grid-template-columns:1fr;padding:23px 19px;min-height:auto}.os-intro h2{font-size:36px}.os-intro p{font-size:12px}.os-monogram{display:none}.os-assurance{align-items:flex-start;font-size:10px}.os-metrics{gap:8px}.os-metrics article{padding:13px;min-height:102px}.os-metrics strong{font-size:24px}.os-page .chart-card{border-radius:15px}.os-config,.os-browser{padding:16px!important}.os-field-grid{grid-template-columns:minmax(0,1fr);gap:13px}.os-field.os-wide{grid-column:auto}.os-config-top h3{font-size:19px}.os-section-header h3{font-size:19px}.os-section-header{align-items:flex-start}.os-browser-actions{width:100%}.os-browser-actions .select{flex:1;min-width:0}.os-folder-grid{grid-template-columns:1fr}.os-object{grid-template-columns:34px minmax(0,1fr) auto;gap:8px}.os-object .os-file-format{display:none}.os-object .btn{font-size:10px;padding-inline:7px;max-width:120px;min-width:0;white-space:normal}.os-object-icon{width:34px;height:34px}.os-object-descriptor strong{max-width:100%}.os-picker-scrim{padding:5px}.os-picker-dialog{max-height:98dvh;border-radius:14px}.os-picker-dialog>header{padding:16px}.os-picker-dialog>header h3{font-size:17px}.os-picker-toolbar{padding:10px 14px 0}.os-picker-dialog>.os-path{margin:9px 12px}.os-picker-scroll{padding:4px 12px 13px}.os-picker-dialog>footer{padding:11px 14px}.opendrive-field-action:has(.os-source-picker-btn),.import-field-action-v2:has(.os-source-picker-btn){grid-template-columns:repeat(2,minmax(0,1fr))}.opendrive-field-action:has(.os-source-picker-btn)>.field,.import-field-action-v2:has(.os-source-picker-btn)>.field{grid-column:1/-1}.opendrive-field-action:has(.os-source-picker-btn)>.btn{width:100%;min-width:0;justify-content:center}.os-buttons .btn{flex:1;min-width:120px}}
@media(prefers-reduced-motion:reduce){.os-profile-row,.os-folder{transition:none}}
/* Explicit hidden-state precedence over inherited button display; avoids admin-only controls leaking into read-only UX. */
#osDeleteProfile[hidden],#osNewProfile[hidden]{display:none!important}

/* Torrentio Bridge — institutional layout, locked VDEONE brand palette. */
.torrentio-workspace{display:grid;gap:17px;min-width:0;max-width:1700px;margin-inline:auto}
.torrentio-workspace :is(.panel,.chart-card){min-width:0;margin:0;border-radius:20px}
.torrentio-overview{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:stretch;padding:28px 30px;border:1px solid #3d354b;border-radius:24px;background:#14131d;min-width:0}
.torrentio-overview-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.torrentio-overview .section-kicker{font-size:10px;letter-spacing:.17em;color:#c5aecf}
.torrentio-overview h2{font-size:clamp(32px,3.7vw,51px);line-height:1.04;letter-spacing:-.055em;font-weight:790;color:#f7f2f9;margin:10px 0 13px}
.torrentio-overview h2 em{font-style:normal;color:#c8a4d5}
.torrentio-overview p{color:#b7b0c3;line-height:1.7;font-size:13px;max-width:680px;margin:0}
.torrentio-overview-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}
.torrentio-overview-pills>span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;font-size:11px;color:#cfc1d6;background:#24202c;border:1px solid #42364a;border-radius:9px}
.torrentio-overview-panel{padding:17px 19px;border:1px solid #4b3b51;background:#1c1924;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;gap:15px;min-width:0}
.torrentio-overview-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.torrentio-overview-panel-header>span:first-child{font-size:11px;letter-spacing:.14em;color:#c3b6c8;font-weight:700;line-height:1.7}
.torrentio-overview-panel .status{white-space:normal;text-align:center;line-height:1.4;font-size:11px;max-width:142px}
.torrentio-overview-stat{display:flex;align-items:baseline;gap:12px;min-width:0}
.torrentio-overview-stat strong{font-size:47px;line-height:1;font-weight:750;letter-spacing:-.06em;color:#fbf6ff;font-variant-numeric:tabular-nums}
.torrentio-overview-stat span{font-size:12px;color:#afa5b8;line-height:1.4}
.torrentio-overview-mini{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;color:#c3afcb;font-size:12px;border-top:1px solid #43384b;padding-top:11px}
.torrentio-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;min-width:0}
.torrentio-journey>span{display:flex;gap:9px;align-items:center;padding:12px 14px;color:#c8bbc9;background:#1a1921;border:1px solid #35303d;border-radius:11px;font-size:12px;line-height:1.3;min-width:0}
.torrentio-journey i{font-style:normal;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#caacd5}
.torrentio-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.torrentio-top-grid .panel{padding:23px}
.torrentio-panel-head{margin-bottom:20px;min-width:0}
.torrentio-panel-head>.section-kicker{font-size:11px;letter-spacing:.16em;color:#bda7c9}
.torrentio-panel-head h3{font-size:20px;line-height:1.25;letter-spacing:-.03em;color:#f6f2f8;margin:7px 0}
.torrentio-panel-head p{font-size:13px;line-height:1.6;color:#b4aabb;margin:0;max-width:720px}
.torrentio-workspace .settings-form{min-width:0}
.torrentio-field{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}
.torrentio-field>span{color:#ebe3ed;font-size:13px;font-weight:650}
.torrentio-field>span small{font-weight:400;color:#ac9fb5}
.torrentio-field>small{font-size:12px;line-height:1.55;color:#aca2b5}
.torrentio-field .field,.torrentio-field .select{display:block;box-sizing:border-box;min-width:0;width:100%;max-width:100%;height:46px;font-size:14px}
.torrentio-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:17px;min-width:0}
.torrentio-form-actions .btn{min-height:44px;white-space:normal;line-height:1.3}
.torrentio-form-actions .btn:disabled{opacity:.5;cursor:not-allowed}
.torrentio-feedback{font-size:12px;line-height:1.7;color:#c1b5cc;border-top:1px solid #37313e;margin:15px 0 0;padding-top:11px;overflow-wrap:anywhere}
.torrentio-external-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:640;color:#e3cbe9;text-decoration:none;margin-top:15px;border-bottom:1px solid #665272;padding-bottom:4px}
.torrentio-external-link:hover,.torrentio-external-link:focus-visible{color:#fff}
.torrentio-delivery-list{display:grid;gap:0}
.torrentio-delivery-list>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:65px;border-bottom:1px solid #38323f;padding:10px 0}
.torrentio-delivery-list>div:first-child{padding-top:0}
.torrentio-delivery-symbol{width:32px;height:32px;border:1px solid #4e4057;border-radius:10px;background:#25212f;color:#cfb0d8;display:grid;place-items:center}
.torrentio-delivery-list>div>span:nth-child(2){font-size:13px;color:#f1edf4;font-weight:650;min-width:0}
.torrentio-delivery-list>div>span:nth-child(2) small{display:block;font-size:12px;line-height:1.5;color:#afa5b5;font-weight:400;margin-top:3px}
.torrentio-delivery-list>div>strong{font-size:12px;color:#dac8df;font-weight:650;text-align:right;max-width:150px;overflow-wrap:anywhere}
.torrentio-advisory{background:#211d28;border:1px solid #4b4057;border-radius:13px;padding:14px 16px;margin-top:17px}
.torrentio-advisory strong{display:flex;align-items:center;gap:7px;font-size:12px;color:#efe0f0}
.torrentio-advisory p{font-size:12px;line-height:1.7;color:#bfb1c8;margin:7px 0 0}
.torrentio-search,.torrentio-approval{padding:23px}
.torrentio-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.torrentio-section-head h3{margin-top:0}
.torrentio-discovery-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(160px,.9fr);gap:12px}
.torrentio-episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:480px;margin-top:12px}
.torrentio-episode-grid[hidden]{display:none!important}
.torrentio-episode-grid>small{grid-column:1/-1;color:#b9abba;font-size:11px;line-height:1.5}
.torrentio-inline-note{display:inline-flex;align-items:center;gap:6px;color:#aea4bb;font-size:12px;line-height:1.5;min-width:0;overflow-wrap:anywhere}
.torrentio-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;min-width:0}
.torrentio-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:145px;padding:21px 17px;border:1px dashed #4d4255;border-radius:14px;background:#17151f;text-align:center}
.torrentio-empty>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #51445c;border-radius:12px;color:#cdb3d4}
.torrentio-empty strong{font-size:13px;color:#f2eaf4}
.torrentio-empty p{font-size:12px;line-height:1.6;color:#bcb0c3;max-width:410px;margin:0}
.torrentio-source{appearance:none;display:flex;align-items:center;min-width:0;gap:12px;text-align:left;cursor:pointer;padding:15px 16px;border:1px solid #3f3848;background:#17161e;color:#f4f0f6;border-radius:14px;transition:border-color .17s ease,background-color .17s ease;min-height:90px}
.torrentio-source:hover,.torrentio-source:focus-visible{border-color:#9f77b0;background:#231b29}
.torrentio-source:focus-visible{outline:2px solid #d6b4e4;outline-offset:2px}
.torrentio-source.selected{border-color:#cba5d9;background:#2b2030}
.torrentio-source-icon{width:39px;min-width:39px;height:39px;display:grid;place-items:center;color:#e2c9e8;background:#2c2534;border:1px solid #4a3b54;border-radius:11px}
.torrentio-source-copy{flex:1;min-width:0}
.torrentio-source-copy strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.torrentio-source-copy small{font-size:12px;line-height:1.5;color:#c0b1c7;display:block;margin-top:5px}
.torrentio-quality{font:720 10px/1.2 ui-monospace,Menlo,monospace;color:#e4d0ed;padding:7px 9px;border:1px solid #5a4964;background:#302737;border-radius:8px;flex-shrink:0}
.torrentio-selection{display:flex;gap:10px;align-items:flex-start;padding:16px 17px;min-height:54px;background:#211d28;border:1px solid #493a55;border-radius:12px;line-height:1.6;font-size:13px;color:#d5c9db;overflow-wrap:anywhere}
.torrentio-selection>.vdi-icon{flex:0 0 auto;margin-top:2px}
.torrentio-selection strong{display:block;color:#faf5fa;font-size:12px;margin-bottom:2px}
.torrentio-approval .settings-form>.torrentio-field{margin-top:17px}
.torrentio-checkbox{display:flex;flex-direction:row;align-items:flex-start;gap:12px;line-height:1.6;font-size:13px;color:#e5dee9;max-width:850px}
.torrentio-checkbox input{width:18px;height:18px;min-width:18px;accent-color:#b57bcc;margin-top:1px}
.torrentio-checkbox small{font-size:11px;color:#afa4b8;display:block;margin-top:3px}
.torrentio-workspace :is(button,a,input,select):focus-visible{outline:2px solid #dbbde9;outline-offset:3px}
/* Source discovery filters — native controls, no external icon fonts or scripts. */
.torrentio-filterbar[hidden]{display:none}
.torrentio-filterbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;min-width:0;margin-top:20px;padding:15px 17px;background:#1d1a25;border:1px solid #43384e;border-radius:14px}
.torrentio-filterbar-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.torrentio-filterbar-copy strong{font-size:13px;line-height:1.4;color:#f5eafa}
.torrentio-filterbar-copy span{font-size:12px;line-height:1.5;color:#bcb0c8;font-variant-numeric:tabular-nums}
.torrentio-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
.torrentio-filters label{display:flex;align-items:center;gap:9px;min-width:0;color:#d1bfd8;font-size:12px}
.torrentio-filters .select{min-width:110px;height:44px;max-width:100%;font-size:13px;border-radius:10px}
@media(max-width:760px){.torrentio-filterbar{align-items:stretch;flex-direction:column}.torrentio-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.torrentio-filters label{flex-direction:column;align-items:flex-start;gap:5px}.torrentio-filters .select{width:100%;min-width:0}}
@media(max-width:380px){.torrentio-filters{grid-template-columns:1fr}}
@media(max-width:1100px){.torrentio-overview{grid-template-columns:minmax(0,1fr) 238px;padding:23px}.torrentio-overview-stat strong{font-size:38px}.torrentio-top-grid{grid-template-columns:1fr}}
@media(max-width:760px){.torrentio-overview{grid-template-columns:1fr}.torrentio-overview-panel{gap:12px}.torrentio-overview-stat{gap:10px}.torrentio-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.torrentio-discovery-grid{grid-template-columns:1fr}.torrentio-results{grid-template-columns:1fr}}
@media(max-width:540px){.torrentio-workspace{gap:12px}.torrentio-overview{padding:20px 17px;border-radius:17px;gap:17px}.torrentio-overview h2{font-size:34px}.torrentio-overview p{font-size:13px}.torrentio-overview-pills{gap:6px;margin-top:16px}.torrentio-overview-pills>span{font-size:11px}.torrentio-overview-panel-header{align-items:center}.torrentio-journey>span{padding:10px;min-height:44px;font-size:12px}.torrentio-workspace :is(.panel,.chart-card){padding:17px;border-radius:16px}.torrentio-form-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.torrentio-form-actions>.btn{width:100%;justify-content:center;min-width:0}.torrentio-form-actions>.torrentio-inline-note{justify-content:center}.torrentio-delivery-list>div{grid-template-columns:32px minmax(0,1fr);gap:8px}.torrentio-delivery-list>div>strong{grid-column:2;text-align:left;padding-bottom:4px;max-width:100%}.torrentio-overview-stat strong{font-size:38px}.torrentio-episode-grid{max-width:100%}.torrentio-section-head{align-items:flex-start;flex-direction:column}.torrentio-section-head .status{align-self:flex-start}.torrentio-source{padding:12px;gap:9px}.torrentio-source-icon{width:35px;min-width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){.torrentio-source{transition:none}}

/* Audit-safe visibility for offscreen approval controls. */
.torrentio-workspace .torrentio-approval,.torrentio-workspace .torrentio-search{content-visibility:visible;contain-intrinsic-size:none}