:root{color-scheme:dark;--ink:#f4f1e9;--muted:#aaa9ac;--paper:#101113;--green:#eeb76d;--line:#2a2b2f}body{background:radial-gradient(ellipse at 80% 0,#29201b55,transparent 35%),var(--paper);font-family:Arial,Helvetica,sans-serif}header{background:#101113e8;height:90px;border-color:#ffffff10}.brand{font-size:24px;letter-spacing:-.8px}.brandmark{background:#edb76f;color:#151515;border-radius:9px}.brand-sub{color:#a4a3a0;font-size:8px;letter-spacing:4px}.account{border-color:#494239;background:#211d19;color:#f4d3a3}.nav{color:#a6a5a4}.nav.active:after{background:#eeb76d}.nav.active{color:#eeb76d}.intro{position:relative;margin-top:28px;padding:60px 48px 54px;border:1px solid #ffffff12;min-height:335px;overflow:hidden;border-radius:18px;background:linear-gradient(90deg,#0c0c0cee,#11111170 52%,#11111105),url('/cinema-hero.png') center 52%/cover}.intro>div{position:relative;z-index:1}.intro .eyebrow{color:#eac18d}.dot{background:#eeb76d;box-shadow:0 0 12px #eeb76d99}.intro h1{font-size:clamp(35px,4.2vw,62px);font-weight:650;line-height:1.04;margin:21px 0;letter-spacing:-2px}.intro h1 span{font-family:Georgia,serif;font-weight:400;color:#f2c78f}.intro p{color:#bcb9b2;line-height:1.7}.taste-note{position:absolute;right:30px;bottom:26px;max-width:260px;background:#101010c9;border:1px solid #ffffff20;border-radius:12px;padding:18px;gap:15px;backdrop-filter:blur(15px)}.taste-note .spark{color:#eeb76d;font-size:29px}.taste-note strong{font-size:12px}.taste-note p{font-size:11px;margin-bottom:10px}.text-button{color:#edc99c;text-decoration:none}.text-button:hover{text-decoration:underline}.moodbar{border-top:0;margin-top:8px;padding:27px 0}.moodbar>span{color:#c8c5bf}.chip{border-color:#353638;background:#191a1c;color:#b9b8b5}.chip:hover{background:#292827;border-color:#8b6e45}.chip.selected{background:#eeb76d;color:#211a11;border-color:#eeb76d}.small{color:#a59b8d}.section-top{margin-top:32px}h2{font-size:27px;font-weight:600;letter-spacing:-.8px}.filters select{color:#b9b6b0;background:#191a1c;border-radius:8px;padding:11px;max-width:150px}.outline{color:#e7c399;border-color:#5b4b38;background:#26211b}.outline:hover{background:#332a20}.hero{background:#18191d;border:1px solid #ffffff13;min-height:350px;grid-template-columns:1.1fr 1fr;border-radius:15px}.hero-copy{padding:38px}.pick-label{color:#f1c58c;border-color:#6c5637;background:#332719;font-size:9px}.hero h3{font:500 clamp(30px,3.5vw,48px)/1.07 Georgia,serif;margin:23px 0 16px}.hero p{color:#c2c1bd}.hero .meta{color:#9d9d9f}.hero .reason{color:#eac089!important;font-size:12px!important;border-left:2px solid #b58a4e;padding:7px 0 7px 11px;line-height:1.5}.hero-art{background:#12191d url('/scene.svg') center/cover;filter:saturate(.55);min-height:320px}.hero-art:before{background:linear-gradient(90deg,#18191d,transparent 48%),linear-gradient(0deg,#11171bbb,transparent 65%)}.art-type b{font-size:42px}.art-type{font-size:8px;letter-spacing:5px}.art-caption{color:#b5bab3;font-size:7px}.primary{background:#efb66b;color:#21180b;border-radius:8px;padding:14px 21px;box-shadow:0 3px 18px #eeb76d0a}.primary:hover{background:#f7c785}.secondary{color:#dedbd4;border-color:#ffffff30;border-radius:8px}.secondary:hover{background:#ffffff0c}.subheading{margin-top:28px}.subheading h3{font-weight:600;color:#ddd9d2;font-size:16px}.subheading span{color:#92918e}.cards{gap:20px}.card{background:#191a1e;border-color:#ffffff12;border-radius:12px;grid-template-columns:150px 1fr;min-height:225px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#9d784552}.poster{min-height:225px;padding:20px;box-shadow:inset 0 0 50px #0007}.poster strong{font:500 28px/1.1 Georgia,serif;text-shadow:0 3px 14px #0008}.poster small{font-size:7px;letter-spacing:2px;color:#e5dfce}.poster:before{width:200px;height:200px;border:1px solid #f6ddb947;box-shadow:0 0 0 12px #ffffff05,0 0 0 30px #ffffff03}.poster:after{background:#0005}.card-info{padding:25px}.card-info h3{font:500 23px/1.18 Georgia,serif;color:#f0ece3}.card-info .meta{color:#9a9997}.card-info .reason{color:#d7ae77!important;font-size:11px!important;margin-top:17px}.card-info .text-button{color:#e1be8c}.save-small{color:#e3bd8a;border:1px solid #66513b;border-radius:50%;width:29px;height:29px;font-size:20px;line-height:20px}.catalog-note{color:#85837f;margin:19px 0 0;font-size:10px}.guide-banner{background:linear-gradient(115deg,#272018,#19191c 72%);border-color:#59432a66;margin-top:34px;border-radius:13px;padding:28px 32px}.guide-banner .small{color:#c49c65}.voice-icon{background:#eab26814;border:1px solid #eab26833;color:#eab268}.guide-banner h2{color:#e9ded0;font-size:25px}.guide-banner p{color:#a79d90;font-size:12px}.light-button{background:#edb66e;border-color:#edb66e;color:#24190b;border-radius:8px}.bottom-notes{gap:40px}.bottom-notes span{color:#b48b56}.bottom-notes h3{color:#dedad3;font-size:16px}.bottom-notes p{color:#8e8e91;font-size:12px}.footer-brand{color:#e3c193}footer{color:#7f7e7b;border-color:#ffffff13}.beta{border-color:#544733;color:#bf9e6d}dialog{background:#1b1c1f;color:#eeebe4;border-color:#5a4e3b;box-shadow:0 20px 120px #000a}dialog::backdrop{background:#000b}dialog h2{color:#f3e3ca}dialog p{color:#b1aaa0}dialog input,dialog textarea,dialog select{background:#111214;border-color:#46423c;color:#f2ece3}dialog .meta{color:#b6aea0}dialog .close{color:#c2b6a3}.choices span{border-color:#524a3f;color:#b9b0a5}.choices input:checked+span{background:#ecb66f;color:#1d170f;border-color:#ecb66f}.fine{color:#aaa194}.form-error{color:#ffa98d}.voice-result{background:#2c241b;color:#e9cfad}.empty{border-color:#615039;color:#b9b0a4}.empty .primary{color:#211a11}#toast{background:#edbb7d;color:#221a0f;box-shadow:0 5px 30px #0007}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#f5c07a}
@media(max-width:1000px){.intro{padding:42px 32px;min-height:340px}.taste-note{display:none}.hero-copy{padding:28px}.card{grid-template-columns:120px 1fr}.card-info{padding:20px}.poster strong{font-size:23px}.filters{flex-wrap:wrap}.hero h3{font-size:37px}}
@media(max-width:680px){header{height:auto;min-height:100px;background:#101113}.intro{margin-top:20px;padding:36px 24px;min-height:300px;background-position:60% center}.intro h1{font-size:37px;max-width:300px;line-height:1.08}.intro p{font-size:12px;max-width:235px}.intro .eyebrow{font-size:7px;letter-spacing:1.6px}.moodbar{padding:23px 0}.hero{grid-template-columns:1fr}.hero-art{min-height:180px;height:180px}.hero-art:before{background:linear-gradient(0deg,#18191d,transparent)}.hero-copy{padding:25px}.hero h3{font-size:34px}.hero .actions{width:100%}.hero .primary{flex:1}.cards{gap:16px}.card{grid-template-columns:115px 1fr;min-height:205px}.poster{min-height:205px;padding:13px}.card-info{padding:19px 15px}.card-info h3{font-size:21px}.card-info .actions{gap:15px}.card-info .text-button{font-size:10px}.filters{width:100%;gap:6px}.filters select{padding:10px;font-size:10px;max-width:125px}.filters .outline{font-size:11px}.section-top{gap:15px}.guide-banner{padding:23px 20px}.guide-banner h2{font-size:20px}.guide-banner p{font-size:11px}.guide-banner .light-button{margin-left:68px}.bottom-notes{padding-top:32px;gap:21px}.bottom-notes>div{border-color:#ffffff14}.subheading span{max-width:130px;text-align:right;line-height:1.5}.subheading h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.poster {position:relative;overflow:hidden}.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-art .feature-poster{width:100%;height:100%;max-height:500px;object-fit:contain;background:#101117}.source-details{border-top:1px solid #ffffff20;padding-top:16px}.source-details a,.catalog-note a{color:inherit;text-underline-offset:3px}
