/* Shared cinematic theme: the original art direction across the complete app. */
:root{--bg:#111015;--panel:#1b1922;--raised:#24212d;--muted:#aaa9a5;--line:#ffffff18;--accent:#e3c6a7;--ink:#f7f6f2}
body{background:var(--bg)}#app{overflow:hidden;isolation:isolate}.site-header{background:#111015e8;backdrop-filter:blur(20px);border-color:#ffffff09}.header-inner{padding:26px 2.5%;gap:40px;max-width:1820px}.brand svg{fill:#f7f6f2}.brand b{display:none}.header-nav{gap:30px}.header-nav a{font-weight:400;color:#d3d0cd;font-size:15px}.header-nav a.active{color:white;font-weight:700;position:relative}.header-nav a.active:after{content:'';position:absolute;width:18px;height:2px;background:var(--accent);bottom:-10px;left:0}.header-tools{gap:17px}.search-form{border-radius:30px;background:#ffffff0a;border-color:#ffffff12;padding:12px 18px;backdrop-filter:blur(18px)}.search-form input{color:#eeeae5;width:190px}.search-form input::placeholder{color:#c4bfba}.header-tools .button{border-radius:30px}.button{border-radius:30px;padding:12px 23px;background:#ffffff09;border-color:#ffffff30;backdrop-filter:blur(10px);font-weight:500}.button.primary{background:#f7f6f2;border-color:#f7f6f2;color:#161717;font-weight:700}.button.small{border-radius:20px}.icon{border-radius:50%}.subnav{background:#191b1b;border-color:#ffffff09}.subnav-inner{max-width:1820px;padding:13px 2.5%;color:#a4a29e}.page{max-width:1820px;padding-left:2.5%;padding-right:2.5%;position:relative}.tag.purple,.tabs button.active,.rank-tabs button.active,.genre-chip.active,.days button.active{color:#e7cdb0;background:#383129;border-color:#aa8c6b}.tag.green{background:#333b33;color:#cfdfcd}.tag{border-radius:5px}.tabs{background:transparent}.tabs button{border-radius:20px;color:#aaa8a3}.tabs button.active{background:#ffffff0e;color:#e5cfb7}.eyebrow{font-size:11px;letter-spacing:2.5px}.genre-chip{border-radius:25px;background:#ffffff04;padding:10px 19px;color:#bdbab5}.genre-chip:hover{background:#34302b;border-color:#b89b77;color:#f2dfc8}.section-head{margin-bottom:24px}.section-head h2{font-size:25px;font-weight:600;letter-spacing:-.6px}.section-head a{color:#a7a39c}.poster{border-radius:15px}.poster-labels span{background:#ede1d1;color:#2a241e}.poster-labels .format{background:#222522dc;color:#f3eee8}.poster-top{background:#202222c9;color:#ead4b5;backdrop-filter:blur(12px);border-radius:20px;padding:5px 9px}.card h3{font-weight:500;font-size:15px;margin-top:13px;line-height:1.5}.card-meta{color:#8d908b}.ranking,.side-box,.episodes-panel,.episode-side,.watch-info,.filters,.empty-state{border-color:#ffffff0c;background:#1c1e1e;border-radius:15px}.rank-tabs button.active{background:transparent;border-color:#d3b591}.rank-copy h3{font-size:13px}.rank-copy p{color:#979891}.rank-num{color:#747772}.side-box p{color:#b0afa9}.side-genres a{border-radius:20px;background:#2a2c2a;color:#c9c6bf}.field{color:#b9b4ad}.field input,.field select{background:#292c2b;border-color:#ffffff12;color:#eee9e1;border-radius:8px}.genre-tile{background:#202222;border-color:#ffffff10;border-radius:15px}.genre-tile:hover{background:#2b2925;border-color:#b69b7e}.detail-layout{border-color:#ffffff10;border-radius:19px;background:#202222}.detail-main h1{font-weight:500;letter-spacing:-1px;font-size:37px}.detail-main p{color:#c0bcb4;font-size:16px}.detail-facts dt{color:#9d988f}.detail-facts dd{color:#e2dcd3}.detail-main .genre-chip{background:#ffffff05}.score-box{background:#2b2d2b}.episode-grid a{background:#292c2b;color:#c3beb6}.episode-grid a:hover,.episode-grid a.active{background:#494036;border-color:#a88b6a;color:#f1dfc8}.pagination button.active{background:#e5ccb0;color:#211b15}.az button.active{background:#e5ccb0;color:#211b15}.player{border-radius:16px;background:#0d0f0f}.player p{color:#aaa79e}.watch-info p{color:#bcb9b1}.schedule-row{background:#202222}.toast{background:#f1e5d6;color:#30271c;border-radius:30px}.remove-saved{background:#252823;border-color:#9a8261;color:#eedcc5}.site-footer{background:#111015;border-color:#ffffff0a}.footer-inner{max-width:1820px;padding:35px 2.5%}.footer-top p,.footer-bottom{color:#81867e}.footer-top nav{color:#aaa99f}.breadcrumb{color:#9b978d}
/* Homepage: the artwork continues behind the navigation, like the first design. */
body:has(#feature) .site-header,body:has(.entry) .site-header{position:relative;background:transparent;backdrop-filter:none;border:0}body:has(#feature) .subnav{display:none}.page:has(#feature){padding-top:0}.feature{position:relative;display:block;min-height:540px;background:none;border:0;border-radius:0;overflow:visible;margin:0}.feature-copy{position:relative;z-index:2;padding:64px 0 30px;width:58%;max-width:800px}.feature h1{font-size:clamp(44px,4.7vw,73px);font-weight:500;letter-spacing:-2.6px;line-height:1.14;margin:22px 0}.feature p{font-size:16px;line-height:1.8;max-width:560px;margin:23px 0 27px;color:#d1ccc5}.feature .metadata{font-size:13px;color:#d1cac0}.feature .tag{background:#ffffff12;color:#e8dfd2}.feature .actions .button{min-height:49px;padding:12px 26px;font-size:15px}.feature-picture{position:absolute;top:-140px;bottom:-160px;left:50%;right:auto;transform:translateX(-50%);width:100vw;z-index:-1;pointer-events:none;min-height:0;height:auto;display:block;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,rgba(0,0,0,0.85) 72%,rgba(0,0,0,0.35) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 55%,rgba(0,0,0,0.85) 72%,rgba(0,0,0,0.35) 88%,transparent 100%)}.feature-picture img{width:100%;height:100%;object-fit:cover;object-position:center 35%!important}.feature-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111015f0 0%,#111015d0 32%,#11101540 58%,transparent 80%),linear-gradient(0deg,#111015 0%,#111015 24%,rgba(17,16,21,0.88) 45%,rgba(17,16,21,0.3) 70%,transparent 100%)}.image-label{display:none}.feature-pagination{margin-top:34px;gap:7px}.feature-pagination button{height:3px;width:22px;background:#ffffff40}.feature-pagination button.active{background:#e3c6a7}.trending-section{position:relative;z-index:2;padding-top:15px;margin-bottom:30px}.trending-section .poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.trending-section .poster{aspect-ratio:2/2.65}.trending-section .card h3{font-size:16px}.page:has(#feature)>.genre-strip{border-top:1px solid #ffffff0b;padding-top:25px;margin-bottom:30px}.two-column{gap:35px}.section{margin-bottom:40px}
/* Keep the quick-access screen, with the same quiet, image-led atmosphere. */
.entry{position:relative;align-items:flex-start;text-align:left;max-width:1800px;padding:40px 5% 45px;min-height:calc(100vh - 110px)}.entry:before{content:'';position:absolute;top:-120px;left:50%;right:auto;transform:translateX(-50%);width:100vw;height:calc(100% + 120px);background:linear-gradient(180deg,rgba(17,16,21,0.55) 0%,rgba(17,16,21,0.18) 25%,rgba(17,16,21,0.65) 65%,#15131a 100%),radial-gradient(ellipse at 50% 30%,rgba(17,21,21,0.05) 0%,rgba(17,21,21,0.85) 100%),url('assets/hero.jpg') center 32%/cover no-repeat;z-index:-1;pointer-events:none}.entry>.brand{display:none}.entry h1{font-family:Manrope,sans-serif;font-size:clamp(35px,4.4vw,65px);font-weight:500;color:#f4f2eb;letter-spacing:-2px;line-height:1.18;max-width:690px;margin:25px 0 27px}.entry .search-form{max-width:600px;border-radius:35px;background:#22262590;padding:8px 9px 8px 22px}.entry .search-form button{border-radius:50%;background:#f4f0e8;color:#242721}.entry .popular{color:#b7b0a5;max-width:570px;line-height:1.9}.entry .popular a{color:#e7e1d8}.entry>.button{max-width:600px;border-radius:30px}.entry-shortcuts{color:#c4beb3;margin-bottom:35px}.entry-posters{justify-content:flex-start;max-width:850px;gap:16px}.entry-posters a{max-width:125px;width:16%}.entry-posters img{border-radius:13px}.entry-label{color:#a6a296;letter-spacing:2px}.entry .search-form input{font-size:16px}
@media(min-width:1550px){.feature{min-height:615px}.feature-copy{padding-top:80px}.feature-picture{bottom:-160px}.trending-section .poster{aspect-ratio:2/2.6}}
@media(max-width:1150px){.header-inner{gap:25px}.header-nav{gap:20px}.search-form input{width:130px}.feature-copy{width:65%;padding-top:50px}.feature{min-height:510px}.feature h1{font-size:55px}.feature p{font-size:15px}.trending-section .poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.trending-section .card h3{font-size:14px}.detail-main h1{font-size:32px}}
@media(max-width:900px){.header-inner{padding:22px 5%}.header-nav.open{background:#222522f5;backdrop-filter:blur(22px)}.feature-copy{width:74%;max-width:600px}.feature{min-height:510px}.feature h1{font-size:50px}.feature-picture{top:-120px;bottom:-130px;left:50%;right:auto;transform:translateX(-50%);width:100vw;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,rgba(0,0,0,0.85) 72%,rgba(0,0,0,0.35) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 55%,rgba(0,0,0,0.85) 72%,rgba(0,0,0,0.35) 88%,transparent 100%)}.feature-picture img{object-position:60% center!important}.trending-section .poster-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 48px)/4.25);overflow-x:auto;scrollbar-width:none;padding-bottom:5px}.entry{padding-top:45px}.entry h1{max-width:570px}.entry:before{background-position:60% center}.header-tools .search-form input{width:110px}}
@media(max-width:600px){.header-inner{padding:22px 5%;gap:12px}.header-tools .button{font-size:12px;padding:9px 13px}.header-nav a{font-size:14px}.feature{min-height:535px}.feature-copy{width:100%;padding:54px 0 30px}.feature h1{font-size:42px;letter-spacing:-1.7px;margin:21px 0}.feature p{font-size:14px;max-width:440px;line-height:1.8}.feature .metadata{font-size:12px;gap:10px}.feature .actions .button{font-size:14px;padding:11px 22px;min-height:46px}.feature-picture{top:-100px;bottom:-110px;left:50%;right:auto;transform:translateX(-50%);width:100vw;height:auto;min-height:0;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 50%,rgba(0,0,0,0.85) 68%,rgba(0,0,0,0.35) 85%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 50%,rgba(0,0,0,0.85) 68%,rgba(0,0,0,0.35) 85%,transparent 100%)}.feature-picture img{object-position:65% center!important}.feature-picture:after{background:linear-gradient(90deg,rgba(17,16,21,0.85),rgba(17,16,21,0.35)),linear-gradient(0deg,#111015 0%,#111015 25%,rgba(17,16,21,0.6) 60%,transparent 100%)}.feature-pagination{margin-top:29px}.trending-section{padding-top:0;margin-bottom:25px}.trending-section .poster-grid{grid-auto-columns:calc((100% - 28px)/2.5);gap:14px}.trending-section .poster{border-radius:13px}.trending-section .card h3{font-size:14px}.section-head h2{font-size:22px}.card h3{font-size:13px}.detail-main h1{font-size:25px}.detail-main p{font-size:14px}.entry{padding-top:37px;min-height:calc(100vh - 90px)}.entry h1{font-size:38px;letter-spacing:-1.5px;max-width:400px;margin:20px 0 25px}.entry .search-form input{font-size:14px}.entry .popular{font-size:12px;margin-top:17px}.entry-shortcuts{font-size:12px;gap:18px;flex-wrap:wrap;margin:24px 0 33px}.entry-posters{gap:10px}.entry-posters a{width:18%}.entry-posters a:last-child{display:none}.entry-label{font-size:10px}.entry:before{background-position:61% center}.page:has(#feature)>.genre-strip{padding-top:20px}.side-box{border-radius:13px}}