/* SPLOIDO TV streaming interface skin. */
:root{--bg:#100d1d;--surface:#19152a;--accent:#ff5b32;--gold:#ff5b32;--line:#ffffff1b;color-scheme:dark}
body{background:#100d1d;color:#faf8ff}
.topbar{position:fixed;height:78px;padding-inline:6%;gap:clamp(22px,4vw,60px);background:linear-gradient(180deg,#100d1df5,#100d1dcc);border-bottom:1px solid #ffffff10;backdrop-filter:blur(16px)}
.topbar.scrolled{background:#100d1df5}
.brand{gap:8px;font-size:18px;letter-spacing:.5px;font-weight:800}.brand-mark{width:31px;height:31px;border:0;border-radius:9px;background:#ff5b32;color:#fff;transform:none;font:800 19px var(--sans)}.brand-mark::first-letter{transform:none}.brand-dot{display:none}.brand-watch{margin-left:-5px;color:#ff7654;font-size:10px;letter-spacing:1.2px;align-self:end;margin-bottom:3px}
.main-nav{gap:clamp(17px,2.5vw,34px)}.main-nav a{font-size:12px;font-weight:600;color:#bdb7cc}.main-nav a.active:after{height:3px;border-radius:3px 3px 0 0;background:#ff5b32}.main-nav a.active{color:#fff}
.search-box{height:38px;padding:0 12px;border:1px solid #ffffff21;border-radius:8px;background:#ffffff0a}.search-box input{width:clamp(90px,12vw,170px);font-size:11px}.search-box>span{font-size:16px}.sign-in-button{border:0;border-radius:8px;padding:11px 18px;background:#ff5b32;color:#fff;font-weight:700;font-size:11px}.sign-in-button:hover{background:#ff7654}
.hero{height:min(820px,92svh);min-height:620px;padding-left:7%;padding-bottom:78px;background:#100d1d}.hero-image{inset:0;background-image:url('/assets/noir-cinematic.svg');background-position:center 42%;filter:saturate(.8) hue-rotate(15deg)}.hero-shade{background:linear-gradient(90deg,#100d1df5 0%,#100d1ddf 30%,#100d1d64 64%,#100d1d0d 100%),linear-gradient(0deg,#100d1d 0%,#100d1dcf 7%,transparent 46%,#100d1d50 100%)}
.hero-content{max-width:600px;margin-top:104px}.eyebrow,.section-kicker{color:#ff8063}.live-dot{background:#ff5b32;box-shadow:0 0 13px #ff5b32}.hero h1{font:800 clamp(54px,7.2vw,88px)/.98 var(--sans);letter-spacing:-3.8px;margin:23px 0 18px}.hero-copy{max-width:460px;color:#ded9e8;font-size:15px;line-height:1.7}.hero-meta{color:#ddd8e4;font-size:9px;letter-spacing:1.1px}.hero .button-primary,.button-primary{border:0;border-radius:8px;background:#ff5b32;color:white;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:none;padding:14px 21px}.hero .button-primary:hover,.button-primary:hover{background:#ff7654}.button-glass{border:1px solid #ffffff25;border-radius:8px;background:#ffffff17;color:#fff;text-transform:none;letter-spacing:.3px}.hero-label{right:6%;bottom:60px;color:#e6e2ed}.hero-carousel{left:7%;bottom:22px}.carousel-controls>button:hover{background:#ff5b32;border-color:#ff5b32}.carousel-dot.active{background:#ff5b32}
.content{padding:28px 6% 76px;background:#100d1d}.welcome-row h2,.section-heading h3,.continue-section h3{font-family:var(--sans);font-weight:750;letter-spacing:-.8px}.welcome-row h2{font-size:28px}.welcome-row h2 span{color:#ff7654}.section-heading{margin:28px 0 12px}.section-heading h3,.continue-section h3{font-size:20px}.section-heading p{color:#a7a1b5}.filter-row{gap:10px;padding:18px 0 9px}.chip{padding:9px 15px;border:1px solid #ffffff1c;border-radius:22px;background:#ffffff08;color:#c9c3d2;font-size:11px}.chip.selected,.chip:hover{background:#ff5b32;border-color:#ff5b32;color:white}.vj-tab{border-radius:18px}.vj-tab.active{background:#ff5b32;border-color:#ff5b32}.movie-row{grid-auto-columns:calc((100% - 64px)/5);gap:16px}.movie-poster{aspect-ratio:16/9;border-radius:9px;background-color:#231d34;box-shadow:0 8px 24px #05030b70}.movie-card:hover .movie-poster{transform:translateY(-3px) scale(1.025);border-radius:9px;box-shadow:0 14px 32px #07040caa}.movie-title{font:650 13px var(--sans);margin:10px 0 5px}.movie-meta{font-size:10px;color:#aaa3b6}.poster-vj{border-radius:6px;background:#ff5b32;color:white}.poster-play{border-radius:50%;background:#ff5b32;border:0}.poster-rating{border-radius:5px;background:#100d1dcc}.save-film{border-radius:50%}.more-info{color:#ff8063}.watchlist-empty{border:1px solid #ffffff14;border-radius:9px;background:#19152a;color:#b4aec0}.continue-section{border-color:#ffffff13}
.membership-section{background:#19152a}.membership-copy h2{font-family:var(--sans);font-weight:800}.membership-copy .button{border-radius:8px;text-transform:none}.membership-status{color:#d2ccdc}.upload-button{border:1px solid #ff5b3280;border-radius:7px;color:#ff8063}.upload-button:hover{background:#ff5b32;color:white}.upload-dialog,.player-dialog{border-radius:12px;background:#19152a}.upload-dialog input,.upload-dialog select,.upload-dialog textarea{border-radius:7px;background:#100d1d}.close-player,.close-upload{border-radius:50%}footer{background:#100d1d;border-color:#ffffff13}.player-dialog::backdrop,.upload-dialog::backdrop{background:#080611d9;backdrop-filter:blur(8px)}
.movies-only .hero,.movies-only .series-heading,.movies-only .series-row,.movies-only #my-list,.movies-only #continue-section,.movies-only .membership-section,body.movies-only>footer,body.movies-only>.legal-notes{display:none!important}.movies-only .content{padding-top:112px;min-height:90vh}.movies-only .welcome-row{margin-bottom:4px}
.movie-card{animation:sploido-card-in .48s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--card-delay,0ms)}.movie-poster{transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;background-position:center;will-change:transform}.movie-card:hover .movie-poster{filter:saturate(1.12) brightness(1.08)}.hero-image{transition:opacity .45s ease,background-image .45s ease}.movie-card .movie-title,.movie-card .movie-meta{transition:color .2s ease,transform .25s ease}.movie-card:hover .movie-title{color:#fff;transform:translateY(-1px)}.movie-card:hover .movie-meta{color:#d6cde2}
@keyframes sploido-card-in{from{opacity:0;transform:translateY(13px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1000px){.topbar{gap:20px}.movie-row{grid-auto-columns:calc((100% - 42px)/4);gap:14px}.main-nav{gap:16px}}
@media(max-width:700px){.topbar{height:64px;padding-inline:5%;gap:10px}.brand{font-size:15px}.brand-mark{width:27px;height:27px}.brand-watch{font-size:8px}.header-actions{gap:7px}.search-box{padding:0 7px}.sign-in-button{padding:10px 12px}.hero{height:88svh;min-height:610px;padding:86px 7% 78px;align-items:end}.hero-content{margin:0 0 28px}.hero h1{font-size:clamp(44px,11vw,62px);letter-spacing:-1.9px}.hero-copy{font-size:13px}.hero-meta{font-size:8px;gap:9px}.content{padding:23px 5% 58px}.welcome-row h2{font-size:22px}.movie-row{grid-auto-columns:72%;gap:12px}.movie-poster{aspect-ratio:16/9}.filter-row{overflow:auto;flex-wrap:nowrap}.chip{flex:0 0 auto}.hero-label{display:none}.hero-carousel{bottom:17px}}
@media(max-width:390px){.search-box input{width:67px}.brand{gap:5px}.brand-watch{font-size:7px}.sign-in-button{font-size:10px;padding:9px}}