:root{--bg:#080c16;--surface:#111828;--surface2:#171f30;--text:#f6f6fc;--muted:#9ba6b9;--cyan:#29b4ed;--purple:#346fe1;--bar:#46505f;--outline:rgba(190,215,240,.13);--danger:#ff667d;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}a{color:var(--cyan)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}::-webkit-scrollbar{height:8px;width:7px}::-webkit-scrollbar-thumb{background:#384057;border-radius:10px}.hidden{display:none!important}
.splash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.splash h1{font-size:clamp(32px,7vw,46px);letter-spacing:.16em;margin:0}.splash p{color:var(--muted)}.logo-mark{font-size:40px;color:var(--cyan);text-shadow:0 0 20px var(--purple)}
.shell{min-height:100dvh}.topbar{height:76px;position:fixed;z-index:50;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:0 clamp(20px,5vw,78px);background:linear-gradient(180deg,rgba(5,10,23,.97),rgba(5,10,23,.83));backdrop-filter:blur(18px);border-bottom:1px solid rgba(161,198,235,.07)}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0;white-space:nowrap;font-weight:850;letter-spacing:.18em;font-size:24px}.brand svg{height:40px;width:40px;filter:drop-shadow(0 0 10px rgba(37,231,222,.24))}.brand span span{color:var(--cyan)}.nav{display:flex;gap:4px;align-items:center}.nav button,.account-btn,.mobile-nav button{background:none;color:#d8dfeb;border:0;border-radius:9px;padding:11px 17px;font-weight:590;white-space:nowrap}.nav button:hover,.nav button.active{background:rgba(37,231,222,.1);color:var(--cyan)}.nav button.active{outline:1px solid rgba(37,231,222,.28)}.topright{display:flex;align-items:center;gap:18px}.searchwrap{display:flex;align-items:center;gap:8px;background:rgba(23,33,50,.78);border:1px solid var(--outline);border-radius:28px;padding:0 14px;width:clamp(180px,21vw,310px)}.searchwrap input{color:var(--text);width:100%;border:0;outline:0;background:transparent;padding:12px 0;font-size:14px}.topright .avatar,.profile-chip{height:38px;min-width:38px;border-radius:50%;border:1px solid rgba(160,68,245,.45);background:linear-gradient(140deg,#192b5a,#682697);color:white;display:grid;place-items:center;font-size:16px}.avatar{cursor:pointer}.account-menu{position:absolute;right:40px;top:64px;width:240px;background:#161d2d;border:1px solid var(--outline);border-radius:14px;padding:10px;box-shadow:0 20px 50px #0008}.account-menu button{display:block;border:0;background:none;padding:12px;width:100%;color:white;text-align:left;border-radius:8px}.account-menu button:hover{background:#29354a}.account-menu p{font-size:12px;color:var(--muted);padding:6px 12px;margin:0;overflow:hidden;text-overflow:ellipsis}
.page{padding-top:76px;min-height:100vh;padding-bottom:90px}.hero{position:relative;min-height:min(650px,62vw);display:flex;align-items:center;background-image:linear-gradient(90deg,#080c16 4%,rgba(8,12,22,.82) 36%,rgba(8,12,22,.05) 79%),linear-gradient(0deg,#080c16 0%,transparent 30%),url('/static/hero.svg');background-size:cover;background-position:center;overflow:hidden}.hero-content{width:min(730px,60%);padding:clamp(30px,5vw,80px);z-index:1}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800}.hero h1{font-size:clamp(42px,5.5vw,85px);letter-spacing:.035em;line-height:1.02;margin:15px 0 12px;text-shadow:0 4px 27px #0005;font-weight:820}.hero .subline{font-size:13px;color:#d5dced;display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin:14px 0}.hero p{max-width:550px;color:#d1d9e7;line-height:1.65}.hero-actions,.row-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{background:#1b2639;color:#fff;border:1px solid rgba(195,219,239,.16);border-radius:11px;padding:12px 20px;font-weight:680;display:inline-flex;justify-content:center;align-items:center;gap:10px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px);background:#2c3850}.btn.primary{background:linear-gradient(115deg,#20d4d3,#9a4cf0);color:#070b17;border:0;box-shadow:0 7px 30px #25e7de25}.btn.primary:hover{filter:brightness(1.12)}.btn.ghost{background:#111c31ce}.btn.tiny{padding:9px 12px;font-size:12px}.btn.danger{background:#42202b;color:#ffa2aa}.pill{font-size:11px;font-weight:820;padding:4px 6px;border:1px solid #7f869a;border-radius:4px;color:#e8eeff}.pill.teal{border-color:#30e6db;color:var(--cyan)}.pill.purple{border-color:#a044f5;color:#d0abfb}.divider{height:1px;background:var(--outline);margin:15px 0}.content{padding:0 clamp(20px,5vw,78px)}.section{margin:22px 0 40px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.sectionhead h2{font-size:23px;margin:0;letter-spacing:-.02em}.sectionhead button{color:var(--muted);background:none;border:0}.cards{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(146px,15vw,225px);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;padding:5px 0 18px;scroll-snap-type:x mandatory}.cards.wide{grid-auto-columns:clamp(245px,25vw,350px)}.card{scroll-snap-align:start;position:relative;text-align:left;background:none;color:white;border:0;padding:0;min-width:0}.poster{height:clamp(210px,22.5vw,325px);border-radius:12px;position:relative;overflow:hidden;border:1px solid #ffffff14;background:radial-gradient(circle at 73% 21%,#42538d 0%,transparent 43%),linear-gradient(155deg,#0c243a 10%,#15112c 75%);display:flex;align-items:flex-end;box-shadow:0 10px 30px #0003;transition:transform .2s}.card:hover .poster{transform:scale(1.035);border-color:#25e7de85}.poster img,.landscape img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.poster::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}.poster-name{position:relative;z-index:1;font-size:19px;font-weight:850;letter-spacing:.035em;line-height:1.15;padding:18px;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 2px 9px #000}.poster-inner{position:absolute;inset:0;opacity:.28;display:grid;place-items:center;font-size:95px;font-weight:900;transform:rotate(-16deg)}.poster .label-top{position:absolute;z-index:2;right:8px;top:8px;background:#0b1025db;border:1px solid #9c55f3;border-radius:6px;padding:4px 6px;font-size:10px;font-weight:800}.card-meta{margin-top:9px;font-size:14px;font-weight:680;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-sub{font-size:12px;margin-top:4px;color:var(--muted)}.landscape{height:174px;border-radius:13px;position:relative;overflow:hidden;background:radial-gradient(circle at 67% 23%,#7b3fb9,transparent 49%),linear-gradient(120deg,#152748,#0b1224);border:1px solid var(--outline)}.landscape .poster-inner{font-size:72px}.landscape::after{content:"";position:absolute;inset:22% 0 0;background:linear-gradient(0deg,#070a16e6,transparent)}.landscape-name{position:absolute;z-index:2;bottom:26px;left:14px;right:10px;font-size:18px;font-weight:790;text-shadow:0 2px 10px #000}.minibar{position:absolute;z-index:3;bottom:0;left:0;right:0;height:4px;background:var(--bar)}.minibar span{display:block;background:var(--purple);height:100%}.empty{background:#121a2a;padding:35px;border:1px dashed #526074;border-radius:15px;color:var(--muted);line-height:1.5}.pageheading{padding:45px clamp(20px,5vw,78px) 20px}.pageheading h1{font-size:clamp(28px,4vw,43px);margin:0 0 8px}.pageheading p{color:var(--muted);margin:0}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:24px 16px;padding:0 clamp(20px,5vw,78px) 60px}.catalog .poster{height:clamp(215px,23vw,285px)}.badge-status{font-size:11px;color:var(--cyan)}
.authbg{min-height:100dvh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 75% 20%,#30255b 0%,transparent 48%),radial-gradient(ellipse at 18% 83%,#06474c 0%,transparent 38%),var(--bg)}.authcard{width:min(465px,100%);border:1px solid rgba(215,224,255,.14);border-radius:20px;padding:36px;background:rgba(14,21,36,.93);box-shadow:0 25px 95px #0007}.authcard .brand{justify-content:center;margin-bottom:30px}.authcard h1{margin:0 0 8px;font-size:29px}.authcard p{color:var(--muted);line-height:1.5}.field{display:flex;flex-direction:column;gap:6px;margin:15px 0}.field label{color:#c6d0df;font-size:13px;font-weight:680}.field input,.field textarea,.field select,select{background:#0b1323;border:1px solid #384354;border-radius:10px;color:#fff;padding:12px 13px;min-width:0}.field input:focus,.field textarea:focus{border-color:var(--cyan)}.authcard .btn{width:100%;margin-top:8px}.inline-button{border:0;background:transparent;color:var(--cyan);font-weight:720;padding:5px}.hint{font-size:12px;color:var(--muted)}.waiting{text-align:center}.waiting .bigicon{font-size:56px;color:var(--cyan)}.autherror{background:#3a1a26;color:#ffbdc2;padding:11px;border-radius:10px;font-size:13px;margin-top:10px}
/* Player: one aligned timeline with three stacked progress layers. */
.player-shell{position:fixed;z-index:100;inset:0;background:#050810;display:flex;flex-direction:column}.player-header{display:flex;justify-content:space-between;align-items:center;padding:14px 25px;gap:16px;background:#080c16;min-height:70px}.player-header .ptitle{font-weight:750;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-body{flex:1;min-height:0;display:flex;position:relative;align-items:stretch}.video-area{flex:1;position:relative;min-width:0;background:#000;display:flex;flex-direction:column;justify-content:center}.video-area video{height:100%;width:100%;object-fit:contain;max-height:calc(100dvh - 180px);background:black}.video-area video::cue{font-size:1em;color:white}.subtitle-overlay{position:absolute;bottom:17%;left:5%;right:5%;text-align:center;font-size:var(--subtitle-size,26px);color:var(--subtitle-color,#fff);text-shadow:0 2px 4px #000,0 0 7px #000;font-weight:650;pointer-events:none;white-space:pre-line;line-height:1.4}.subtitle-overlay.top{bottom:auto;top:12%}.player-controls{padding:14px 25px max(17px,env(safe-area-inset-bottom));background:#0b1220;display:flex;flex-direction:column;gap:15px;z-index:10}.player-buttons{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.player-buttons button{background:transparent;border:0;color:#e8edf9;font-size:17px;min-height:32px;padding:3px 8px}.player-buttons button:hover{color:var(--cyan)}.push{margin-left:auto}.timecode{font-size:12px;color:#c9d2e1;font-variant-numeric:tabular-nums}.timeline{position:relative;width:100%;height:18px;display:flex;align-items:center;cursor:pointer;touch-action:pan-y}.timeline-track{position:relative;width:100%;height:6px;border-radius:100px;background:var(--bar);overflow:visible}.timeline-buffer{position:absolute;inset:0 auto 0 0;width:0;background:var(--cyan);border-radius:100px}.timeline-played{position:absolute;inset:0 auto 0 0;width:0;background:var(--purple);border-radius:100px}.timeline-thumb{position:absolute;top:50%;left:0;width:14px;height:14px;border-radius:50%;background:var(--purple);border:2px solid #fff;transform:translate(-50%,-50%);box-shadow:0 0 12px #a044f576}.timeline-labels{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;gap:12px;flex-wrap:wrap}.legend{display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.g{background:var(--bar)}.dot.t{background:var(--cyan)}.dot.v{background:var(--purple)}.player-panel{width:295px;background:#0e1525;border-left:1px solid var(--outline);padding:22px;overflow-y:auto}.player-panel h3{margin:0 0 16px}.player-panel .field{margin:14px 0}.player-panel select,.player-panel input[type=number]{width:100%;font-size:13px}.player-panel input[type=color]{border:0;background:none;height:36px;width:60px}.panel-note{border:1px solid #364050;border-radius:9px;padding:10px;font-size:12px;color:var(--muted);line-height:1.5}.subtitle-position{display:flex;gap:8px}.subtitle-position button{flex:1}.player-warning{position:absolute;top:30px;left:50%;transform:translateX(-50%);max-width:80%;z-index:12;background:#301e37e8;color:#fff;padding:13px 18px;border-radius:10px;border:1px solid #a04bf0}
.detailmodal{position:fixed;z-index:80;inset:0;background:#000b;display:grid;place-items:center;padding:25px}.detailbox{background:#121a2b;border:1px solid #374153;border-radius:18px;width:min(720px,100%);max-height:90dvh;overflow-y:auto;box-shadow:0 28px 90px #000b}.detail-banner{height:215px;background-image:linear-gradient(0deg,#121a2b,transparent),url('/static/hero.svg');background-size:cover;background-position:center;position:relative}.detail-banner img{width:100%;height:100%;object-fit:cover}.detail-inner{padding:0 28px 28px}.detail-inner h2{font-size:32px;margin:0 0 10px}.detail-inner p{color:#bfccdc;line-height:1.6}.episode-list{display:flex;flex-direction:column;gap:8px;padding-top:16px}.episode-row{display:flex;gap:12px;padding:13px 10px;align-items:center;border:1px solid var(--outline);border-radius:9px;cursor:pointer;background:#141e2e;color:#fff;text-align:left}.episode-row:hover{border-color:#25e7de70}.episode-num{font-size:13px;color:var(--muted);min-width:52px}.status-visto{color:#b78bff}.status-progreso{color:var(--cyan)}.status-pendiente{color:#94a0b5}
.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:27px}.stat{border:1px solid var(--outline);border-radius:13px;padding:20px;background:#111a2b}.stat strong{display:block;font-size:34px;margin-top:9px}.stat span{font-size:13px;color:var(--muted)}.adminpanel{padding:24px;background:#101827;border:1px solid var(--outline);border-radius:13px;margin-bottom:20px}.adminpanel h2{margin:0 0 15px}.admintable{width:100%;border-collapse:collapse;font-size:13px}.admintable td,.admintable th{text-align:left;border-bottom:1px solid var(--outline);padding:12px 9px}.admintable th{color:var(--muted);font-weight:500}.admin-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.admin-actions select{padding:8px}.admin-actions .btn{padding:8px 10px;font-size:12px}.nowrap{white-space:nowrap}.scroll-x{overflow-x:auto}
.mobile-nav{display:none}#toast{position:fixed;z-index:250;bottom:28px;left:50%;transform:translate(-50%,25px);border:1px solid #41516b;background:#1b2740;padding:12px 20px;border-radius:12px;color:white;box-shadow:0 16px 40px #0008;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.topbar{gap:10px;padding:0 18px}.topright{gap:8px}.nav button{padding:9px 10px}.brand{font-size:19px;gap:7px}.brand svg{height:32px;width:32px}.searchwrap{width:180px}.hero-content{width:66%}}
@media(max-width:760px){.topbar{height:64px;padding:0 17px}.topbar .nav{display:none}.topright .searchwrap{width:46px;padding:0 11px}.searchwrap input{width:0;opacity:0;transition:width .2s}.searchwrap:focus-within{position:absolute;right:70px;left:15px;z-index:60;width:auto;background:#172036}.searchwrap:focus-within input{width:100%;opacity:1}.brand{font-size:20px}.page{padding-top:64px;padding-bottom:105px}.hero{min-height:530px;align-items:flex-end;background-image:linear-gradient(0deg,#080c16 1%,rgba(8,12,22,.88) 15%,rgba(8,12,22,.25) 75%),url('/static/hero.svg');background-position:58% center}.hero-content{width:100%;padding:24px 24px 45px}.hero h1{font-size:43px}.hero p{font-size:13px}.hero .subline{font-size:11px}.section{margin:10px 0 28px}.sectionhead h2{font-size:19px}.content{padding:0 18px}.cards{grid-auto-columns:150px;gap:12px}.cards.wide{grid-auto-columns:260px}.poster{height:225px}.landscape{height:145px}.mobile-nav{display:flex;justify-content:space-around;position:fixed;z-index:55;left:0;right:0;bottom:0;background:#081120f4;border-top:1px solid var(--outline);padding:8px 8px max(9px,env(safe-area-inset-bottom));backdrop-filter:blur(20px)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;padding:6px;color:#c1cee0}.mobile-nav button .sym{font-size:21px}.mobile-nav button.active{color:var(--cyan)}.pageheading{padding:35px 20px 20px}.catalog{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:0 18px;gap:18px 12px}.catalog .poster{height:215px}.player-header{padding:10px 14px;min-height:56px}.player-header .ptitle{font-size:14px}.player-body{flex-direction:column}.video-area{flex:1;min-height:0}.video-area video{max-height:calc(100dvh - 200px)}.player-panel{position:absolute;bottom:0;right:0;left:0;width:auto;max-height:68dvh;border-left:0;border-top:1px solid #5d6074;box-shadow:0 -30px 70px #000d}.player-controls{padding:8px 14px max(16px,env(safe-area-inset-bottom));gap:5px}.player-buttons{gap:5px}.player-buttons button{font-size:16px;padding:4px 6px}.legend{font-size:10px}.timeline-labels{gap:7px}.timecode{font-size:11px}.subtitle-overlay{font-size:20px}.admin-grid{grid-template-columns:repeat(2,1fr)}.adminpanel{padding:15px}.detailmodal{padding:12px}.detail-inner{padding:0 18px 25px}.detail-inner h2{font-size:25px}}

/* CIMOBIX v0.1.4 — approved playback UI. The rest of the app remains cyan/violet. */
.player-shell .timeline-track{background:#e8ebf0;height:6px;}
.player-shell .timeline-buffer{background:#7c8492;}
.player-shell .timeline-played{background:#f3223e;}
.player-shell .timeline-thumb{background:#f3223e;box-shadow:0 0 10px rgba(243,34,62,.4);}
.player-shell .timeline-labels{justify-content:flex-start;}
.player-shell .player-panel select#audiotrack{width:100%;}
.player-shell.player-fullscreen .player-header,
.player-shell.player-fullscreen .player-controls{position:absolute;left:0;right:0;z-index:30;transition:opacity .28s ease,transform .28s ease;}
.player-shell.player-fullscreen .player-header{top:0;background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);}
.player-shell.player-fullscreen .player-controls{bottom:0;background:linear-gradient(to top,rgba(0,0,0,.82),transparent);padding-bottom:max(24px,env(safe-area-inset-bottom));}
.player-shell.player-fullscreen .player-body{width:100%;height:100%;}
.player-shell.player-fullscreen .video-area{width:100%;height:100%;}
.player-shell.player-fullscreen .video-area video{height:100%;width:100%;max-height:none;}
.player-shell.player-fullscreen .player-panel{position:absolute;right:0;top:8%;bottom:15%;z-index:45;max-height:none;box-shadow:-25px 0 75px rgba(0,0,0,.8);}
.player-shell.player-fullscreen.ui-hidden{cursor:none;}
.player-shell.player-fullscreen.ui-hidden .player-header,
.player-shell.player-fullscreen.ui-hidden .player-controls{opacity:0;pointer-events:none;}
.player-shell.player-fullscreen.ui-hidden .player-header{transform:translateY(-16px);}
.player-shell.player-fullscreen.ui-hidden .player-controls{transform:translateY(16px);}
@media(max-width:760px){.player-shell.player-fullscreen .player-panel{left:auto;right:0;top:10%;bottom:12%;width:min(320px,80vw);max-height:none}}
@media(prefers-reduced-motion:reduce){.player-shell.player-fullscreen .player-header,.player-shell.player-fullscreen .player-controls{transition:none}}

/* CIMOBIX 0.1.4: larger Mac/iPhone-style player controls and usable drag seeking. */
.player-shell .player-buttons{gap:9px;flex-wrap:nowrap}
.player-shell .player-buttons button{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;font-size:25px;border-radius:12px;padding:6px;color:#f3f5ff;touch-action:manipulation}
.player-shell .player-buttons button:hover{background:#263041;color:#fff}
.player-shell .player-buttons button.play-btn{font-size:26px;min-width:52px}
.player-shell .player-buttons button.seek-btn{min-width:55px;min-height:55px;padding:3px}
.seek-icon{display:block;width:42px;height:42px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}
.seek-icon text{stroke:none;fill:currentColor;font-family:ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:800;text-anchor:middle}
.player-shell .timeline{height:28px;touch-action:none;user-select:none;-webkit-user-select:none}
.player-shell .timeline-track{height:7px}
.player-shell .timeline-thumb{height:19px;width:19px}
.player-shell .timeline-preview{position:absolute;bottom:26px;transform:translateX(-50%);font-size:12px;font-weight:700;color:#fff;background:#171a25f2;border:1px solid #556073;border-radius:8px;padding:5px 8px;z-index:2;opacity:0;pointer-events:none;white-space:nowrap}
.player-shell .timeline-preview.visible{opacity:1}
.player-shell .timeline-labels{font-size:14px}
.player-shell .timecode{font-size:14px;color:#e9edf5}
.player-shell #volume{min-width:75px;max-width:100px}
@media(max-width:760px){.player-shell .player-buttons{gap:3px}.player-shell .player-buttons button{min-height:42px;min-width:40px;font-size:21px;padding:3px}.player-shell .player-buttons button.seek-btn{min-height:46px;min-width:46px}.seek-icon{height:37px;width:37px}.player-shell #volume{width:54px!important;min-width:42px}.player-shell .player-controls{padding-left:9px;padding-right:9px}}


/* CIMOBIX v0.1.5 — azul marino cinematográfico; rojo solo para progreso y volumen. */
:root{--bg:#070d19;--surface:#101b30;--surface2:#14233c;--outline:rgba(154,188,229,.17);--cyan:#29b4ed;--purple:#346fe1;}
.topbar{background:linear-gradient(180deg,rgba(3,12,27,.98),rgba(7,18,37,.92));border-bottom:1px solid #1b355b}
.nav button.active,.mobile-nav button.active{background:rgba(26,76,137,.54);color:#8fdaff;border-color:#3679b8}
.btn.primary{background:linear-gradient(115deg,#228bdb,#3263d2);color:white;box-shadow:0 10px 30px #173d7d38}
.player-panel,.player-header,.player-controls,.detailbox,.adminpanel{background:#0a162a}
.player-panel{border-left-color:#244263}
.player-panel .field input:not([type=range]),.player-panel .field select,.account-pref-select{background:#0d2140;border-color:#35547d}
.poster{background:linear-gradient(145deg,#133052,#0a1930)}
.poster .label-top{border-color:#3579ba}
.poster-name{color:#f5f9ff}
.authbg{background:radial-gradient(ellipse at 75% 20%,#183f7e 0%,transparent 48%),radial-gradient(ellipse at 18% 83%,#082d4c 0%,transparent 38%),var(--bg)}
.account-pref-label{display:block;color:#c9e6fa;font-weight:700;font-size:12px;padding:12px 15px 4px}
.account-pref-select{margin:2px 12px;max-width:calc(100% - 24px);width:calc(100% - 24px);border-radius:9px;padding:10px}
.account-pref-hint{font-size:11px;line-height:1.4;color:#a6bddb;padding:0px 15px 10px;margin:0}
.hero{transition:background-image .25s ease}
.hero-navigation{position:absolute;z-index:4;bottom:23px;right:clamp(24px,5vw,78px);display:flex;align-items:center;gap:13px;background:rgba(6,16,33,.58);padding:5px 10px;border-radius:50px;backdrop-filter:blur(8px)}
.hero-navigation>button{color:#dceeff;background:transparent;border:0;font-size:25px;width:25px;height:27px;display:grid;place-items:center}
.hero-navigation>button:hover{color:#48b9f7}
.hero-dots{display:flex;align-items:center;gap:7px}
.hero-dots button{width:8px;height:8px;padding:0;border-radius:50%;background:#6c7b93;border:0}
.hero-dots button.active{width:21px;border-radius:9px;background:#3fbcf1}
.player-shell #volume{accent-color:#f3223e!important}
.player-shell #volume::-webkit-slider-thumb{background:#f3223e}
.player-shell #volume::-moz-range-thumb{background:#f3223e}
@media(max-width:760px){.hero-navigation{right:20px;bottom:15px}.hero-dots{gap:5px}.hero-dots button{width:7px;height:7px}.hero-navigation>button{width:22px}}

/* CIMOBIX v0.1.6 — cine azul marino / controles blancos / acciones de reproducción. */
:root{--bg:#040b16;--surface:#071426;--surface2:#0d2139;--outline:rgba(151,190,234,.22);--purple:#ec183b;--bar:#687482;}
body{background:linear-gradient(155deg,#030913 0%,#06152a 48%,#030914 100%);background-attachment:fixed}
.topbar{background:linear-gradient(90deg,rgba(3,10,20,.97),rgba(6,22,45,.97));border-bottom-color:#152b49}
.nav button.active{color:#fff;background:#145aaa;border:1px solid #347ac8;outline:0}
.nav button:hover{color:#fff;background:#123253}
.hero{border-bottom:1px solid #0e213b}
.hero h1{font-size:clamp(39px,5vw,77px);text-shadow:0 3px 21px #0009}
.hero .btn.primary{background:#f5f7fa;color:#091220;box-shadow:0 8px 26px #0006}
.hero .btn.primary:hover{background:#fff}
.hero .btn.ghost{background:rgba(7,20,39,.65);border-color:#a0b2ca88}
.sectionhead h2{font-size:clamp(19px,2vw,24px);font-weight:780;letter-spacing:-.03em}
.poster,.landscape{border-color:#38618a65;box-shadow:0 12px 30px #0008}
.poster::after{background:linear-gradient(0deg,rgba(0,0,0,.89),transparent 55%)}
.poster:has(img:not([src=""])) .poster-inner,.landscape:has(img:not([src=""])) .poster-inner{opacity:.07}
.poster img,.landscape img{filter:saturate(1.05)}
.card:hover .poster,.card:hover .landscape{border-color:#63b6f5;transform:translateY(-2px)}
.poster-name{font-size:clamp(15px,1.5vw,19px);text-shadow:0 3px 9px #000b}
.poster .label-top{background:#091629ed;border:1px solid #3e77ac}
.minibar{height:4px;background:#8c99a7}
.minibar span{background:#f3223e}
/* Keep hover action from appearing as a nested button; the whole tile is keyboard accessible. */
.continue-tile{position:relative;min-width:0}
.continue-tile>.card{display:block;width:100%;height:100%}
.continue-tile .landscape{border-color:#4f718f}
.more-dots{position:absolute;top:12px;right:12px;width:38px;height:34px;display:flex;align-items:center;justify-content:center;z-index:10;border:1px solid #8ea3b988;background:#071222db;backdrop-filter:blur(14px);border-radius:10px;letter-spacing:2px;font-size:17px;font-weight:800;color:white;line-height:1}
.more-dots:hover,.more-dots[aria-expanded="true"]{background:#1b487c}
.continue-more-menu{position:fixed;min-width:225px;max-width:min(310px,95vw);background:#08192ff6;color:#f4f8fc;z-index:160;border:1px solid #6787ab8a;border-radius:14px;box-shadow:0 18px 55px #000c;padding:7px;backdrop-filter:blur(19px)}
.continue-more-menu button{display:block;background:transparent;border:0;border-radius:10px;text-align:left;color:#edf4fa;width:100%;padding:12px 11px;font-weight:600;font-size:13px;line-height:1.4}
.continue-more-menu button small{display:block;color:#a5bbd0;font-weight:400;padding:1px 0 0 14px}
.continue-more-menu button:hover,.continue-more-menu button:focus-visible{background:#154375}
.continue-more-menu.hidden{display:none!important}
/* Player controls: Apple-like white touch targets, red seek/volume status. */
.player-shell{background:#020811}
.player-shell .player-header{background:#061327}
.player-shell .player-controls{background:linear-gradient(180deg,#07172c,#050e1d)}
.player-shell .player-buttons button{color:#f9fbff;min-width:49px;min-height:49px;padding:6px;border-radius:14px}
.player-shell .player-buttons button:hover{background:#18375f}
.player-shell .player-buttons button svg:not(.seek-icon){width:30px;height:30px}
.player-shell .player-buttons button.play-btn{border-radius:50%;width:58px;height:58px;background:#ffffff19;border:1px solid #b9cade55}
.player-shell .player-buttons button.play-btn svg{width:30px;height:30px}
.player-shell .player-buttons button.seek-btn{min-width:58px;min-height:58px}
.player-shell .seek-icon{width:44px;height:44px}
.player-shell .timeline-track{background:#e8ebf0}
.player-shell .timeline-buffer{background:#788392}
.player-shell .timeline-played{background:#f3223e}
.player-shell .timeline-thumb{background:#f3223e;border:3px solid #fff;width:20px;height:20px}
.player-shell #volume{accent-color:#f3223e!important}
.player-shell .player-panel{background:#091b34;border-left:1px solid #2d5d91;color:#f3f6fe;box-shadow:-20px 0 65px #0008}
.player-shell .player-panel h3{font-size:21px}
.player-shell .player-panel .btn,.player-shell .player-panel select{border-radius:11px}
.player-shell .player-panel select:focus{border-color:#398bea}
.player-shell .player-panel .field label{color:#ebf2fc}
@media(max-width:760px){
 .player-shell .player-buttons{gap:2px}
 .player-shell .player-buttons button{min-width:39px;min-height:42px;padding:3px}
 .player-shell .player-buttons button svg:not(.seek-icon){width:23px;height:23px}
 .player-shell .player-buttons button.play-btn{width:43px;height:43px}
 .player-shell .player-buttons button.seek-btn{min-width:43px;min-height:43px}
 .player-shell .seek-icon{width:36px;height:36px}
 .player-shell .player-buttons button[data-action="volume"]{display:none}
 .player-shell #volume{min-width:36px;max-width:50px;width:40px!important}
 .more-dots{width:38px;height:35px}
}


/* CIMOBIX v0.1.7 — separate CC, audio/video settings and native TV picker. */
.player-shell .player-buttons .seek-btn{padding:5px;min-width:58px;min-height:58px}
.player-shell .seek-icon{width:46px;height:46px;stroke-width:2.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.player-shell .seek-icon text{stroke:none;fill:currentColor;font-size:16px;letter-spacing:-.3px;font-weight:800}
.player-shell .player-buttons button.is-active{background:rgba(30,104,194,.46);outline:1px solid #81b5ff88}
.player-shell .player-buttons button:focus-visible{outline:2px solid #b8e5ff}
.player-shell .player-panel{z-index:48;min-width:300px}
.player-panel .panel-head,.tv-sheet .panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}
.player-panel .panel-head h3,.tv-sheet .panel-head h3{margin:0;font-weight:750;color:#fff}
.player-panel .panel-close,.tv-sheet .panel-close{color:#fff;background:#ffffff13;border:1px solid #92aed046;width:38px;height:38px;border-radius:50%;font-size:30px;line-height:1;display:grid;place-items:center;flex-shrink:0}
.player-panel .panel-close:hover,.tv-sheet .panel-close:hover{background:#3067a0}
.player-panel-page .hint{font-size:12px;line-height:1.5;color:#b0c2d9;margin-top:8px}
.player-panel-page .field{margin:16px 0 22px}
.player-panel-page .subtitle-position button{background:#132e50;border:1px solid #3a6495}
.player-panel-page .subtitle-position button:focus-visible{outline:2px solid #fff}
.player-shell .tv-overlay{position:absolute;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#010713cf;backdrop-filter:blur(7px);padding:18px}
.player-shell .tv-sheet{width:min(490px,96vw);background:#081931;color:#f5f8ff;border:1px solid #4f729e;border-radius:20px;box-shadow:0 24px 80px #000e;padding:24px;max-height:85vh;overflow:auto}
.tv-sheet .tv-lead{color:#c6d5e7;font-size:14px;line-height:1.5;margin:0 0 16px}
.tv-sheet .tv-method{width:100%;text-align:left;display:flex;flex-direction:column;gap:6px;border-radius:13px;padding:17px;border:1px solid #4a668b;background:#102844;color:#fff;margin:10px 0}
.tv-sheet .tv-method b{font-size:17px}.tv-sheet .tv-method span{color:#b7cce4;font-size:12px;line-height:1.45}
.tv-sheet .tv-method:hover{background:#194273;border-color:#8fbcf1}
.tv-sheet .tv-help{color:#d9eeff;background:#0b365b;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5;min-height:42px}
.tv-sheet .tv-tip{font-size:12px;line-height:1.5;color:#afc2db;margin:17px 0 0}
@media(max-width:760px){.player-shell .player-buttons .seek-btn{min-width:43px;min-height:43px}.player-shell .seek-icon{width:36px;height:36px}.player-panel{max-width:100%}.player-shell .tv-sheet{padding:17px}}

/* CIMOBIX 0.1.8 – preparation progress is separate from the playable buffered range. */
.player-shell .timeline-track .timeline-prepared{position:absolute;top:-1px;left:0;height:8px;width:0;z-index:0;background:repeating-linear-gradient(90deg,rgba(130,142,159,.45) 0 8px,rgba(130,142,159,.16) 8px 13px);border-radius:20px;pointer-events:none;}
.player-shell .timeline-buffer{z-index:1;}
.player-shell .timeline-played{z-index:2;}
.player-shell .timeline-thumb{z-index:3;}
.player-shell .timeline-labels{min-height:20px;gap:8px;}
.player-shell .preload-status,.player-shell .wake-status{font-size:11px;color:#b9c7d8;line-height:1.3;}
.player-shell .wake-status{color:#d3eaff;}
.player-shell #video{cursor:pointer;}
@media(max-width:760px){.player-shell .timeline-labels{font-size:10px}.player-shell .preload-status,.player-shell .wake-status{font-size:10px}}