:root{--nova-red:#e50914;--nova-red-2:#ff2732;--nova-bg:#070709;--nova-panel:rgba(22,20,25,.82);--nova-border:rgba(255,255,255,.1);--nova-text:#fff;--nova-muted:#aaa4ad;--nova-radius:18px;--nova-ease:cubic-bezier(.2,.8,.2,1)}
html{scroll-behavior:smooth;background:var(--nova-bg)}
body{background:radial-gradient(circle at 85% -10%,rgba(229,9,20,.12),transparent 30rem),var(--nova-bg);color:var(--nova-text)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.018) 50%,transparent 52%);background-size:220% 100%;animation:novaSheen 14s linear infinite;opacity:.5}
@keyframes novaSheen{to{background-position:-220% 0}}
.topbar{background:linear-gradient(180deg,rgba(7,7,9,.94),rgba(7,7,9,.58),transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.brand,.sidebar-brand{letter-spacing:.12em;text-shadow:0 0 24px rgba(229,9,20,.22)}
.nova-sidebar{border-right:1px solid rgba(255,255,255,.055);background:rgba(8,7,10,.8);backdrop-filter:blur(18px)}
.nova-sidebar a,.nova-sidebar button{transition:transform .25s var(--nova-ease),background .25s,color .25s}
.nova-sidebar a:hover,.nova-sidebar button:hover{transform:translateY(-2px);background:rgba(255,255,255,.09)}
.nova-hero{min-height:min(82vh,880px);background-position:center 22%;transition:background-image .45s ease,opacity .35s ease}
.nova-hero::before,.nova-hero::after,.hero-shade{display:none!important;background:none!important;box-shadow:none!important}
.hero-copy{max-width:680px;padding:clamp(7rem,15vh,12rem) clamp(1.25rem,5vw,5rem) 7rem;filter:none!important;text-shadow:none!important}
.hero-copy h1{font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.055em;text-wrap:balance}
.hero-copy .synopsis{max-width:58ch;line-height:1.65;color:#eee9ef}
.hero-chips span{background:rgba(8,8,10,.62);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}
.actions .primary,.primary{background:linear-gradient(135deg,var(--nova-red-2),var(--nova-red));box-shadow:0 12px 34px rgba(229,9,20,.24);border:0}
.actions button,.primary,.secondary{transition:transform .25s var(--nova-ease),box-shadow .25s,background .25s}
.actions button:hover,.primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 38px rgba(229,9,20,.34)}
.secondary{background:rgba(20,19,23,.66);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px)}
.home-rows{position:relative;z-index:2;margin-top:-5.5rem;padding-bottom:5rem}
.catalog-row{position:relative;margin-bottom:2.2rem}
.row-heading{padding-right:6rem}
.row-heading h2{font-size:clamp(1.15rem,2vw,1.55rem);letter-spacing:-.02em}
.media-rail{scroll-snap-type:x proximity;scrollbar-width:none;padding-block:.5rem 1rem}
.media-rail::-webkit-scrollbar{display:none}
.x-card{scroll-snap-align:start;border-radius:var(--nova-radius);overflow:hidden;background:#17151a;isolation:isolate;transition:transform .34s var(--nova-ease),filter .3s;box-shadow:none!important}
.x-card::after,.x-card-image::after,.catalog-card::after,.catalog-card-poster::after{display:none!important;background:none!important}
.x-card:hover{transform:translateY(-8px) scale(1.025);z-index:4}
.x-card-image{background-color:#19171c;background-position:center;background-size:cover;transition:transform .6s var(--nova-ease);filter:none!important}
.x-card:hover .x-card-image{transform:scale(1.045)}
.x-card-overlay{background:linear-gradient(0deg,rgba(7,7,9,.86),rgba(7,7,9,.05) 70%);padding:3.2rem 1rem .9rem}
.rail-control{position:absolute;right:clamp(1rem,4vw,4rem);top:0;display:flex;gap:.45rem;z-index:5}
.rail-control button{width:34px;height:34px;border-radius:50%;border:1px solid var(--nova-border);background:rgba(22,20,25,.85);color:#fff;cursor:pointer;backdrop-filter:blur(8px);transition:.2s}
.rail-control button:hover{background:var(--nova-red);transform:scale(1.08)}
.catalog-grid .catalog-card,.favorite-poster-card{border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.035);overflow:hidden;box-shadow:none!important;transition:transform .3s var(--nova-ease),border-color .3s}
.catalog-grid .catalog-card:hover,.favorite-poster-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.2)}
.catalog-card-poster,.favorite-poster{background-color:#19171c!important;filter:none!important;box-shadow:none!important}
.page-hero,.settings-card,.dashboard-section,.profile-card,.dashboard-welcome,.stat-row article{border:1px solid var(--nova-border);background:linear-gradient(145deg,rgba(28,25,31,.84),rgba(13,12,16,.78));box-shadow:none!important;backdrop-filter:blur(14px);border-radius:22px}
.account-hero{overflow:hidden;position:relative}
.account-hero-mark{opacity:.09!important;filter:none!important}
.profile-avatar{background:linear-gradient(145deg,#ff3b44,#9c0610);box-shadow:0 0 0 5px rgba(229,9,20,.1)}
.account-menu a{border-radius:12px;transition:.22s}
.account-menu a:hover{background:rgba(255,255,255,.07);transform:translateX(3px)}
.stat-row article{min-height:140px}
.stat-row strong{font-size:clamp(2rem,4vw,3.3rem)}
.settings-form input{background:rgba(7,7,9,.68);border:1px solid rgba(255,255,255,.12);border-radius:12px;transition:border .2s,box-shadow .2s}
.settings-form input:focus{border-color:rgba(229,9,20,.75);box-shadow:0 0 0 4px rgba(229,9,20,.12);outline:0}
.nova-toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:10010;display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;border:1px solid var(--nova-border);border-radius:14px;background:rgba(20,18,23,.94);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.38);backdrop-filter:blur(16px);transform:translateY(30px);opacity:0;transition:.3s var(--nova-ease)}
.nova-toast.show{transform:none;opacity:1}.nova-toast i{width:8px;height:8px;border-radius:50%;background:var(--nova-red)}
.nova-scroll-progress{position:fixed;inset:0 auto auto 0;height:2px;width:0;background:linear-gradient(90deg,var(--nova-red),#ff7c83);z-index:10020}
.nova-skeleton{position:relative;overflow:hidden;background:#17151b!important}
.nova-skeleton::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%);animation:skeleton 1.35s linear infinite}
@keyframes skeleton{to{transform:translateX(100%)}}
@media(max-width:760px){
 body::before{display:none}.topbar{height:64px;padding-inline:1rem}.nova-hero{min-height:68svh;background-position:center top}
 .hero-copy{padding:7.5rem 1.15rem 5.6rem;max-width:100%}.hero-copy h1{font-size:clamp(2.55rem,14vw,4.6rem)}
 .hero-copy .synopsis{font-size:.92rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .actions{display:grid;grid-template-columns:1.15fr 1fr;gap:.65rem}.actions button{min-height:48px;padding:.7rem .55rem}
 .home-rows{margin-top:-2.4rem;padding-bottom:calc(7rem + env(safe-area-inset-bottom))}
 .catalog-row{margin-bottom:1.5rem}.row-heading{padding-right:1rem}.rail-control{display:none}
 .media-rail{padding-left:1rem;padding-right:1rem;gap:.75rem}
 .x-card{border-radius:14px;min-width:42vw}.x-card:hover{transform:none}
 .nova-toast{right:.75rem;left:.75rem;bottom:calc(5.4rem + env(safe-area-inset-bottom));justify-content:center}
 .page-main{padding-inline:.85rem}.page-hero{border-radius:18px}
 .account-page{display:block}.profile-card{position:static;margin-bottom:1rem}.account-menu{display:grid;grid-template-columns:1fr 1fr}
 .stat-row{grid-template-columns:repeat(3,1fr);gap:.55rem}.stat-row article{min-height:105px;padding:.7rem;text-align:center}.stat-row strong{font-size:1.7rem}.stat-row article>span:last-child{font-size:.7rem}
 .dashboard-welcome{align-items:flex-start;gap:1rem}.favorite-poster-grid{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}
