/* MOVIESVIBE 5.0 — original cinematic interface inspired by contemporary OTT apps */
:root{
  --bg:#070b14;--panel:#101828;--surface:#142036;--stroke:#26344a;
  --faded:#9aadc3;--soft:#d8e5f3;--white:#f9fcff;
  --accent:#58d7ff;--accent2:#307efc;--mint:#83f0d0;
  --radius:18px;--sidebar:228px;--shadow:0 24px 90px #020510bc;
}
html{background:var(--bg)}body{background:radial-gradient(ellipse 80% 440px at 70% -150px,#164e9050,transparent 78%),#070b14;color:#f7faff}
.sidebar{background:linear-gradient(160deg,#090e1b,#0b1323 60%,#07101d);border-color:#a2cfff13}
.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2a92ff,#70eddb,#e08cff);opacity:.9}
.brand-emblem{filter:drop-shadow(0 5px 16px #00b9ff56)}.brand-word{font-size:19px;letter-spacing:-1px}
.brand-word span{background:linear-gradient(105deg,#64e1ff,#acb7ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.nav-item{border-radius:12px;color:#99aabd;font-size:13px}.nav-item:hover{background:#ffffff0a;color:#faffff}
.sidebar .nav-item.active{border-color:#4bb9ff34;background:linear-gradient(90deg,#2075c757,#17234014);color:#f0faff}
.nav-item.active:before{background:#67d8ff;box-shadow:0 0 16px #49c3ffcc}
.nav-caption{color:#677d92}.side-offer{background:radial-gradient(circle at 110% 0,#286bbd55,transparent 70%),#10213a;border-color:#6dbafc38}
.side-offer-icon{color:#a6e8ff}.side-offer button{color:#9bddff}.side-offer p{color:#a0b5cb}.side-version{color:#7391a5}
.topbar{min-height:83px;padding-top:14px;padding-bottom:14px;background:#08111eea;border-bottom:1px solid #a5cfff15;backdrop-filter:blur(25px)}
.top-search{background:#ffffff0a;border:1px solid #8ebeff35;border-radius:100px;max-width:600px;height:48px}
.top-search:focus-within{border-color:#4ac5ff99;background:#152337;box-shadow:0 0 0 3px #40baff21}
.top-search input{color:#e9f8ff}.top-search input::placeholder{color:#879cae}
.avatar-btn>span:first-child{border-radius:50%;background:linear-gradient(135deg,#6ce5ff,#4661e6);color:#061628;box-shadow:0 0 0 2px #7bdfff30}
.icon-btn{background:#ffffff0a;border-color:#ffffff25;color:#d5eaff;border-radius:50%}
.icon-btn:hover{background:#173452;border-color:#76d6ff}
.content{padding-top:20px}.footer{border-color:#ffffff0c;color:#879ab0}.footer>span:first-child{color:#80dfff}
.footer button{color:#b7dcf2}
.btn-primary{background:linear-gradient(100deg,#61d9ff,#70adff);color:#061629;border-color:#9ce8ff70;box-shadow:0 8px 32px #298eff37;border-radius:10px}
.btn-primary:hover:not(:disabled){background:linear-gradient(100deg,#8be8ff,#99c9ff);transform:translateY(-2px)}
.btn-glass{background:#f4f9ff24;border-color:#d3ecff40;border-radius:10px}.btn-glass:hover{background:#f4f9ff35}
.btn-outline{background:#172238;border:1px solid #6d88aa69;border-radius:10px;color:#f0f8ff}.btn-outline:hover{background:#22405f;border-color:#79d7ff}
.eyebrow{color:#7cdeff;letter-spacing:2.2px}.glow-dot{background:#77ebdc;box-shadow:0 0 16px #59f0ea}
.hero-rotator{margin:0 0 14px;position:relative}.hero-rotator .hero{
  min-height:min(595px,63vw);border-radius:23px;border:1px solid #6dbbff25;
  background:radial-gradient(ellipse at 55% 55%,#123760,#0a1223 72%);
  box-shadow:0 25px 90px #0009,0 0 0 1px #65c2ff08 inset;
}
.hero-rotator .hero-art{inset:0 0 0 18%}.hero-rotator .hero-art .art>img{filter:saturate(1.15) contrast(1.05)}
.hero-rotator .hero-gradient{background:linear-gradient(90deg,#06101ef9 2%,#071526eb 27%,#0b1b31a8 46%,#0812274d 75%,#0813275a),linear-gradient(0deg,#080e1af5 0%,transparent 60%)}
.hero-rotator .hero-copy{padding:clamp(30px,4.8vw,68px) clamp(24px,4.8vw,65px) 83px;max-width:860px}
.hero-rotator h1{font-size:clamp(42px,5.6vw,81px);line-height:1.01;letter-spacing:-.068em;text-shadow:0 2px 40px #0007;text-wrap:balance}
.hero-rotator .hero-copy>p{color:#d5e7f5;max-width:525px;font-size:14px;line-height:1.75}
.hero-stats{color:#c6d9ed}.hero-stats .rating{color:#ffe39c}.hero-stats .quality{border-color:#c4e4f66b;color:#f3fdff}
.hero-pagination{background:#07172cc2;border-color:#8bceff37;box-shadow:0 10px 35px #0008}
.hero-dot.active{background:#74dfff;box-shadow:0 0 15px #55caff99}.hero-arrow{color:#e0f6ff}.hero-arrow:hover{background:#257bb077}
.shelf{margin-top:37px}.shelf-head{gap:16px}.shelf-head h2{font-size:clamp(19px,2.1vw,25px);letter-spacing:-.04em;color:#f6fbff}
.shelf-head p{color:#88a2ba}.text-link{color:#81d8ff}
.movie-card{border-radius:15px}.movie-cover{border-radius:14px;border-color:#9dc5ff28;box-shadow:0 10px 35px #01070d80}
.movie-card:hover .movie-cover,.movie-card:focus-visible .movie-cover{transform:translateY(-6px) scale(1.025);border-color:#73d7ffb0;box-shadow:0 18px 45px #020714c9,0 0 30px #2588fa27}
.movie-card:hover .movie-title{color:#aeeeff}.movie-card .movie-meta b{color:#f5d78f}
.movie-title{font-size:13px;font-weight:790;letter-spacing:-.022em}.movie-meta{color:#91a9bf}
.art:after{z-index:3;background:linear-gradient(0deg,#051322ad 0%,transparent 45%)}
.art-label{display:none!important}
.mv-card-mark{position:absolute;inset:0;z-index:6;pointer-events:none;font-family:inherit}
.mv-mark-icon{position:absolute;top:9px;left:9px;display:grid;place-items:center;height:21px;width:21px;border-radius:7px;background:#071626bd;border:1px solid #c4f2ff72;color:#d7f8ff;box-shadow:0 1px 8px #01080f96}
.mv-mark-icon svg{fill:#d7f8ff;stroke:#d7f8ff;max-width:12px}
.mv-card-mark b{position:absolute;right:7px;bottom:7px;display:block;padding:3px 5px;background:#0513228c;border-radius:4px;font-size:8px;line-height:1;font-weight:900;letter-spacing:1px;color:#e6faff;text-shadow:0 1px 4px #000}
.hero-art .mv-card-mark b{right:15px;bottom:13px}.hero-art .mv-mark-icon{top:17px;left:16px}
.movie-cover .cover-status{z-index:7;top:9px;right:9px;border-radius:7px;background:#071c38c7;color:#c2eafa;border-color:#68caff34}
.browse-shortcuts{margin-top:28px}.shortcut-grid>button{border:1px solid #ffffff17;border-radius:18px;background:linear-gradient(125deg,#132b47,#0e1a2c)}
.shortcut-grid>button:hover{border-color:#70cbff70;background:linear-gradient(125deg,#20496a,#14283d)}.shortcut-emoji{color:#7ad9ff}
.detail-container .detail-poster{border-radius:17px;overflow:hidden}.detail-credits{color:#87a5bf}.movie-tagline{color:#dcf5ff;border-left:3px solid #5edbff;background:#2388b222;padding:20px;border-radius:0 14px 14px 0;font-style:italic;font-size:19px;margin:19px 0}
.genre-badges button{background:#122a44;border:1px solid #477ba45b;color:#a6e8ff}
.player-shell{border-color:#76caff69;box-shadow:0 25px 85px #000c}.player-shell .player-top{background:linear-gradient(90deg,#122b47,#0c1b32)}
.player-shell .player-media{background:#030710}.player-loading{background:linear-gradient(135deg,#07121be8,#0c2b45e8)}
.player-error{background:linear-gradient(135deg,#0d2136f7,#08111ef9)}.player-error button{background:#76d9ff;color:#07182d}
.player-advanced button{background:#193657;border-color:#47759b;color:#ddf3ff}.player-advanced button:hover{background:#22527d}
.toast{border-color:#6fc4ff4d}.chip-active,.chip:hover{background:#163e5c;border-color:#5fc6ff;color:#f9fdff}
.cast-avatar{border-color:#5885bd55;background:#0c2641}.mobile-nav .nav-item.active{color:#7fddff}
.mv-welcome-shelves{background:linear-gradient(105deg,#102440,#10192a);padding:32px 28px;border:1px solid #4487b64d;border-radius:19px;margin-top:25px}.mv-welcome-shelves h2{margin:0 0 9px;font-size:25px}.mv-welcome-shelves p{color:#b4c5d8;margin:0 0 19px}
.mv-tmdb-credit{display:flex;align-items:center;gap:14px;border:1px solid #ffffff1c;background:#ffffff08;padding:14px;border-radius:13px;margin:14px 0}.mv-tmdb-credit img{width:55px;height:55px;object-fit:contain}.mv-tmdb-credit p{font-size:12px;line-height:1.6;margin:0}.mv-tmdb-credit a{color:#94daff}
.ssr-home{background:radial-gradient(ellipse at top right,#1a4a7559,transparent 60%),#07101e;color:#f6fcff}.ssr-top b{color:#81e3ff}.ssr-banner{padding:25px 0 30px}.ssr-banner p{color:#b6cbdc}.ssr-card{background:#101e33;border-color:#4b698650;transition:transform .18s}.ssr-card:hover{transform:translateY(-4px);border-color:#64c4ff}.ssr-card img{background:#1d3248}.ssr-explore{display:inline-flex;padding:11px 18px;border-radius:9px;background:#68d8ff;color:#061424;text-decoration:none;font-weight:800}
@media(min-width:1450px){.content{max-width:1950px;width:100%;margin:auto}.hero-rotator .hero{min-height:600px}}
@media(max-width:1100px){.hero-rotator .hero{min-height:480px}.hero-rotator h1{font-size:clamp(38px,6vw,64px)}}
@media(max-width:760px){
 .topbar{min-height:68px;background:#07101df5}.content{padding:11px 13px 100px}
 .hero-rotator .hero{min-height:438px;border-radius:16px}.hero-rotator .hero-art{inset:0}
 .hero-rotator .hero-gradient{background:linear-gradient(0deg,#070f1efc 0%,#0b1424e9 33%,#0a20366b 75%,#091d3423 100%)}
 .hero-rotator .hero-copy{width:100%;padding:149px 21px 68px}.hero-rotator h1{font-size:clamp(36px,8vw,58px);line-height:1.03;margin:13px 0}
 .hero-rotator .hero-copy>p{font-size:12px;line-height:1.5;max-height:72px;overflow:hidden}
 .hero-rotator .hero-buttons{gap:8px}.hero-rotator .btn-primary,.hero-rotator .btn-glass{min-height:43px;padding:9px 14px}
 .hero-pagination{bottom:13px;right:10px}.shelf{margin-top:28px}.shelf-head h2{font-size:19px}
 .movie-cover{border-radius:11px}.mv-mark-icon{top:6px;left:6px;height:19px;width:19px}
 .mv-card-mark b{font-size:7px;letter-spacing:.5px;bottom:6px;right:5px}.mobile-nav{background:#081425f3;border-top:1px solid #6698ca3b;backdrop-filter:blur(22px)}
 .mv-tmdb-credit{flex-direction:column;align-items:flex-start}.footer{padding:16px 18px 98px;gap:9px;flex-wrap:wrap}
}
@media(max-width:440px){.hero-rotator .hero{min-height:448px}.hero-rotator .hero-copy{padding-top:158px}.avatar-btn .avatar-name{display:none}.top-search kbd{display:none}.topbar{gap:8px}.hero-rotator .hero-copy>p{max-height:60px}.mv-welcome-shelves{padding:24px 18px}.ssr-home{padding:14px}}
@media(prefers-reduced-motion:reduce){.movie-card,.hero-dot{transition:none!important}}

.ssr-card .ssr-cover{position:relative;padding:0;aspect-ratio:2/3;background:radial-gradient(circle at 40% 30%,#234c7e,#122438);overflow:hidden}
.ssr-card .ssr-cover img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:2/3}
.ssr-card .ssr-placeholder{height:100%;display:grid;place-items:center;font-size:42px;color:#82d9ff}
.ssr-card .ssr-watermark-icon{position:absolute;left:8px;top:9px;background:#071a30c7;border:1px solid #b5f4ff7c;border-radius:5px;font-size:12px;padding:1px 6px;color:#b9f1ff}
.ssr-card .ssr-watermark-word{position:absolute;right:6px;bottom:6px;background:#071525ac;border-radius:4px;font-size:8px;letter-spacing:.7px;color:#e4f7ff;font-weight:900;padding:4px}
.ssr-card .ssr-copy{padding:11px}