/* Sinevona — stil */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#0c0d0f;--surface:#151619;--raised:#1c1d21;--line:#ffffff12;--text:#f5f5f4;--muted:#a1a1a6;--accent:#ff784f;--accent-hover:#ff926f;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--gutter:clamp(22px,4.8vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button,select,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{border:0}img{max-width:100%;display:block}svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:8px;left:20px;padding:10px 20px;background:var(--accent);color:#15100e;z-index:500;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.wrap{padding-inline:var(--gutter);max-width:1920px;margin-inline:auto}
.navbar{height:94px;position:relative;z-index:30;display:flex;align-items:center;gap:48px;border-bottom:1px solid #ffffff0b;background:linear-gradient(#0b0c0fdd,#0b0c0f44)}.logo{display:inline-flex;align-items:baseline;gap:0;font-family:var(--display);font-weight:800;font-size:1.6875rem;letter-spacing:-1.8px;line-height:1;flex:none}.logo .vona{color:var(--accent)}.logo::after{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%;margin:0 0 2px 3px}.nav-links{display:flex;align-items:center;gap:29px;height:100%}.nav-link{color:#c0c0c4;background:none;font-size:0.875rem;font-weight:550;padding:10px 0;position:relative;height:100%}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active::after{content:'';height:2px;background:var(--accent);position:absolute;bottom:22px;left:0;right:0}.nav-right{margin-left:auto;display:flex;align-items:center;gap:16px}.search-box{display:flex;align-items:center;gap:10px;padding:10px 13px;background:#ffffff06;border:1px solid #ffffff17;border-radius:7px;width:240px}.search-box svg{width:18px;color:#c6c6c9}.search-box input{width:100%;min-width:0;background:none;border:0;font-size:0.875rem;color:#fff;outline:none}.search-box:focus-within{border-color:#ff784f88;background:#151619}.search-box input::placeholder{color:#929298}.search-box input::-webkit-search-cancel-button{-webkit-appearance:none}.search-clear{background:none;padding:0;color:var(--muted);display:grid;place-items:center}.search-clear svg{width:16px}.list-button{display:flex;align-items:center;gap:8px;background:none;font-size:0.875rem;white-space:nowrap;padding:10px 0}.list-count{font-size:0.75rem;line-height:20px;min-width:20px;background:#ff784f18;color:var(--accent);border-radius:4px;text-align:center}.nav-separator{height:22px;width:1px;background:var(--line)}
.hero{height:auto;min-height:650px;margin-top:-94px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding-top:98px}.hero-image-wrap{position:absolute;z-index:-3;inset:0 0 0 25%;background:#282722;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:53% 44%;opacity:.9;transition:opacity .3s;filter:saturate(.8)}.hero-image-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,#0c0d0fcc 12%,#0c0d0f35 47%,#0c0d0f00 72%),linear-gradient(0deg,var(--bg),#0c0d0f00 42%,#0c0d0f18 73%,#0c0d0f88)}.hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0c0d0f 2%,#0c0d0fdd 23%,transparent 65%)}.hero-content{width:100%;padding-top:22px;padding-bottom:68px}.eyebrow{display:flex;align-items:center;gap:10px;color:#c8c7c3;font-size:0.75rem;letter-spacing:2.5px;font-weight:650}.eyebrow .dash{height:1px;width:24px;background:var(--accent)}.eyebrow strong{font-weight:650;color:var(--accent)}.hero h1{font-size:clamp(52px,6vw,90px);font-weight:800;line-height:1.08;letter-spacing:-4.3px;max-width:660px;margin:23px 0 19px;text-wrap:balance}.hero h1.compact{font-size:clamp(44px,4.8vw,73px);letter-spacing:-2.8px;max-width:630px}.hero h1 .part{display:block;font-family:var(--font);font-weight:500;font-size:1.0625rem;letter-spacing:9px;line-height:1.8;margin:8px 0 0 6px}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#c0c0c1;font-size:0.875rem}.meta .rating{color:#ffbd69;display:flex;align-items:center;gap:5px;font-weight:650}.meta .rating svg{width:15px;height:15px;fill:#ffbd69;stroke-width:0}.meta .rating small{font-size:0.75rem;color:#b3ada2;font-weight:400}.meta .sep{height:3px;width:3px;border-radius:100%;background:#626267}.hero-description{color:#b5b5b8;max-width:440px;line-height:1.8;font-size:1rem;margin-top:21px}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:27px}.btn{min-height:49px;padding:12px 23px;border-radius:6px;font-weight:650;font-size:0.875rem;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .2s,transform .2s,border-color .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#1c100b}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:#ffffff0b;border:1px solid #ffffff29;backdrop-filter:blur(12px);color:#f1f1f0}.btn-secondary:hover{background:#ffffff15;border-color:#ffffff55}.icon-btn{border:1px solid #ffffff26;background:#10111455;min-width:46px;height:46px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.icon-btn:hover{background:#ffffff12;color:var(--accent)}.icon-btn.on{color:var(--accent);border-color:#ff784f60;background:#ff784f13}.hero-save{height:49px;width:49px}.hero-bottom{position:absolute;bottom:23px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:25px}.feature-tabs{display:flex;gap:24px}.feature-tab{display:flex;align-items:center;gap:11px;background:none;padding:8px 0;color:#a1a1a4;border-bottom:1px solid transparent;font-size:0.8125rem;text-align:left}.feature-tab.active{color:#fff;border-bottom-color:var(--accent)}.feature-tab:hover{color:#fff}.feature-tab .number{font-size:0.75rem;font-variant-numeric:tabular-nums;color:#78787e}.feature-tab.active .number{color:var(--accent)}.feature-tab img{width:48px;height:33px;object-fit:cover;border-radius:3px;opacity:.6}.feature-tab.active img{opacity:1}.feature-tab b{font-weight:500;display:block;line-height:1.35;max-width:170px}.hero-pager{display:flex;align-items:center;gap:10px}.hero-page-count{color:#717177;font-size:0.75rem;margin-right:5px;letter-spacing:2px}.hero-page-count b{color:#fff;font-weight:500}.hero-pager .icon-btn{min-width:34px;height:34px;border-radius:50%}.hero-pager svg{width:16px;height:16px}
.discovery-bar{display:flex;align-items:center;gap:15px;min-height:86px;border-block:1px solid var(--line)}.discovery-label{font-size:0.75rem;color:#85858c;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;margin-right:14px}.quick-genres{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;align-items:center;padding:10px 0}.quick-genres::-webkit-scrollbar{display:none}.genre-pill{background:#ffffff04;border:1px solid #ffffff0f;color:#b3b3b9;font-size:0.875rem;padding:8px 16px;border-radius:30px;white-space:nowrap;transition:all .2s}.genre-pill:hover,.genre-pill.active{background:#ff784f12;border-color:#ff784f48;color:var(--accent)}.surprise-button{margin-left:auto;display:flex;align-items:center;gap:9px;background:none;color:#e5e5e7;font-size:0.875rem;white-space:nowrap;padding:10px 0 10px 20px;border-left:1px solid var(--line)}.surprise-button svg{color:var(--accent);width:18px}
.shelf{padding-top:40px;padding-bottom:10px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.section-head h2{font-size:1.5625rem;font-weight:650;letter-spacing:-.7px;line-height:1.3}.section-head p{font-size:0.875rem;color:#83838c;margin-top:6px}.section-kicker{font-size:0.75rem;letter-spacing:1.8px;color:var(--accent);font-weight:600;display:block;margin-bottom:9px}.shelf-controls{display:flex;gap:8px}.shelf-controls .icon-btn{min-width:35px;height:35px;border-color:var(--line)}.shelf-controls svg{width:16px}.film-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px)/6);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:15px}.film-rail::-webkit-scrollbar{display:none}.film-card{position:relative;min-width:0;scroll-snap-align:start}.card-main{display:block;width:100%;padding:0;background:none;text-align:left}.poster{position:relative;aspect-ratio:2/3;background:#202126;border-radius:8px;overflow:hidden;isolation:isolate;transition:box-shadow .25s;display:flex;align-items:center;justify-content:center}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .4s,opacity .3s;z-index:1}.poster .image-fallback{position:absolute;inset:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#96969e;text-align:center;font:500 17px/1.5 var(--display)}.image-fallback svg{width:26px;height:26px;color:#777780}.poster::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0008);z-index:2;pointer-events:none}.card-main:hover .poster img{transform:scale(1.045)}.card-main:hover .poster{box-shadow:0 12px 30px #0006}.poster-play{position:absolute;left:50%;top:50%;z-index:4;border:1px solid #ffffff90;background:#1119;backdrop-filter:blur(8px);border-radius:50%;width:46px;height:46px;display:grid;place-items:center;opacity:0;transform:translate(-50%,-40%);transition:opacity .2s,transform .2s}.card-main:hover .poster-play,.card-main:focus-visible .poster-play{opacity:1;transform:translate(-50%,-50%)}.poster-play svg{fill:white;stroke-width:0;width:16px;height:16px}.poster-rating{position:absolute;left:10px;bottom:10px;z-index:3;display:flex;align-items:center;gap:4px;font-size:0.75rem;line-height:1;background:#131315bb;backdrop-filter:blur(10px);padding:7px 8px;border-radius:4px;color:#f3efe7;font-weight:600}.poster-rating svg{width:12px;height:12px;fill:#efb760;stroke-width:0}.poster-tag{position:absolute;left:10px;top:10px;background:#131315bc;backdrop-filter:blur(10px);z-index:3;font-size:0.75rem;line-height:1;padding:7px 8px;border-radius:4px;color:#e5ded8}.card-save{position:absolute;top:9px;right:9px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #fff3;background:#121317a6;backdrop-filter:blur(6px);border-radius:50%;z-index:4;opacity:0;transition:opacity .2s,color .2s;color:#fff}.card-save svg{width:15px;height:15px}.film-card:hover .card-save,.card-save:focus-visible,.card-save.on{opacity:1}.card-save.on{color:var(--accent);background:#171412ef}.card-info{padding:12px 0 0;display:flex;gap:9px;align-items:flex-start}.card-index{font-size:1.625rem;font-family:var(--display);line-height:1.2;font-weight:650;color:#545459;letter-spacing:-1px;min-width:34px}.card-copy{min-width:0}.card-copy .card-title{font-size:0.875rem;font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-copy .card-meta{font-size:0.75rem;color:#93939a;margin-top:4px;line-height:1.5}.watched-mark{position:absolute;bottom:10px;right:10px;z-index:3;border-radius:4px;padding:5px;background:#141716cf;color:#ade0c7;font-size:0.75rem;line-height:1}.text-link{background:none;color:#a2a2a9;font-size:0.875rem;display:inline-flex;align-items:center;gap:8px;padding:6px 0}.text-link:hover{color:var(--accent)}.text-link svg{width:16px}
.catalog{padding-top:54px;padding-bottom:65px}.catalog .section-head{margin-bottom:24px}.catalog .section-head h2{font-size:1.875rem;letter-spacing:-1px}.catalog-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:17px 0;border-block:1px solid var(--line);margin-bottom:25px}.type-switch{display:flex;background:#ffffff05;border:1px solid var(--line);padding:4px;border-radius:6px;margin-right:auto}.type-switch button{font-size:0.875rem;padding:6px 20px;background:none;border-radius:3px;color:#909098}.type-switch button.active{background:#ffffff10;color:#f4f4f5}.filter-select{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;padding-left:12px;font-size:0.8125rem;color:#85858e}.filter-select svg{width:15px;height:15px}.filter-select select{background:#0c0d0f;border:0;color:#cccdd2;font-size:0.875rem;max-width:195px;padding:10px 12px 10px 0;cursor:pointer}.result-meta{font-size:0.8125rem;color:#777780;display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.result-meta button{font-size:0.8125rem;padding:0;background:none;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 20px}.load-more-wrap{text-align:center;padding-top:35px}.load-more-wrap .btn{border-color:#ffffff20;background:#18191c;min-width:210px;color:#cccdd2}.empty-state{padding:55px 22px;text-align:center;border:1px dashed #ffffff1c;border-radius:10px;color:var(--muted);grid-column:1/-1}.empty-state svg{width:30px;height:30px;color:#6e6e77;margin-bottom:15px}.empty-state h3{font-size:1.25rem;color:#eee;margin-bottom:8px}.empty-state p{max-width:400px;margin:0 auto 20px;font-size:0.875rem}.connection-note{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #ffffff12;border-radius:6px;background:#151619;padding:12px 17px;margin-top:16px;color:#a9a9b1;font-size:0.8125rem}.connection-note button{color:var(--accent);background:none;white-space:nowrap;padding:5px}.skeleton{animation:breathe 1.5s infinite alternate}.skeleton .poster{background:linear-gradient(120deg,#202126,#16171a)}.skeleton-text{height:11px;margin-top:13px;border-radius:2px;background:#222328;width:78%}.skeleton-text:last-child{width:50%;height:8px}@keyframes breathe{to{opacity:.45}}.film-card{animation:cardIn .35s both}@keyframes cardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.footer{border-top:1px solid var(--line);padding-top:36px;padding-bottom:27px;background:#090a0c}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .logo{font-size:1.4375rem}.footer-tagline{font-size:0.875rem;color:#787881;margin-top:12px}.footer-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.footer-links button,.footer-links a{background:none;padding:0;color:#919198;font-size:0.8125rem}.footer-links button:hover,.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:28px;display:flex;justify-content:space-between;gap:20px;font-size:0.75rem;color:#85858d;align-items:flex-start}.attribution{max-width:610px;line-height:1.8;text-align:right}.attribution a{color:#b1b1b6;text-decoration:underline;text-underline-offset:3px}.bottom-nav{display:none}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;z-index:300;padding:12px 20px;background:#292a2f;border:1px solid #ffffff1e;border-radius:7px;color:#fff;font-size:0.875rem;box-shadow:0 12px 40px #0008;transition:opacity .2s,transform .2s;pointer-events:none;max-width:calc(100% - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.back-top{position:fixed;right:25px;bottom:25px;z-index:25;background:#222329;box-shadow:0 5px 20px #0004}.back-top svg{transform:rotate(-90deg)}
dialog{padding:0;border:1px solid #ffffff1b;color:var(--text);background:#131416;box-shadow:0 40px 150px #000b;border-radius:14px;max-height:calc(100dvh - 48px);overscroll-behavior:contain;width:min(880px,calc(100% - 48px));max-width:none;overflow-y:auto}dialog::backdrop{background:#060608d9;backdrop-filter:blur(12px)}dialog[open]{animation:dialogIn .22s both}@keyframes dialogIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dialog-close{position:sticky;top:17px;float:right;margin:17px 17px -59px 0;z-index:10;min-width:38px;height:38px;border-radius:50%;background:#111b;backdrop-filter:blur(12px)}.dialog-banner{height:300px;position:relative;background:#22242b;isolation:isolate;overflow:hidden}.dialog-banner img{width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.8}.dialog-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#131416)}.detail-content{padding:0 38px 34px;position:relative;margin-top:-57px}.detail-kicker{font-size:0.75rem;letter-spacing:2px;color:var(--accent);margin-bottom:10px}.detail-content h2{font-size:2.1875rem;letter-spacing:-1.1px;line-height:1.25;margin-bottom:16px;max-width:710px}.detail-description{font-size:1rem;color:#b6b6bd;line-height:1.85;margin:22px 0}.detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.detail-actions .btn{min-height:44px;padding:10px 17px}.detail-actions .icon-btn{height:44px;min-width:44px}.detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.tag{font-size:0.75rem;border:1px solid #ffffff12;padding:4px 10px;border-radius:4px;color:#a3a3ad}.cast{margin-top:27px}.subheading{font-size:0.875rem;font-weight:550;color:#eee;margin-bottom:12px}.cast-rail{display:flex;gap:17px;overflow-x:auto;scrollbar-width:thin;padding-bottom:10px}.person-card{width:85px;flex:none;text-align:left;background:none;padding:0}.person-card img,.person-card .person-fallback{width:65px;height:65px;object-fit:cover;border-radius:50%;background:#26272d;margin-bottom:9px}.person-fallback{display:grid;place-items:center}.person-card strong{font-size:0.75rem;display:block;font-weight:500;line-height:1.45}.person-card small{font-size:0.75rem;color:#767680;display:block;line-height:1.45;margin-top:3px}.cast-text{font-size:0.875rem;color:#8f8f98}.trailer-panel{margin-top:24px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#08090b}.trailer-panel iframe,.trailer-panel video{display:block;width:100%;aspect-ratio:16/9;border:0}.trailer-panel .text-link{padding:13px 16px;font-size:0.8125rem}.watch-panel{background:#1b1c20;border:1px solid #ffffff0e;padding:20px;border-radius:8px;margin-top:22px}.watch-panel p{font-size:0.875rem;color:#a5a5ad}.provider-row{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.provider{display:flex;gap:8px;padding:8px 12px;background:#ffffff05;border:1px solid var(--line);border-radius:5px;align-items:center;font-size:0.8125rem}.provider:hover{border-color:#ff784f55}.provider img{width:29px;height:29px;border-radius:5px}.provider small{display:block;color:#7f7f8b;font-size:0.75rem}.provider-source{font-size:0.75rem!important;color:#7f7f88!important;margin-top:14px}.similar{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.similar .film-rail{grid-auto-columns:calc((100% - 48px)/4);gap:16px}.sheet-content{padding:34px}.sheet-content h2{font-size:1.6875rem;letter-spacing:-.8px;margin-bottom:7px}.sheet-lead{font-size:0.875rem;color:#9797a2;margin-bottom:26px;max-width:600px}.sheet-content .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 17px}.sheet-title-row{display:flex;align-items:center;justify-content:space-between;padding-right:35px}.list-tabs{display:flex;gap:9px;margin:21px 0}.list-tabs button{font-size:0.875rem;padding:8px 15px;color:#aaaab2;background:#ffffff05;border:1px solid var(--line);border-radius:5px}.list-tabs button.active{border-color:#ff784f66;color:var(--accent);background:#ff784f08}.person-bio{display:flex;gap:23px;margin:20px 0 30px}.person-bio>img{width:140px;height:195px;object-fit:cover;border-radius:8px}.person-bio p{font-size:0.875rem;line-height:1.8;color:#acacb5}.simple-dialog{width:min(480px,calc(100% - 40px))}.simple-dialog .sheet-content{padding:34px}.simple-dialog p{font-size:0.9375rem;color:#a2a2ad;margin:16px 0 23px}.simple-dialog .btn{white-space:normal}.age-number{font:700 38px var(--display);color:#bd6a6f;margin:0 0 16px}.age-actions{display:flex;gap:10px;flex-wrap:wrap}.share-field{display:block;width:100%;border:1px solid #ffffff20;background:#090a0b;padding:10px;border-radius:5px;color:#ddd;font-size:0.875rem;line-height:1.5;margin:18px 0}.kizil-dialog{background:#171214;--accent:#d7878e}.kizil-dialog .section-kicker{color:#d7878e}.ads-info{padding:18px;border:1px solid var(--line);border-radius:6px;margin-top:18px;color:#9999a4;font-size:0.875rem}
@media(min-width:1700px){.hero{height:auto;min-height:750px}.hero h1{font-size:6.5625rem}.hero-description{max-width:500px;font-size:1.0625rem}.hero-content{padding-bottom:60px}.hero-image-wrap{inset-inline-start:20%}.film-rail{grid-auto-columns:calc((100% - 120px)/7)}.grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1150px){.navbar{gap:30px}.nav-links{gap:20px}.search-box{width:195px}.nav-right{gap:13px}.hero h1{max-width:510px;font-size:4.6875rem}.hero h1.compact{font-size:3.5625rem;max-width:520px}.hero-description{max-width:390px;font-size:0.9375rem}.film-rail{grid-auto-columns:calc((100% - 80px)/5)}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.discovery-label{display:none}.surprise-button{padding-left:15px}.feature-tabs{gap:18px}.feature-tab b{max-width:145px}}
@media(max-width:900px){.navbar{height:82px;gap:25px}.nav-links{gap:20px}.nav-link{font-size:0.8125rem}.search-box{width:180px}.list-button>span:not(.list-count){display:none}.nav-separator{display:none}.hero{margin-top:-82px;padding-top:110px;height:auto;min-height:620px}.hero-image-wrap{left:12%}.hero-image-wrap::after{background:linear-gradient(90deg,#0c0d0f,#0c0d0f88 30%,#0c0d0f00 80%),linear-gradient(0deg,#0c0d0f,transparent 60%)}.hero-description{max-width:360px}.feature-tab img{display:none}.hero h1.compact{max-width:490px;font-size:3.25rem}.film-rail{grid-auto-columns:calc((100% - 54px)/4.3);gap:17px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 17px}.surprise-button{font-size:0.8125rem}.quick-genres{gap:6px}.genre-pill{padding:7px 13px}.footer-top{align-items:flex-start}.footer-links{gap:18px;max-width:280px;justify-content:flex-end}.footer-bottom{display:block}.attribution{text-align:left;margin-top:13px}.sheet-content .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){:root{--gutter:22px}.navbar{height:75px;gap:10px;padding-top:0;background:linear-gradient(#090a0eaa,#090a0e22);border:0}.logo{font-size:1.5625rem}.nav-links,.nav-separator,.list-button{display:none}.nav-right{margin-left:auto}.search-box{width:42px;height:40px;border:0;background:#13151c77;padding:11px;overflow:visible;border-radius:50%}.search-box input{position:absolute;width:1px;opacity:0;pointer-events:none}.search-box:focus-within{position:absolute;left:var(--gutter);right:var(--gutter);width:auto;border-radius:7px;background:#1c1e25;z-index:2;padding:12px;border:1px solid #ff784f55}.search-box:focus-within input{position:static;width:100%;opacity:1;pointer-events:auto;font-size:1rem}.search-box label{display:grid;place-items:center;cursor:pointer}.search-box:not(:focus-within) .search-clear{display:none}.hero{margin-top:-75px;height:auto;min-height:700px;padding-top:0;align-items:flex-end}.hero-image-wrap{inset:0 0 20% 0;background:#262722}.hero-image{object-position:58% 28%;opacity:.92}.hero-image-wrap::after{background:linear-gradient(0deg,#0c0d0f,transparent 75%);inset:0}.hero::before{background:linear-gradient(0deg,#0c0d0f 0%,#0c0d0ff2 15%,#0c0d0fa1 35%,#0c0d0f08 72%)}.hero-content{padding-top:215px;padding-bottom:99px}.hero h1{font-size:4.0625rem;letter-spacing:-3px;line-height:1.02;margin:19px 0 19px;max-width:100%}.hero h1.compact{font-size:2.6875rem;letter-spacing:-1.8px;max-width:100%}.hero h1 .part{font-size:0.8125rem;letter-spacing:6.8px;margin:10px 0 0 4px}.eyebrow{font-size:0.75rem;letter-spacing:2px;gap:8px}.eyebrow .dash{width:19px}.hero-description{font-size:0.875rem;line-height:1.75;max-width:380px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:15px}.meta{font-size:0.75rem;gap:10px}.meta .rating small{font-size:0.75rem}.hero-actions{gap:8px;margin-top:22px}.hero-actions .btn{padding:11px 17px;min-height:47px;font-size:0.8125rem;gap:8px}.hero-actions .btn svg{width:17px}.hero-save{height:47px;width:43px;min-width:43px}.hero-bottom{bottom:21px;gap:15px}.feature-tabs{gap:12px;max-width:calc(100% - 65px)}.feature-tab{border:0;padding:10px 0}.feature-tab .number{border-bottom:2px solid #ffffff24;padding-bottom:6px;min-width:36px;color:#787882}.feature-tab.active .number{border-color:var(--accent);color:var(--accent)}.feature-tab b{display:none}.hero-pager{gap:6px}.hero-page-count{display:none}.hero-pager .icon-btn{min-width:30px;height:30px}.discovery-bar{min-height:70px;gap:0;padding-right:0}.surprise-button{width:50px;flex:none;padding:10px 0;justify-content:center;margin-right:15px;margin-left:15px}.surprise-button span{display:none}.quick-genres{padding:12px 0}.genre-pill{font-size:0.8125rem;padding:7px 13px}.shelf{padding-top:29px}.section-head{gap:12px;margin-bottom:18px;align-items:center}.section-head h2{font-size:1.375rem;letter-spacing:-.65px}.section-head p{font-size:0.8125rem;margin-top:6px}.section-kicker{font-size:0.75rem;margin-bottom:8px}.shelf-controls{gap:5px}.shelf-controls .icon-btn{min-width:30px;height:30px}.film-rail{grid-auto-columns:calc((100% - 29px)/2.35);gap:14px;overflow:visible}.shelf{overflow:hidden}.shelf .film-rail{overflow-x:auto;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter);scroll-padding-right:var(--gutter)}.poster{border-radius:6px}.card-save{opacity:1;width:29px;height:29px;top:7px;right:7px}.poster-tag{left:7px;top:7px;font-size:0.75rem;padding:6px}.poster-rating{left:7px;bottom:8px;font-size:0.75rem;padding:6px}.card-info{gap:7px;padding-top:10px}.card-index{font-size:1.5rem;min-width:28px}.card-copy .card-title{font-size:0.8125rem;font-weight:550}.card-copy .card-meta{font-size:0.75rem}.catalog{padding-top:35px;padding-bottom:42px}.catalog .section-head h2{font-size:1.6875rem}.catalog .section-head .text-link{display:none}.catalog-control{gap:8px;padding-block:13px;margin-bottom:18px}.type-switch{margin-right:0;width:100%;margin-bottom:4px}.type-switch button{flex:1;font-size:0.875rem}.filter-select{flex:1;font-size:0.75rem;padding-left:10px}.filter-select select{font-size:0.8125rem;width:100%;max-width:none;padding:9px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.result-meta{font-size:0.75rem;line-height:1.5}.load-more-wrap{padding-top:27px}.connection-note{font-size:0.75rem;align-items:flex-start}.footer{padding-bottom:105px;padding-top:30px}.footer-top{display:block}.footer-links{justify-content:flex-start;margin-top:25px;max-width:none;gap:17px 24px}.footer-tagline{font-size:0.8125rem}.footer-bottom{font-size:0.75rem;line-height:1.8;margin-top:24px}.footer .logo{font-size:1.5rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;z-index:40;min-height:72px;padding:8px 8px max(10px,env(safe-area-inset-bottom));background:#0e0f13f2;backdrop-filter:blur(20px);border-top:1px solid #ffffff12}.bottom-nav button{background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:55px;min-height:48px;color:#9b9ba6;font-size:0.75rem;position:relative}.bottom-nav svg{width:20px;height:20px}.bottom-nav button.active{color:var(--accent)}.bottom-nav button.active::after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:var(--accent);top:-3px}.back-top{right:15px;bottom:93px;width:37px;height:37px;min-width:37px}.toast{bottom:94px;font-size:0.8125rem;min-width:200px}.skeleton:nth-child(n+7){display:none}dialog{max-height:calc(100dvh - 24px);width:calc(100% - 20px);border-radius:12px}.dialog-banner{height:225px}.detail-content{padding:0 21px 25px;margin-top:-38px}.detail-content h2{font-size:1.75rem;letter-spacing:-.7px;margin-bottom:14px}.detail-description{font-size:0.875rem;line-height:1.8;margin:18px 0}.detail-actions{gap:8px}.detail-actions .btn{font-size:0.8125rem;flex:1}.detail-actions .icon-btn{min-width:42px}.detail-actions .icon-btn:last-child{margin-left:0}.detail-tags{margin-top:16px}.tag{font-size:0.75rem}.cast{margin-top:22px}.similar .film-rail{grid-auto-columns:calc((100% - 26px)/2.5);gap:13px;overflow-x:auto}.watch-panel{padding:15px}.watch-panel p{font-size:0.8125rem}.watch-panel .btn{white-space:normal}.sheet-content{padding:26px 20px}.sheet-content h2{font-size:1.5rem;margin-right:30px}.sheet-lead{font-size:0.8125rem;margin-top:9px}.sheet-content .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.person-bio{gap:15px;align-items:flex-start}.person-bio>img{width:90px;height:125px}.person-bio p{font-size:0.8125rem}.simple-dialog .sheet-content{padding:27px 23px}.simple-dialog .btn{font-size:0.8125rem}.dialog-close{top:13px;margin:13px 13px -51px 0;min-width:36px;height:36px}}
@media(max-width:370px){:root{--gutter:17px}.hero h1{font-size:3.75rem}.hero-actions .btn{padding:11px 12px;font-size:0.75rem}.hero-actions{gap:7px}.meta{gap:7px}.hero h1.compact{font-size:2.375rem}.section-head h2{font-size:1.25rem}.detail-content{padding-inline:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.film-card{opacity:1;transform:none}}

.card-copy .card-title{font-family:var(--display)}.card-copy .card-meta{display:block}.watch-panel video{display:block;width:100%;aspect-ratio:16/9;border-radius:6px}

/* Motion is an enhancement; content remains visible without the controller. */
.motion-on .hero-image-wrap{right:-20px;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.035);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.motion-on .hero-image{animation:scene-drift 19s ease-in-out infinite alternate;transform-origin:57% 45%;will-change:transform}
@keyframes scene-drift{from{transform:scale(1.01) translateX(-.7%)}to{transform:scale(1.105) translateX(.7%)}}
.hero-image.hero-ghost{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;animation:none!important;transform:scale(1.05)}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-atmosphere::before{content:'';position:absolute;width:68%;height:110%;left:36%;top:-20%;background:linear-gradient(118deg,transparent 24%,#f5bd6b13 43%,#ffde971e 45%,transparent 66%);filter:blur(24px);transform:rotate(-7deg);animation:projection-light 15s ease-in-out infinite alternate}
.hero-atmosphere::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 81% 25%,#ecae651b,transparent 52%);animation:ambient-breathe 8s ease-in-out infinite alternate}
.hero-atmosphere .dust{position:absolute;left:var(--dust-x);top:var(--dust-y);width:var(--dust-size,2px);height:var(--dust-size,2px);border-radius:50%;background:#e8d4b3;box-shadow:0 0 9px #ffeac76e;opacity:0;animation:dust-float var(--dust-time,13s) linear infinite;animation-delay:var(--dust-delay,0s)}
@keyframes projection-light{from{transform:translateX(-7%) rotate(-8deg);opacity:.45}to{transform:translateX(6%) rotate(6deg);opacity:1}}
@keyframes ambient-breathe{from{opacity:.25}to{opacity:1}}
@keyframes dust-float{0%{transform:translate3d(0,28px,0);opacity:0}20%,72%{opacity:.44}100%{transform:translate3d(-50px,-130px,0);opacity:0}}
.hero.scene-paused .hero-image,.hero.scene-paused .hero-atmosphere::before,.hero.scene-paused .hero-atmosphere::after,.hero.scene-paused .dust{animation-play-state:paused!important}
.motion-on .feature-tab{position:relative;border-bottom-color:#ffffff16}
.motion-on .feature-tab .feature-progress{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;opacity:0}
.motion-on .feature-tab.active .feature-progress{opacity:1;transform:scaleX(var(--feature-progress,0))}
.motion-on .hero-pager .motion-toggle{color:#dcbeaa;border-color:#ffffff36;margin-right:8px}
.motion-on .hero-pager .motion-toggle[aria-pressed="true"]{color:var(--accent);background:#ff784f15}
.motion-on .film-card{perspective:900px}
.motion-on .poster{transform:translateY(0) rotateX(0) rotateY(0);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.motion-on .poster::before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,30%),#fff4,transparent 67%);mix-blend-mode:screen;transition:opacity .35s}
@media(hover:hover) and (pointer:fine){
 .motion-on .film-card:hover .poster{transform:translateY(-5px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 18px 35px #0008,0 0 0 1px #f5c39522}
 .motion-on .film-card:hover .poster::before{opacity:.5}
 .motion-on .card-main:hover .poster img{transform:scale(1.06)}
}
.motion-on .btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,background .25s,box-shadow .25s}
.motion-on .btn-primary:hover{box-shadow:0 7px 27px #ff784f33}
.motion-on .hero-actions .btn-primary::after{content:'';position:absolute;top:-30%;left:-60%;width:32%;height:160%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:skewX(-22deg);animation:button-light 7s ease-in-out infinite;pointer-events:none}
.hero.scene-paused .hero-actions .btn-primary::after{animation-play-state:paused}
@keyframes button-light{0%,72%{left:-60%;opacity:0}78%{opacity:.75}94%,100%{left:150%;opacity:0}}
.tap-wave{position:absolute;z-index:6;left:var(--wave-x,50%);top:var(--wave-y,50%);width:var(--wave-size,70px);height:var(--wave-size,70px);border-radius:50%;background:#ffffff42;transform:translate(-50%,-50%) scale(0);animation:tap-feedback .6s ease-out forwards;pointer-events:none}
@keyframes tap-feedback{to{transform:translate(-50%,-50%) scale(2.7);opacity:0}}
.saved-pop{animation:saved-feedback .42s cubic-bezier(.2,.9,.3,1.4)!important}
@keyframes saved-feedback{0%,100%{transform:scale(1)}45%{transform:scale(1.2);box-shadow:0 0 0 7px #ff784f18}}
.motion-on .motion-waiting{opacity:0;transform:translateY(25px);animation:none!important}
.motion-on .motion-revealed{animation:section-arrive .75s cubic-bezier(.16,1,.3,1) both!important;animation-delay:var(--reveal-delay,0ms)!important}
@keyframes section-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:49;background:linear-gradient(90deg,#e7985f,var(--accent));transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none;box-shadow:0 0 10px #ff784f66}
.trailer-mount{background:#07080b;min-height:200px;aspect-ratio:16/9;display:grid;place-items:center;color:var(--muted);font-size:.875rem}
.trailer-mount iframe{width:100%;height:100%;min-height:200px;aspect-ratio:auto}
.trailer-help{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8125rem;color:var(--muted)}
.trailer-help .text-link{padding:3px 0;white-space:nowrap;font-size:.8125rem}
.trailer-fallback{position:relative;min-height:240px;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;background:#191b20}
.trailer-fallback>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.5}
.trailer-fallback::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#111318ee,#11131833)}
.trailer-fallback-copy{padding:28px;max-width:650px}.trailer-fallback h3{font-size:1.4rem;line-height:1.35;letter-spacing:-.4px}.trailer-fallback p{font-size:.875rem;color:#c2c2cb;margin:10px 0 18px}.trailer-fallback .btn{font-size:.8125rem;min-height:46px;padding:11px 16px}.trailer-fallback .btn svg{width:17px}
@media(max-width:680px){
 .motion-on .hero-image-wrap{right:0;transform:none}.motion-on .hero-image{animation-duration:22s;transform-origin:57% 32%}
 .hero-atmosphere::before{left:9%;width:100%;height:75%;opacity:.75}.hero-atmosphere::after{background:radial-gradient(ellipse at 77% 24%,#e8af731f,transparent 55%)}
 .hero-atmosphere .dust:nth-child(n+7){display:none}
 .motion-on .feature-tab{border:none}.motion-on .feature-tab .feature-progress{bottom:10px;height:2px}.motion-on .feature-tab.active .number{border-color:#ffffff24}
 .motion-on .hero-pager .motion-toggle{margin-right:2px}.hero-pager .icon-btn{min-width:36px;height:36px}
 .motion-on .card-main:active .poster{transform:scale(.978)}
 .motion-on .hero .eyebrow{letter-spacing:1.6px}
 .trailer-fallback-copy{padding:22px}.trailer-fallback h3{font-size:1.2rem}.trailer-fallback .btn{white-space:normal;text-align:left}
 .trailer-help{flex-wrap:wrap;gap:6px}
}
@media(prefers-reduced-motion:reduce){
 .motion-on .hero-image-wrap,.motion-on .hero-image,.motion-on .film-card:hover .poster{transform:none!important}
 .hero-atmosphere,.tap-wave,.scroll-progress{display:none!important}
 .motion-on .motion-waiting,.motion-on .motion-revealed{opacity:1!important;transform:none!important}
}

/* Cinematic motion: native content and controls stay available throughout. */
.cinema-aperture{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.cinema-aperture .cinema-seam{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ffbb76 25%,#fff0d0 50%,#ffbb76 75%,transparent);box-shadow:0 0 18px 5px #ffb56b55;opacity:0;transform:scaleX(0);pointer-events:none}
.cinema-aperture span{position:absolute;left:0;right:0;height:50.5%;background:#08090b;will-change:transform}
.cinema-aperture span:first-child{top:0;transform:translateY(-102%)}
.cinema-aperture span:nth-child(2){bottom:0;transform:translateY(102%)}
.cinema-lens{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 78% 33%,#ffc57b55,transparent 48%),linear-gradient(113deg,transparent 38%,#fbc38422 48%,transparent 61%)}
.motion-on .hero h1{text-shadow:0 5px 40px #0005}
.motion-on .hero .eyebrow .dash{width:42px;box-shadow:0 0 16px #ff784f60}
.motion-on .hero-atmosphere::before{background:linear-gradient(118deg,transparent 24%,#f5bd6b22 43%,#ffde9730 45%,transparent 66%)}
.motion-on .hero-image-wrap{inset-inline-start:18%}
.motion-on .hero-image{filter:saturate(.94) contrast(1.06)}
.motion-on .hero-bottom{padding-top:15px;border-top:1px solid #ffffff10}
.motion-on .hero.scene-paused .cinema-lens{animation-play-state:paused}
.motion-on dialog[open]{animation:cinema-dialog .55s cubic-bezier(.16,1,.3,1) both}
.motion-on dialog[open]::backdrop{animation:cinema-backdrop .5s ease both;background:#040509cf;backdrop-filter:blur(9px)}
.motion-on dialog[open] .dialog-banner img{animation:cinema-poster 1.5s cubic-bezier(.2,.7,.2,1) both;transform-origin:50% 40%}
.motion-on dialog[open] .detail-content>h2,.motion-on dialog[open] .detail-description,.motion-on dialog[open] .detail-actions{animation:cinema-detail .65s cubic-bezier(.16,1,.3,1) backwards}
.motion-on dialog[open] .detail-description{animation-delay:80ms}.motion-on dialog[open] .detail-actions{animation-delay:140ms}
.motion-on .section-head{position:relative}
.motion-on .section-head::after{content:'';position:absolute;left:0;bottom:-8px;height:1px;width:58px;background:linear-gradient(90deg,var(--accent),transparent);transform-origin:left}
.motion-on .section-head.motion-revealed::after{animation:cinema-line 1s cubic-bezier(.16,1,.3,1) both}
.motion-on .motion-revealed{animation-duration:.95s!important}
@keyframes cinema-dialog{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes cinema-backdrop{from{opacity:0}to{opacity:1}}
@keyframes cinema-poster{from{transform:scale(1.12);filter:brightness(.6)}to{transform:scale(1);filter:brightness(1)}}
@keyframes cinema-detail{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes cinema-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
body.cinema-paused *,body.cinema-paused *::before,body.cinema-paused *::after{animation:none!important}
body.cinema-paused .motion-waiting,body.cinema-paused .motion-revealed{opacity:1!important;transform:none!important}
@media(max-width:680px){
 .motion-on .hero-image-wrap{inset-inline-start:0}
 .motion-on .hero-bottom{border:0;padding-top:0}
 .motion-on .hero .eyebrow .dash{width:26px}
 .motion-on dialog[open]::backdrop{backdrop-filter:blur(4px)}
 .cinema-lens{background:radial-gradient(ellipse at 72% 25%,#ffc57b44,transparent 52%)}
}
@media(prefers-reduced-motion:reduce){
 .cinema-aperture,.cinema-lens{display:none!important}
 .motion-on dialog[open],.motion-on dialog[open] .dialog-banner img,.motion-on dialog[open] .detail-content>*{animation:none!important;transform:none!important}
}

/* One art direction, with scene-specific palettes. */
:root{--scene-glow:#e6ad66;--scene-wash:#e6ad6625;--scene-shadow:#382817}
.hero{background-color:#0b0c10;transition:background-color 1s ease}
.hero-image-wrap{background:var(--scene-shadow);transition:background-color 1s ease,transform .8s ease}
.hero-atmosphere::after{background:radial-gradient(ellipse at 79% 28%,var(--scene-wash),transparent 60%)!important}
.hero-atmosphere::before{background:linear-gradient(118deg,transparent 28%,var(--scene-wash) 45%,transparent 66%)!important}
.hero-atmosphere .dust{background:var(--scene-glow);box-shadow:0 0 10px var(--scene-wash)}
.cinema-lens{background:radial-gradient(ellipse at 78% 33%,var(--scene-wash),transparent 50%),linear-gradient(113deg,transparent 38%,var(--scene-wash) 48%,transparent 61%)}
.cinema-aperture .cinema-seam{background:linear-gradient(90deg,transparent,var(--scene-glow) 25%,#fff 50%,var(--scene-glow) 75%,transparent);box-shadow:0 0 18px 5px var(--scene-wash)}
.hero[data-atmosphere="space"] .hero-atmosphere::before{opacity:.25;transform:rotate(30deg)}
.hero[data-atmosphere="space"] .dust{border-radius:50%;box-shadow:0 0 8px #bcdcff;animation-duration:24s}
.hero[data-atmosphere="neon"] .hero-atmosphere::after{background:linear-gradient(105deg,transparent 35%,#613dcc22 60%,#dc71852e)!important}
.hero[data-atmosphere="neon"] .dust{opacity:.15}
.hero-content{position:relative;z-index:1}
.hero h1{font-size:clamp(64px,8.2vw,138px);line-height:.98;letter-spacing:-.055em;max-width:1000px;font-weight:800;text-wrap:balance}
.hero h1.compact{font-size:clamp(52px,6.5vw,108px);max-width:1000px;line-height:1.03;letter-spacing:-.05em;overflow-wrap:break-word}
.hero h1 .part{font-size:clamp(13px,1.2vw,19px);line-height:2;letter-spacing:.5em;margin-top:16px;color:var(--scene-glow)}
.hero .hero-description{max-width:490px;color:#d0d0d4}
.hero .hero-actions{margin-top:30px;flex-wrap:wrap}
.hero .btn-primary{background:var(--accent);box-shadow:0 6px 30px var(--scene-wash)}
.hero .btn-secondary{background:#11151d7a;border-color:#ffffff38}
.hero-bottom{z-index:2}
.hero[data-atmosphere="space"] h1{font-weight:650;letter-spacing:-.025em}
.hero[data-atmosphere="neon"] h1{color:#f4e8f7;text-shadow:3px 0 28px #bf79ff30}
#movieDialog{background:linear-gradient(150deg,var(--scene-shadow),#121316 38%);border-color:var(--scene-wash)}
#movieDialog .detail-content h2{font-size:clamp(28px,3.4vw,48px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}
#movieDialog .dialog-banner::after{background:linear-gradient(0deg,#121316,transparent 80%)}
#movieDialog.poster-transition,#movieDialog.poster-settled{animation:none!important}
.poster-flight[popover]{position:fixed;inset:auto;margin:0;padding:0;border:0;overflow:hidden;background:#121316;border-radius:8px;pointer-events:none;transform-origin:0 0;box-shadow:0 18px 70px #0009}
.poster-flight::backdrop{background:transparent;pointer-events:none}
.poster-flight img{width:100%;height:100%;object-fit:cover;display:block}
.scene-chapter{position:relative;isolation:isolate}
.scene-chapter::before{content:attr(data-chapter);position:absolute;right:var(--gutter);top:6px;color:var(--scene-glow);opacity:.055;font:800 clamp(80px,11vw,160px)/1 var(--display);letter-spacing:-.06em;z-index:-1;pointer-events:none;transform:translateY(calc(var(--chapter-progress,0) * -20px))}
.scene-chapter::after{content:'';position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:linear-gradient(90deg,var(--scene-glow),#ffffff08);transform:scaleX(var(--chapter-progress,1));transform-origin:left;pointer-events:none}
.scene-chapter .section-kicker{color:var(--scene-glow);letter-spacing:.19em}
.scene-chapter .section-head h2{font-size:clamp(25px,2.7vw,42px);line-height:1.17;letter-spacing:-.035em}
.scene-chapter .section-head p{line-height:1.6}
.motion-on .hero-content{translate:0 calc(var(--hero-exit,0) * -26px)}
.motion-on .hero-image-wrap{translate:0 calc(var(--hero-exit,0) * 35px)}
@media(hover:hover) and (pointer:fine){.film-card:focus-within .poster,.film-card:hover .poster{box-shadow:0 16px 45px #0008,0 0 0 1px var(--scene-wash)}.film-card:focus-within .card-save{opacity:1}}
@media(max-width:680px){
 :root{--gutter:20px}
 .navbar{padding-top:env(safe-area-inset-top,0px);height:calc(75px + env(safe-area-inset-top,0px))}
 .navbar .search-box{width:min(43vw,190px);height:44px;border:1px solid #ffffff1f;border-radius:9px;padding:9px;gap:7px;background:#11151dcc}
 .navbar .search-box input{position:static;width:100%;opacity:1;pointer-events:auto;font-size:16px}
 .navbar .search-box:focus-within{position:static;inset:auto;width:min(43vw,190px);padding:9px;border-radius:9px}
 .navbar .search-box:not(:focus-within) .search-clear:not([hidden]){display:grid}
 .hero{margin-top:calc(-75px - env(safe-area-inset-top,0px));min-height:680px}
 .hero-content{padding-top:calc(235px + env(safe-area-inset-top,0px));padding-bottom:110px}
 .hero h1{font-size:clamp(60px,17vw,90px);line-height:1;max-width:100%;letter-spacing:-.045em}
 .hero h1.compact{font-size:clamp(34px,9.5vw,58px);line-height:1.06;max-width:100%;letter-spacing:-.04em}
 .hero h1 .part{font-size:13px;letter-spacing:.4em;line-height:1.9;margin-top:12px}
 .hero .hero-description{font-size:15px;line-height:1.65;-webkit-line-clamp:3}
 .hero-actions .btn{min-height:48px;font-size:14px;padding:11px 14px}
 .hero-save{width:48px;min-width:48px;height:48px}
 .card-save{width:44px;height:44px;top:2px;right:2px;background:#0a0c10c9}
 .hero-pager .icon-btn,.shelf-controls .icon-btn{min-width:44px;height:44px}
 .hero-pager{gap:4px}.feature-tabs{max-width:calc(100% - 151px);gap:8px}.feature-tab .number{min-width:26px}
 .detail-actions{flex-wrap:wrap}.detail-actions .btn{min-width:125px;min-height:48px}
 .filter-select{min-width:0}.filter-select select{font-size:16px;min-height:44px}
 .film-rail{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .scene-chapter .section-head h2{font-size:26px}.scene-chapter::before{font-size:88px}
 .scene-chapter .section-head{align-items:flex-start}.shelf-controls{flex-shrink:0}
 .card-copy .card-title{font-size:14px;line-height:1.45}
 .motion-on .hero-content,.motion-on .hero-image-wrap{translate:none}
 dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
}
@media(max-width:370px){:root{--gutter:16px}.navbar .logo{font-size:1.3rem}.hero h1.compact{font-size:34px}.hero-actions .btn{padding:11px 12px;font-size:13px}.hero-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){.hero-image-wrap{transition:none}.motion-on .hero-content,.motion-on .hero-image-wrap,.scene-chapter::before{translate:none;transform:none}.poster-flight{display:none!important}.scene-chapter::after{transform:none}}