:root{--bg:#08090d;--surface:#14161c;--accent:#ef1634;--text:#f8f9fb;--muted:#9ea3b1;--bar:rgba(8,9,13,.84);--border:rgba(255,255,255,.12);font-family:Arial,Helvetica,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:360px}button,input{font:inherit}button{cursor:pointer}button, a{outline:none}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#090a0f 0%,#08090d 100%)}.topbar{height:86px;display:flex;align-items:center;padding:0 5.1%;position:absolute;top:0;left:0;right:0;z-index:10;gap:44px;background:linear-gradient(180deg,rgba(0,0,0,.89),transparent);transition:background .2s}.topbar.scrolled{position:fixed;background:rgba(7,8,12,.94);backdrop-filter:blur(18px);box-shadow:0 4px 30px rgba(0,0,0,.45)}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand-mark{font-weight:1000;font-size:32px;letter-spacing:-3px;color:var(--accent);font-style:italic;line-height:.9;text-shadow:0 0 22px rgba(239,22,52,.25)}.brand-mark span{color:#fff}.brand-copy{font-weight:800;font-size:11px;line-height:1;letter-spacing:1.5px;width:50px}.brand-copy em{display:block;font-style:normal;color:var(--accent);letter-spacing:2.5px;margin-top:4px}.nav{display:flex;align-items:center;gap:29px;flex:1}.nav-item{color:#d5d6db;background:none;border:none;padding:12px 0;font-weight:600;font-size:13px;white-space:nowrap;position:relative;transition:.15s}.nav-item:hover,.nav-item.active{color:white}.nav-item.active:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--accent);border-radius:20px}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{border:0;background:none;color:#fff;width:38px;height:38px;display:grid;place-items:center}.icon-button svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile{height:35px;width:35px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:linear-gradient(145deg,#e23c51,#731026);color:white;font-weight:800;position:relative}.profile-dot{width:8px;height:8px;border-radius:100%;background:#40d581;border:2px solid #101015;position:absolute;bottom:-1px;right:-1px}.hero{height:min(780px,73vw);min-height:590px;position:relative;isolation:isolate;background:#0a1018;overflow:hidden}.hero-art{position:absolute;inset:0;background-image:url('../assets/hero-horizonte.svg');background-size:cover;background-position:center center;z-index:-3}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#08090d 0%,rgba(8,9,13,.94) 18%,rgba(8,9,13,.63) 43%,rgba(8,9,13,.06) 77%),linear-gradient(0deg,#08090d 0%,transparent 22%,transparent 76%,rgba(4,6,10,.3) 100%)}.hero-copy{position:absolute;top:27%;left:5.1%;max-width:550px}.feature-label{font-size:11px;color:#f6b2bd;font-weight:800;letter-spacing:3px;display:flex;gap:10px;align-items:center;margin-bottom:19px}.label-line{height:2px;width:25px;background:var(--accent)}.label-chip{font-size:9px;border:1px solid rgba(255,255,255,.3);padding:3px 5px;border-radius:3px;color:#d0d3db;letter-spacing:1px}.feature-brand{font-weight:900;letter-spacing:5px;color:var(--accent);font-size:13px;margin:0 0 8px}.feature-brand span{color:#e9e9f0}.hero h1{font-weight:1000;font-size:clamp(45px,5.3vw,86px);line-height:.95;letter-spacing:-4px;margin:0 0 24px;text-shadow:0 10px 30px rgba(0,0,0,.3)}.hero h1 span{color:#fff}.hero-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#d4d5da;margin:0 0 14px}.hero-meta .match{color:#50d89c}.age{font-size:10px;padding:2px 6px;border:1px solid #ddd;border-radius:2px}.hero-description{color:#d0d1d8;font-size:14px;line-height:1.55;max-width:435px;margin:0 0 25px}.hero-actions,.details-actions{display:flex;align-items:center;gap:10px}.primary-action,.secondary-action{height:45px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:6px;font-size:13px;font-weight:800;padding:0 22px;transition:transform .15s,background .15s}.primary-action{background:#f3f3f5;color:#111217}.primary-action:hover{background:white;transform:scale(1.03)}.secondary-action{background:rgba(80,86,99,.65);color:white}.secondary-action:hover{background:rgba(102,109,122,.8)}.primary-action svg,.secondary-action svg{width:19px;height:19px}.primary-action svg{fill:currentColor}.secondary-action svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.round-action{width:45px;height:45px;border:1px solid #c7c9d2;border-radius:50%;background:rgba(0,0,0,.2);color:white;font-size:30px;font-weight:300;line-height:35px}.round-action.saved{color:#ff5d73;border-color:#ff5d73}.hero-side-note{position:absolute;right:5.1%;bottom:142px;font-size:9px;letter-spacing:2px;color:#c8cad0;font-weight:700;display:flex;align-items:center;gap:10px}.live-dot{background:var(--accent);width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px var(--accent)}.hero-page-indicators{position:absolute;bottom:88px;right:5.1%;display:flex;gap:7px}.hero-page-indicators span{height:3px;width:14px;background:rgba(255,255,255,.45);border-radius:30px}.hero-page-indicators span.selected{width:30px;background:var(--accent)}.page-content{position:relative;margin-top:-96px;z-index:2;padding:0 5.1% 56px}.content-section{margin-bottom:34px}.section-title-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.section-title-row h2{margin:0;font-size:20px;letter-spacing:-.4px;font-weight:800}.section-arrow{color:var(--accent);font-size:24px;margin-left:5px}.section-title-row p{color:#8c929e;font-size:11px;margin:0}.media-row{display:flex;align-items:stretch;gap:12px;overflow-x:auto;scrollbar-width:none;padding:7px 4px 11px;scroll-snap-type:x proximity}.media-row::-webkit-scrollbar{display:none}.media-card{border:0;flex:0 0 clamp(185px,20vw,296px);height:158px;border-radius:9px;position:relative;isolation:isolate;overflow:hidden;text-align:left;background:#191b24;color:white;padding:0;box-shadow:0 0 0 1px rgba(255,255,255,.04);scroll-snap-align:start;transition:transform .14s ease,box-shadow .14s ease}.media-card::before{content:"";position:absolute;inset:0;background-image:var(--art);background-size:cover;background-position:center;z-index:-2;transition:transform .3s}.media-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,4,8,.95),transparent 60%);z-index:-1}.media-card:hover,.media-card:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 2px #eee,0 12px 25px rgba(0,0,0,.6)}.media-card:hover::before{transform:scale(1.05)}.media-card .card-title{position:absolute;bottom:22px;left:13px;font-size:17px;font-weight:900;letter-spacing:-.5px;line-height:1;max-width:210px;text-shadow:0 2px 12px #000}.media-card .card-category{position:absolute;left:13px;bottom:9px;font-size:9px;letter-spacing:1.2px;color:#d0d4dd;font-weight:bold}.media-card .progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.28)}.media-card .progress span{display:block;height:100%;background:var(--accent)}.media-card .card-kicker{position:absolute;top:12px;left:12px;font-size:9px;letter-spacing:1.4px;font-weight:900;color:#fff;background:rgba(0,0,0,.36);padding:5px 7px;border-radius:3px}.media-card .card-kicker.onair{background:#e21432}.posters-row .media-card{height:260px;flex-basis:175px}.posters-row .media-card .card-title{bottom:28px;font-size:21px;max-width:150px}.live-badge{display:inline-block;background:var(--accent);font-size:10px;font-weight:900;border-radius:3px;padding:5px 8px;vertical-align:3px;margin-right:6px;letter-spacing:1px}.site-footer{padding:24px 5.1% 32px;color:#6f7380;border-top:1px solid #191b24;font-size:11px;letter-spacing:.3px}.site-footer span{color:#b8b9c0;font-weight:bold}.tv-focus:focus-visible{outline:3px solid #f6f6f8!important;outline-offset:3px;box-shadow:0 0 0 6px rgba(239,22,52,.65)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:40;padding:24px}.hidden{display:none!important}.search-dialog{background:#17191f;border:1px solid #353843;border-radius:15px;padding:27px;width:min(730px,100%);max-height:90vh;overflow-y:auto}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{margin:0;font-size:23px}.close-button{border:0;border-radius:50%;height:34px;width:34px;background:#2d3038;color:white}.search-input-wrap{display:flex;align-items:center;background:#242731;border:1px solid #525665;border-radius:9px;margin-top:22px;height:55px;padding:0 15px;gap:12px}.search-input-wrap span{font-size:31px;color:#bbb}.search-input-wrap input{background:transparent;color:white;border:0;outline:0;width:100%;font-size:15px}.search-results{margin-top:18px;display:flex;flex-direction:column;gap:6px}.search-result{background:#232630;color:white;display:flex;align-items:center;gap:15px;border:0;border-radius:8px;text-align:left;padding:11px;font-size:14px}.search-result:hover,.search-result:focus-visible{background:#393d47}.search-result small{display:block;color:#aab0bd;margin-top:4px}.search-swatch{width:54px;height:40px;border-radius:4px;background-image:var(--art);background-size:cover;flex-shrink:0}.no-results{color:#b7bac3}.details-dialog{position:relative;background:#17191f;border:1px solid #353843;border-radius:15px;overflow:hidden;width:min(650px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #000}.detail-close{position:absolute;top:15px;right:15px;z-index:2;background:rgba(0,0,0,.6)}.details-banner{height:260px;background-image:var(--art);background-size:cover;background-position:center;position:relative}.details-banner:after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,#17191f,transparent 75%)}.details-body{padding:0 29px 30px;margin-top:-16px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:#ff5870}.details-body h2{font-size:36px;margin:4px 0 10px}.details-body p{line-height:1.6;color:#c2c5cd;font-size:14px}.details-actions{margin-top:25px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#f6f6f8;color:#12141a;padding:12px 20px;border-radius:8px;font-weight:700;font-size:13px;z-index:60;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.remote-help{position:fixed;z-index:30;bottom:12px;right:24px;font-size:10px;letter-spacing:.2px;color:#9095a2;background:rgba(4,5,8,.78);border:1px solid #30323a;border-radius:6px;padding:7px 9px;opacity:0;pointer-events:none;transition:.2s}.remote-help span{color:var(--accent);padding:0 6px}.using-remote .remote-help{opacity:1}.section-mode .hero{height:350px;min-height:350px}.section-mode .hero-copy{top:36%}.section-mode .hero h1{font-size:50px;letter-spacing:-2px}.section-mode .hero-meta,.section-mode .hero-description,.section-mode .hero-actions,.section-mode .hero-side-note,.section-mode .hero-page-indicators{display:none}.section-mode .page-content{margin-top:-27px}.section-mode .hero-art{opacity:.45}.section-mode .hero-vignette{background:linear-gradient(90deg,#08090d,#08090d00),linear-gradient(0deg,#08090d,transparent)}
@media(max-width:1150px){.topbar{gap:20px}.nav{gap:14px}.nav-item{font-size:12px}.brand-mark{font-size:25px}.hero{min-height:540px}.hero-copy{top:26%}.hero h1{font-size:55px}.hero-side-note{display:none}}@media(max-width:760px){.topbar{height:72px;gap:12px;padding:0 4%;flex-wrap:wrap;align-content:center}.brand-copy{font-size:9px}.brand-mark{font-size:24px}.nav{order:3;flex-basis:100%;gap:18px;overflow-x:auto;scrollbar-width:none}.nav-item{padding:8px 0;font-size:11px}.top-actions{margin-left:auto;gap:5px}.icon-button{width:29px}.profile{width:29px;height:29px}.hero{min-height:600px;height:660px}.hero-art{background-position:64% center}.hero-vignette{background:linear-gradient(90deg,#08090d 0%,rgba(8,9,13,.85) 42%,transparent),linear-gradient(0deg,#08090d,transparent 45%)}.hero-copy{top:32%;left:4%;max-width:90%}.hero h1{font-size:47px;letter-spacing:-2px}.hero-meta{font-size:11px;gap:7px}.hero-description{font-size:13px;max-width:320px}.page-content{margin-top:-70px;padding:0 4% 40px}.media-card{flex-basis:220px;height:140px}.posters-row .media-card{height:218px;flex-basis:145px}.section-title-row h2{font-size:18px}.section-title-row p{display:none}.hero-page-indicators{display:none}.section-mode .hero{height:330px;min-height:330px}.section-mode .hero h1{font-size:33px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
