@font-face{font-family:Nagel;src:url('../assets/fonts/nagel-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Nagel;src:url('../assets/fonts/nagel-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Nagel;src:url('../assets/fonts/nagel-bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{color-scheme:dark;--gutter:clamp(24px,4.5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none;padding:0}button:disabled{cursor:default;opacity:.35}img{display:block;max-width:100%}svg{display:block}h1,h2,h3,p{margin:0}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime)}[hidden]{display:none!important}body:has(dialog[open]){overflow:hidden}.icon{width:22px;height:22px;flex-shrink:0}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--lime);color:var(--color-bg);padding:12px 20px}.skip:focus{top:15px}main:focus{outline:0}
.header{height:var(--header-height);inset:0 0 auto;z-index:10;display:flex;align-items:center;padding:0 var(--gutter);gap:50px}.brand-symbol{display:grid;place-items:center;width:44px;height:44px;color:var(--lime)}.brand-symbol .tiny-mark{width:28px;height:28px}.brand{display:flex;align-items:center;gap:7px;flex-shrink:0}.desktop-nav{display:flex;align-items:center;height:100%;gap:28px}.desktop-nav a{color:var(--color-text-secondary);font-size:14px;font-weight:500;position:relative;white-space:nowrap;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:white}.desktop-nav a.active:after{content:'';position:absolute;bottom:-11px;left:0;right:0;margin:auto;width:5px;height:5px;border-radius:50%;background:var(--lime)}.header-actions{display:flex;align-items:center;gap:25px;margin-left:auto}.nav-action{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap;color:var(--color-text)}.nav-action:hover,.nav-action.active{color:var(--lime)}.mobile-nav{display:none}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:2.3px;line-height:1.5}.eyebrow .tiny-mark{width:19px;height:19px}.tiny-mark{fill:currentColor}.hero{position:relative;min-height:640px;height:min(760px,79vh);isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 45%;z-index:-3}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--color-bg) 2%,rgb(var(--color-bg-rgb) / 0.929) 22%,rgb(var(--color-bg-rgb) / 0.800) 43%,rgb(var(--color-bg-rgb) / 0.039) 70%),linear-gradient(0deg,var(--color-bg) 0%,rgb(var(--color-bg-rgb) / 0.612) 9%,rgb(var(--color-bg-rgb) / 0.000) 35%,rgb(var(--color-bg-rgb) / 0.145) 70%,rgb(var(--color-bg-rgb) / 0.396) 100%)}.hero[data-title="morn"] .hero-image{object-position:77% 35%;object-fit:cover;width:66%;left:auto}.hero[data-title="morn"]:before{background:linear-gradient(90deg,var(--color-bg) 23%,rgb(var(--color-bg-rgb) / 0.961) 35%,rgb(var(--color-bg-rgb) / 0.188) 66%),linear-gradient(0deg,var(--color-bg),rgb(var(--color-bg-rgb) / 0.000) 40%)}.hero-content{padding:146px var(--gutter) 110px;width:min(740px,60%)}.hero-kicker{color:var(--lime);margin-bottom:26px}.hero-title{font-size:clamp(54px,6.4vw,96px);line-height:.92;letter-spacing:-4px;font-weight:700}.hero-title .title-sub{font-size:.76em;letter-spacing:.02em;display:block;margin-top:9px;color:var(--color-text)}.hero-title.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:90px;letter-spacing:-2px;line-height:1.02}.hero-title.romantic{font-family:Georgia,serif;font-weight:400;font-style:italic;line-height:1.06}.hero-meta{display:flex;align-items:center;gap:11px;color:var(--color-text-secondary);font-size:12px;margin:22px 0 16px;flex-wrap:wrap}.hero-meta .age{border:1px solid rgb(var(--color-text-rgb) / 0.251);border-radius:4px;padding:0 4px;font-size:12px}.hero-meta .dot{width:3px;height:3px;background:var(--color-text-secondary);border-radius:50%}.hero-description{max-width:350px;font-size:15px;line-height:1.6;color:var(--color-text-secondary)}.hero-actions{display:flex;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 23px;border-radius:var(--radius-pill);font-size:14px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap}.button.primary{background:var(--lime);color:var(--color-text-on-accent)}.button.primary:hover{background:var(--color-accent-hover);box-shadow:0 0 28px rgb(var(--color-accent-rgb) / 0.137)}.button.secondary{background:var(--color-elevated);color:var(--text);border:1px solid var(--color-control-border)}.button .icon{width:19px;height:19px}.hero-thumbs{position:absolute;right:var(--gutter);bottom:72px;display:flex;gap:12px}.hero-thumb{position:relative;width:95px;height:59px;overflow:hidden;border:1px solid rgb(var(--color-text-rgb) / 0.251);background:var(--color-elevated);opacity:.65;transition:opacity .2s,border .2s}.hero-thumb.active{border:2px solid var(--lime);opacity:1}.hero-thumb:hover{opacity:1}.hero-thumb img{width:100%;height:100%;object-fit:cover}.hero-position{position:absolute;right:var(--gutter);bottom:147px;display:flex;align-items:center}.hero-position:before{content:'';width:42px;height:1px;background:#fff6}.hero-bottom-note{position:absolute;left:var(--gutter);bottom:31px;color:var(--color-text-secondary);font-size:12px;letter-spacing:.5px}.hero-bottom-note strong{color:var(--color-text-secondary);font-weight:400}.page-wrap{padding:0 var(--gutter)}.genre-strip{display:flex;gap:9px;overflow:auto;padding:8px 0 22px;scrollbar-width:none}.chip{border:1px solid rgb(var(--color-text-rgb) / 0.094);background:var(--color-surface);color:var(--color-text-secondary);min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 19px;border-radius:30px;font-size:12px;white-space:nowrap;transition:all .15s}.chip:hover{background:var(--color-elevated);color:white}.chip.active{background:var(--color-text);color:var(--color-text-on-accent);border-color:transparent}.chip .icon{width:15px;height:15px;margin-right:7px}.shelf{margin:18px 0 45px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 21px}.section-heading{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.section-head h2{font-size:28px;line-height:1.3;font-weight:700;letter-spacing:-.6px}.section-head .section-note{color:var(--color-text-secondary);font-size:12px}.text-link{display:flex;align-items:center;gap:7px;color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.text-link:hover{color:var(--lime)}.text-link .icon{width:16px;height:16px}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/5.5);gap:16px;overflow-x:auto;padding:3px 3px 8px;margin:-3px -3px -8px;scroll-snap-type:x proximity;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.card{position:relative;min-width:0;scroll-snap-align:start}.poster-link{display:block;position:relative;aspect-ratio:2/3;isolation:isolate;border-radius:var(--radius-card);overflow:hidden;background:var(--color-surface);box-shadow:inset 0 0 0 1px #fff1;transition:box-shadow .2s}.poster-link:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgb(var(--color-bg-rgb) / 0.902),rgb(var(--color-bg-rgb) / 0.000) 55%,rgb(var(--color-bg-rgb) / 0.039) 75%,rgb(var(--color-bg-rgb) / 0.396))}.poster-link:hover{box-shadow:inset 0 0 0 1px #fff1}.poster-art{width:100%;height:100%;object-fit:cover;object-position:center 30%;position:absolute;z-index:-1}.poster-tag{position:absolute;left:12px;top:12px;padding:3px 7px;border-radius:var(--radius-pill);background:rgb(var(--color-bg-rgb) / 0.549);backdrop-filter:blur(8px);color:rgb(var(--color-text-rgb) / 0.941);z-index:1;font-size:12px;font-weight:500}.poster-brand{position:absolute;right:12px;top:12px;z-index:1;color:var(--lime);width:20px;height:20px}.poster-title{position:absolute;bottom:23px;left:14px;right:14px;text-align:center;color:var(--accent);font-size:23px;font-weight:700;letter-spacing:-1px;line-height:1.04;z-index:1;text-wrap:balance}.poster-title small{display:block;font-size:.47em;letter-spacing:1.5px;margin-top:8px;line-height:1.3}.poster-title.serif{font-family:Georgia,serif;font-weight:400;font-size:28px;letter-spacing:.6px}.poster-title.romantic{font:italic 35px/1.1 Georgia,serif;letter-spacing:-1px}.poster-title.future{letter-spacing:-.5px;font-size:24px}.poster-title.future small{font-size:1.6em;margin-top:0;letter-spacing:3px}.poster-hover{position:absolute;inset:0;z-index:2;display:grid;place-items:center;opacity:0;background:#0002;transition:opacity .18s}.poster-link:hover .poster-hover{opacity:1}.poster-hover span{display:grid;place-items:center;width:48px;height:48px;color:var(--lime);filter:drop-shadow(0 2px 8px #000)}.poster-hover .icon{width:32px;height:32px}.card-caption{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin-top:16px;align-items:start}.card-caption h3{font-size:20px;font-weight:500;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.card-caption p{font-size:13px;color:var(--muted);grid-column:1/-1;margin-top:0}.card-save{grid-column:2;grid-row:1;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--color-text);opacity:1}.card:hover .card-save,.card:focus-within .card-save,.card-save.saved{opacity:1}.card-save.saved{color:var(--lime)}.card-save .icon{width:24px;height:24px}.card-save:hover{color:var(--lime)}.rail-actions{display:flex;gap:8px}.rail-arrow{display:grid;place-items:center;border:0;background:transparent;color:var(--color-text-secondary)}.rail-arrow:hover{color:var(--lime)}.rail-arrow .icon{width:22px;height:22px}.progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgb(var(--color-text-rgb) / 0.251);z-index:4}.progress-track span{height:100%;background:var(--lime);display:block}.mini-time{position:absolute;right:12px;bottom:13px;padding:3px 6px;background:rgb(var(--color-bg-rgb) / 0.690);border-radius:3px;font-size:12px;z-index:2}.spotlight{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:50px 0}.editorial{position:relative;isolation:isolate;min-height:272px;border-radius:var(--radius-card);overflow:hidden;background:var(--color-surface);display:flex;align-items:flex-end;padding:29px;box-shadow:inset 0 0 0 1px #fff1}.editorial img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;object-position:center 34%}.editorial:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgb(var(--color-bg-rgb) / 0.910),rgb(var(--color-bg-rgb) / 0.063));z-index:-1}.editorial h3{font-size:30px;line-height:1.1;margin:10px 0;letter-spacing:-.8px}.editorial p{font-size:12px;color:var(--color-text)}.editorial .eyebrow{font-size:12px;letter-spacing:1.8px;color:var(--color-text)}.editorial .round-arrow{margin-left:auto;flex-shrink:0}.round-arrow{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--text);transition:color var(--duration-fast)}.round-arrow .icon{width:28px;height:28px}.editorial:is(:hover,:focus-visible) .round-arrow{color:var(--lime)}.editorial:is(:hover,:focus-visible) .round-arrow .icon{animation:editorial-arrow 420ms cubic-bezier(.2,.8,.2,1)}@keyframes editorial-arrow{0%,100%{translate:0 0}45%{translate:2px -4px}70%{translate:0 1px}}.discover-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:1px solid rgb(var(--color-accent-rgb) / 0.090);border-radius:var(--radius-card);padding:40px 45px;margin:55px 0 60px;gap:25px}.discover-banner h2{font-size:32px;letter-spacing:-1px;line-height:1.18}.discover-banner p{color:var(--color-text-secondary);font-size:13px;margin-top:12px}.discover-banner .button{flex-shrink:0}.footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;background:var(--color-bg)}.footer-brand{display:flex;align-items:center;min-width:0}.footer-brand .brand-symbol{flex-shrink:0}.footer-brand p{line-height:1.4;color:var(--color-text-secondary)}.footer-links{display:flex;align-items:center;font-size:12px;color:var(--color-text-secondary)}.footer-links button:hover{color:var(--lime)}.footer-bottom{grid-column:1/-1;justify-content:space-between;flex-wrap:wrap;border-top:1px solid rgb(var(--color-text-rgb) / .06);line-height:1.5;color:var(--muted)}.listing{padding:134px var(--gutter) 55px;min-height:70vh}.listing-heading{margin-bottom:32px}.listing-heading .eyebrow{color:var(--lime);margin-bottom:12px}.listing h1{font-size:48px;letter-spacing:-1.8px;line-height:1.2}.listing-intro{color:var(--color-text-secondary);font-size:16px;margin-top:12px}.listing .genre-strip{margin:22px 0}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 20px}.empty{padding:80px 20px;text-align:center;max-width:600px;margin:auto}.empty .icon{width:46px;height:46px;color:var(--color-text-secondary);margin:0 auto 21px}.empty h2{font-size:25px;margin-bottom:12px}.empty p{font-size:14px;color:var(--muted);margin:0 auto 24px;max-width:380px}.empty .button{margin:auto}.toast{position:fixed;left:50%;opacity:0;z-index:50;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}.toast.visible{opacity:1}.noscript{padding:150px 30px;text-align:center}.catalog-total{font-size:12px;color:var(--color-text-secondary);margin:20px 0}
@media(min-width:1700px){.hero{height:760px}.hero-content{padding-top:173px}.rail{grid-auto-columns:calc((100% - 96px)/6.5)}.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1200px){.header{gap:30px}.desktop-nav{gap:20px}.header-actions{gap:18px}.nav-action .action-label{display:none}.hero-content{width:64%;padding-top:145px}.hero-title{font-size:70px}.hero{min-height:620px}.rail{grid-auto-columns:calc((100% - 48px)/4.4)}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-title.serif{font-size:76px}.section-head .section-note{display:none}}
@media(max-width:800px){.header{height:78px}.desktop-nav{gap:16px}.desktop-nav a{font-size:12px}.header{gap:25px}.header-actions{gap:16px}.hero-title{font-size:60px}.hero-content{width:68%;padding-top:145px}.hero-description{font-size:14px;max-width:310px}.hero-thumbs{bottom:73px;gap:7px}.hero-thumb{width:70px;height:45px}.hero-position{bottom:133px}.rail{grid-auto-columns:calc((100% - 32px)/3.4)}.poster-title{font-size:22px}.spotlight{gap:14px}.editorial{min-height:240px;padding:22px}.editorial h3{font-size:25px}.editorial .round-arrow{display:none}.discover-banner{padding:30px}.discover-banner h2{font-size:28px}.discover-banner .button{padding:0 18px;font-size:14px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){:root{--gutter:20px}.header{height:var(--header-height);gap:12px}.desktop-nav{display:none}.list-nav{display:none}.header-actions{gap:8px}.nav-action .icon{width:23px;height:23px}.hero{height:auto;min-height:760px;max-height:none}.hero-image{height:72%;inset:0;width:100%;object-position:72% 35%}.hero:before{background:linear-gradient(0deg,var(--color-bg) 20%,rgb(var(--color-bg-rgb) / 0.937) 34%,rgb(var(--color-bg-rgb) / 0.302) 63%,rgb(var(--color-bg-rgb) / 0.071) 82%,rgb(var(--color-bg-rgb) / 0.478) 100%)}.hero-content{padding:335px 20px 80px;width:100%;position:relative;text-align:center}.hero-kicker{justify-content:center;margin-bottom:16px;font-size:12px;letter-spacing:2px}.hero-title{font-size:53px;letter-spacing:-2px;line-height:.95}.hero-title .title-sub{font-size:.75em;margin-top:7px}.hero-title.serif{font-size:56px}.hero-title.romantic{font-size:58px}.hero-meta{justify-content:center;font-size:12px;gap:8px;margin:16px 0 12px}.hero-description{font-size:16px;line-height:1.55;max-width:310px;margin:auto}.hero-actions{display:grid;grid-template-columns:minmax(0,1fr) 48px;max-width:360px;margin:24px auto 0;gap:8px}.hero-actions .primary{grid-column:1/-1}.hero-actions .button{min-height:48px;padding:0 16px;font-size:14px}.hero-thumbs{bottom:14px;right:0;left:0;justify-content:center;gap:7px}.hero-thumb{width:22px;height:3px;border:0;opacity:1;border-radius:2px;background:var(--color-control-border)}.hero-thumb img{display:none}.hero-thumb.active{background:var(--lime);border:0;width:35px}.hero-position,.hero-bottom-note{display:none}.hero[data-title="morn"] .hero-image{height:80%;width:100%;object-position:center 37%}.hero[data-title="morn"]:before{background:linear-gradient(0deg,var(--color-bg) 16%,rgb(var(--color-bg-rgb) / 0.937) 30%,rgb(var(--color-bg-rgb) / 0.141) 70%,rgb(var(--color-bg-rgb) / 0.478) 100%)}.hero[data-title="morn"] .hero-content{padding-top:390px}.hero[data-title="alyosha"] .hero-content{padding-top:355px}.genre-strip{margin-top:18px;padding-bottom:14px;gap:7px}.chip{min-height:44px;padding:0 16px;font-size:12px}.shelf{margin-top:21px;margin-bottom:33px}.section-head{margin-bottom:17px;gap:10px}.section-head h2{font-size:24px;letter-spacing:-.5px}.section-head .text-link{font-size:12px}.rail{grid-auto-columns:calc((100% - 18px)/2.25);gap:12px;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter)}.poster-link{border-radius:var(--radius-card)}.poster-title{font-size:20px;bottom:20px;left:10px;right:10px}.poster-title.future{font-size:21px}.poster-title.serif{font-size:23px}.poster-title.romantic{font-size:30px}.poster-tag{top:9px;left:9px;font-size:12px}.poster-brand{right:9px;top:10px;width:17px;height:17px}.card-caption h3{font-size:18px}.card-caption p{font-size:13px;margin-top:0}.card-save{opacity:1}.rail-actions{display:none}.spotlight{display:flex;overflow:auto;margin:37px calc(-1 * var(--gutter)) 37px 0;padding-right:var(--gutter);scroll-snap-type:x proximity;scrollbar-width:none;gap:12px}.editorial{min-width:88%;min-height:245px;scroll-snap-align:start}.editorial h3{font-size:28px}.editorial p{font-size:12px}.discover-banner{display:block;margin:35px 0 40px;padding:28px}.discover-banner h2{font-size:29px;position:relative}.discover-banner p{font-size:12px;max-width:210px}.discover-banner .button{margin-top:23px;font-size:14px}.footer{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 20px)}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;align-items:stretch;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);gap:4px;background:var(--bg);backdrop-filter:none;z-index:15;border:0}.mobile-nav a,.mobile-nav button{flex:1;min-width:44px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;color:var(--muted);font-size:12px;line-height:1.2;min-height:var(--mobile-nav-height);padding:0;border:0;border-radius:0;background:transparent;white-space:nowrap}.mobile-nav .icon{width:var(--nav-icon-size,22px);height:var(--nav-icon-size,22px)}.mobile-nav .active{color:var(--lime)}.mobile-nav :focus-visible{outline-offset:-3px}.toast{bottom:88px;width:max-content;font-size:12px}.listing{padding-top:105px;padding-bottom:35px}.listing h1{font-size:32px}.listing-heading{margin-bottom:24px}.listing-intro{font-size:16px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.empty{padding:70px 10px}.empty h2{font-size:23px}.empty p{font-size:13px}.mobile-category{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:2px 0 13px}.listing .genre-strip{margin-top:4px;margin-bottom:12px}.listing .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.header{position:fixed}
@media(min-width:641px) and (orientation:landscape),(min-width:1025px){.header:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgb(var(--color-bg-rgb) / .98),rgb(var(--color-bg-rgb) / .9) 58%,rgb(var(--color-bg-rgb) / 0));opacity:0;transition:opacity 420ms ease}.header.scrolled:before{opacity:1}}
#continue-rail,.discover-banner,.footer{background:linear-gradient(90deg,var(--bg),transparent 18% 82%,var(--bg)),linear-gradient(0deg,var(--bg),transparent 25% 80%,var(--bg)),radial-gradient(ellipse at 45% 40%,rgb(var(--color-accent-rgb) / .06),transparent 70%),url('../assets/brand/pattern-muted.svg') center/480px repeat}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){.hero-thumbs{bottom:3px}.hero-thumb,.hero-thumb.active{height:26px;background:transparent}.hero-thumb:before{content:'';display:block;position:absolute;height:3px;top:11px;left:0;right:0;border-radius:2px;background:var(--color-control-border)}.hero-thumb.active:before{background:var(--lime)}}

.brand,.nav-action,.about-nav,.desktop-nav a,.text-link,.footer-links button{min-height:44px}.brand,.desktop-nav a{display:flex;align-items:center}.nav-action,.about-nav{min-width:44px;justify-content:center}.button.primary:active{background:var(--color-accent-pressed)}.button.secondary:hover{background:var(--color-border)}.chip.active{font-weight:700}.rail-arrow{width:44px;height:44px}.card-save:focus-visible{opacity:1}.poster-link:focus-visible .poster-hover{opacity:1}
@media(hover:none){.card-save{opacity:1}}
@media(min-width:641px) and (max-width:800px) and (orientation:landscape){.header{gap:12px;padding-inline:16px}.desktop-nav{gap:8px}.desktop-nav a{font-size:12px}.header-actions{gap:0}}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){.hero-thumb,.hero-thumb.active{height:44px;width:44px}.hero-thumb:before{top:20px;left:8px;right:8px}.hero-thumbs{bottom:8px}.card-save{width:44px;height:44px}.button{font-size:14px}.chip{font-size:13px}}
@media(max-width:360px){:root{--gutter:16px}.hero-content{padding-inline:16px}}

morph-icon.icon{place-items:center;vertical-align:middle}morph-icon.icon>svg{display:block;width:100%;height:100%;overflow:visible}

.icon{transition:scale var(--duration-fast),color var(--duration-fast)}svg.icon,morph-icon.icon>svg{transition:stroke-width var(--duration-fast)}
:is(button,a):active .icon{scale:1.08;color:var(--lime)}:is(button,a):active svg.icon,:is(button,a):active morph-icon.icon>svg{stroke-width:2.1}
.button.primary:active .icon{color:var(--color-text-on-accent)}
@media(prefers-reduced-motion:reduce){.icon,svg.icon,morph-icon.icon>svg{transition:none}}

svg.icon{overflow:visible}

.hero-actions{gap:12px 24px;align-items:center}
.hero-actions>.primary{border-radius:var(--radius-pill);min-height:50px}
.home-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:80px;min-height:64px;padding:4px 8px;border:0;background:transparent;color:var(--text);font-size:12px;line-height:16px;text-align:center}
.home-action .icon{width:28px;height:28px}
.home-action:hover,.home-action:active,.home-action.saved{color:var(--lime)}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;max-width:360px;gap:12px 24px}.hero-actions>.primary{flex-basis:100%;justify-content:center}.hero-actions .home-action{padding:4px 8px;font-size:12px;min-height:64px}.hero-content{padding-bottom:110px}}

.back-to-top{position:fixed;right:24px;bottom:24px;z-index:16;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgb(20 20 20 / .64);backdrop-filter:blur(16px) saturate(110%);color:var(--lime);box-shadow:0 4px 20px #0005,inset 0 1px 0 #ffffff08}
.back-to-top:hover,.back-to-top:active{color:var(--lime)}
.back-to-top .icon{width:24px;height:24px}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){.back-to-top{right:16px;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 16px)}}

@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){.header,.header.scrolled{justify-content:center;background:linear-gradient(rgb(var(--color-bg-rgb) / .9),rgb(var(--color-bg-rgb) / 0));backdrop-filter:none;border:0;pointer-events:none}.header .brand{pointer-events:auto}.header-actions{display:none}}

.saved-list :is(.listing-intro,.listing-heading .eyebrow,.poster-tag,.poster-brand,.poster-title,.card-caption p){display:none}

.seek-wave-track{position:absolute;left:16px;right:12px;bottom:4px;height:20px;overflow:hidden;pointer-events:none}
.seek-wave{position:absolute;left:var(--seek-progress,0%);bottom:0;height:20px;background:linear-gradient(to right,var(--lime) 50%,var(--color-control-border) 50%);transform:translateX(-50%) scaleY(0);transform-origin:center bottom;opacity:0}
.feed-card:has(.feed-seek[data-scrubbing="true"]) .seek-wave,.player-dialog[data-scrubbing="true"] .seek-wave{transform:translateX(-50%) scaleY(1);opacity:1}
.feed-card .feed-seek[data-scrubbing="true"]::-webkit-slider-thumb,#player-dialog[data-scrubbing="true"] .player-seek::-webkit-slider-thumb{margin-top:-17px}
.feed-card .feed-seek[data-scrubbing="true"]::-moz-range-thumb,#player-dialog[data-scrubbing="true"] .player-seek::-moz-range-thumb{transform:translateY(2px)}
#player-dialog .player-seek::-webkit-slider-thumb{transition:margin-top 220ms}
.toast{top:max(20px,env(safe-area-inset-top));bottom:auto;padding:8px 16px;border:1px solid rgb(var(--color-accent-rgb) / .65);border-radius:var(--radius-pill);background:transparent;backdrop-filter:none;box-shadow:none;color:var(--lime);font-size:13px;line-height:1.4;width:max-content;max-width:calc(100vw - 32px);transform:translate(-50%,-8px)}
.toast.visible{transform:translate(-50%,0)}body:has([data-scrubbing="true"]) .toast{opacity:0}
@media(prefers-reduced-motion:reduce){.seek-wave,.toast,#player-dialog .player-seek::-webkit-slider-thumb{transition:none}}

.hero-thumb{border-radius:var(--radius-pill)}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){.hero-thumb,.hero-thumb.active{width:64px;height:44px;border-radius:var(--radius-pill);background:var(--panel);border:1px solid var(--edge);opacity:.65}.hero-thumb:before{display:none}.hero-thumb img{display:block;width:100%;height:100%;object-fit:cover}.hero-thumb.active{border-color:var(--lime);opacity:1}.hero-thumbs{gap:8px}}

.genre-strip .chip{background:var(--panel);border-color:rgb(var(--color-text-rgb) / .08);color:var(--muted)}
.genre-strip .chip.active{background:rgb(var(--color-accent-rgb) / .045);color:var(--lime);border-color:rgb(var(--color-accent-rgb) / .6)}
.mobile-category{border-bottom:1px solid rgb(var(--color-text-rgb) / .06)}
.mobile-category .chip{position:relative;min-height:44px;color:var(--muted)}
.mobile-category .chip:hover{color:var(--text)}.mobile-category .chip.active{font-weight:600}
.mobile-category .chip.active:after{content:'';position:absolute;left:4px;right:4px;bottom:0;height:2px;border-radius:var(--radius-pill);background:var(--lime)}
.card-enter{animation:catalog-enter 260ms cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--catalog-delay,0ms)}
.card-enter .poster-link:before,.card-enter .episode-art:before,.card-enter .feed-episode-cover:before,.card-enter.editorial:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 15%,rgb(var(--color-accent-rgb) / .12) 45%,rgb(var(--color-accent-rgb) / .035) 65%,transparent 85%);background-size:200% 100%;opacity:0;animation:catalog-wash 380ms ease-out both;animation-delay:var(--catalog-delay,0ms)}
@keyframes catalog-enter{from{opacity:.25;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes catalog-wash{0%{background-position:100% 0;opacity:0}30%{opacity:1}100%{background-position:-100% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.card-enter,.card-enter .poster-link:before,.card-enter .episode-art:before,.card-enter .feed-episode-cover:before,.card-enter.editorial:after{animation:none}}

.desktop-nav{position:relative}.desktop-nav a.active:after{display:none}
.nav-marker{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:var(--lime)}
.nav-marker circle{fill:currentColor}.nav-marker path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;opacity:0}

.hero-image-previous{pointer-events:none}
.mobile-nav [data-nav=menu] [data-brand-eye]{fill:var(--color-accent)}

@media(max-width:800px){:root{--header-height:78px}}@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){:root{--header-height:76px}}
@media(min-width:641px) and (orientation:landscape),(min-width:1025px){html{scrollbar-gutter:stable}}

.toast>span{display:block}
.mobile-nav .nav-pulse .icon{animation:nav-icon-light 480ms ease-out}
@keyframes nav-icon-light{0%,100%{filter:drop-shadow(0 0 0 rgb(var(--color-accent-rgb) / 0))}40%{filter:drop-shadow(0 0 2px rgb(var(--color-accent-rgb) / .28))}}
.footer{display:flex;flex-direction:column;text-align:center;gap:16px;padding:32px var(--gutter);border-top:0}
.footer-brand{flex-direction:column;gap:12px}.footer-brand .brand-symbol{width:40px;height:40px}.footer-brand .tiny-mark{width:32px;height:32px}
.footer-brand p{font-size:14px}.footer-links{justify-content:center}.footer-links>[data-action="about"]{display:flex;align-items:center;gap:8px;color:var(--lime);font-size:13px}.footer-links>[data-action="about"] .icon{width:18px;height:18px}
.footer-bottom{display:flex;flex-direction:column;align-items:center;border:0;padding:0;gap:4px;font-size:12px}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){.footer{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 24px)}}
.mobile-category{border:0;gap:8px}.mobile-category .chip{border:1px solid var(--edge);border-radius:var(--radius-pill);padding:0 16px;background:rgb(var(--color-text-rgb) / .025);font-size:13px}.mobile-category .chip.active{color:var(--lime);border-color:rgb(var(--color-accent-rgb) / .65);background:rgb(var(--color-accent-rgb) / .045)}.mobile-category .chip.active:after{display:none}

:is(.hero-kicker,.detail-heading .eyebrow,.listing .eyebrow){font-size:10px;font-weight:500;line-height:20px;letter-spacing:.14em;gap:8px;align-items:center}
:is(.hero-kicker,.detail-heading .eyebrow,.listing .eyebrow) .tiny-mark{width:16px;height:16px;flex-shrink:0}
.hero-thumbs{align-items:center}.hero-rotation{display:grid;place-items:center;min-width:44px;min-height:44px;color:var(--muted)}.hero-rotation:hover,.hero-rotation[aria-pressed=true]{color:var(--lime)}.hero-rotation .icon{width:18px;height:18px}

@media(min-width:641px) and (max-width:1024px) and (orientation:portrait){:root{--mobile-nav-height:64px;--nav-icon-size:26px;--video-action-size:32px;--header-height:84px;--gutter:28px}.feed-mode{--feed-nav-height:64px}.header{height:84px}.hero-content{padding-inline:32px}.hero-description{font-size:18px;max-width:420px}.hero-actions{max-width:460px}.hero-actions>.primary{min-height:56px}.mobile-nav .icon{width:26px;height:26px}.feed-action .icon,.player-actions .icon-button .icon{width:32px;height:32px}.feed-caption h2{font-size:21px}.feed-caption h3{font-size:15px}.feed-caption-description{font-size:14px}.listing{padding-top:116px}.listing h1{font-size:36px}.catalog-grid{gap:28px 20px}.page-wrap{padding-inline:28px}}
.seek-wave{width:128px;clip-path:path("M0 20 C24 20 36 4 64 4 C92 4 104 20 128 20 Z");transition:left 480ms cubic-bezier(.2,1.35,.4,1),transform 240ms cubic-bezier(.2,.8,.2,1),opacity 200ms}
@media(prefers-reduced-motion:reduce){.seek-wave{transition:none}}

.mobile-category{display:flex}

@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){.listing{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 32px)}}
.page-wrap>.genre-strip,.listing>.genre-strip,.listing>.mobile-category{margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter)}
:where(html,body,dialog){scrollbar-width:thin;scrollbar-color:rgb(var(--color-accent-rgb) / .16) transparent}
*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:rgb(var(--color-accent-rgb) / .16);border-radius:999px}*::-webkit-scrollbar-thumb:active{background:rgb(var(--color-accent-rgb) / .3)}
.detail-dialog,.search-dialog,.feed-episode-strip{scrollbar-color:rgb(var(--color-accent-rgb) / .16) transparent}
.listing:not(.saved-list) .listing-intro{min-height:3em}
.mobile-category .chip,.mobile-category .chip.active,.genre-strip .chip,.genre-strip .chip.active{font-weight:500}
@media(max-width:640px){.listing:not(.saved-list) .listing-intro{min-height:4.5em}}
@media(min-width:801px) and (orientation:landscape),(min-width:1025px){.listing:not(.saved-list) .listing-intro{min-height:1.5em}}
@media(min-width:641px) and (orientation:landscape),(min-width:1025px){.desktop-nav{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.desktop-nav a{flex-shrink:0}.header-actions{flex-shrink:0}}
@media(min-width:641px) and (orientation:landscape),(min-width:1025px){body>.toast{top:calc(var(--header-height) + 20px)}}
.saved-list .listing-heading{display:flex;align-items:center;gap:16px}.list-back{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center}.list-back .icon{width:26px;height:26px}.list-back:hover{color:var(--lime)}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){.list-back{display:none}}
@media(min-width:641px) and (orientation:landscape),(min-width:1025px){.hero:before,.hero[data-title=morn]:before{background:linear-gradient(90deg,var(--bg) 0%,rgb(var(--color-bg-rgb) / .98) 18%,rgb(var(--color-bg-rgb) / .92) 32%,rgb(var(--color-bg-rgb) / .8) 43%,rgb(var(--color-bg-rgb) / .61) 54%,rgb(var(--color-bg-rgb) / .39) 65%,rgb(var(--color-bg-rgb) / .19) 77%,rgb(var(--color-bg-rgb) / .06) 89%,transparent 100%),linear-gradient(0deg,var(--bg),rgb(var(--color-bg-rgb) / .88) 8%,rgb(var(--color-bg-rgb) / .65) 17%,rgb(var(--color-bg-rgb) / .4) 28%,rgb(var(--color-bg-rgb) / .16) 42%,rgb(var(--color-bg-rgb) / .02) 60%,rgb(var(--color-bg-rgb) / .12) 78%,rgb(var(--color-bg-rgb) / .3) 100%)}}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){.hero-image{mask-image:linear-gradient(#000 55%,transparent 100%)}.hero:before,.hero[data-title=morn]:before{background:linear-gradient(0deg,var(--bg) 16%,rgb(var(--color-bg-rgb) / .99) 26%,rgb(var(--color-bg-rgb) / .87) 36%,rgb(var(--color-bg-rgb) / .65) 48%,rgb(var(--color-bg-rgb) / .4) 60%,rgb(var(--color-bg-rgb) / .21) 72%,rgb(var(--color-bg-rgb) / .14) 84%,rgb(var(--color-bg-rgb) / .45) 100%)}}
.hero-position{gap:6px;padding:5px 10px;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:var(--radius-pill);background:rgb(var(--color-bg-rgb) / .12);font-size:11px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.hero-position:before{display:none}.hero-position strong{font-weight:500;color:var(--lime)}.hero-position span{color:var(--muted)}
.footer-brand .brand-symbol{min-width:44px;min-height:44px}
.header{background:transparent}.header:after{content:'';position:absolute;inset:0 0 -40px;z-index:-1;pointer-events:none;background:linear-gradient(rgb(var(--color-bg-rgb) / .88),rgb(var(--color-bg-rgb) / .65) 20%,rgb(var(--color-bg-rgb) / .39) 42%,rgb(var(--color-bg-rgb) / .17) 65%,rgb(var(--color-bg-rgb) / .05) 84%,rgb(var(--color-bg-rgb) / 0) 100%)}
@media(min-width:641px) and (orientation:landscape),(min-width:1025px){.header:before{bottom:-40px;background:linear-gradient(rgb(var(--color-bg-rgb) / .98),rgb(var(--color-bg-rgb) / .95) 22%,rgb(var(--color-bg-rgb) / .83) 45%,rgb(var(--color-bg-rgb) / .63) 65%,rgb(var(--color-bg-rgb) / .3) 82%,rgb(var(--color-bg-rgb) / .08) 94%,rgb(var(--color-bg-rgb) / 0) 100%)}}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){.header,.header.scrolled{background:transparent}}

.brand-wordmark{display:block;fill:none;color:var(--text);width:110px;height:auto;overflow:visible}
.header{gap:clamp(20px,2.8vw,40px)}
.header .brand-name{width:110px}
.footer-brand .brand-name{width:132px;height:44px}
.footer-brand .brand-wordmark{width:132px}
.brand-icon{overflow:visible}
:is(.active,.saved,.is-liked)>.brand-icon,.button.primary .brand-icon{--brand-accent:currentColor}
.listing-heading{position:relative;isolation:isolate}
.listing-heading:after{content:'';position:absolute;z-index:-1;top:-24px;right:0;width:min(42%,320px);height:144px;background:url('../assets/brand/pattern-muted.svg') center/320px;mask-image:linear-gradient(90deg,transparent,#000)}
@media(max-width:640px){.header .brand-name{width:92px}.header .brand-wordmark{width:92px}}

body:not(.feed-mode)>.toast{top:calc(var(--header-height) + 12px)}
body.feed-mode>.toast{top:auto;bottom:calc(132px + env(safe-area-inset-bottom));background:var(--panel)}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){.saved-list .listing-heading{justify-content:center;text-align:center}}

:is(.feed-tap,.player-tap){user-select:none;-webkit-touch-callout:none}
:is(.feed-tap,.player-tap):before{content:'';position:absolute;top:26%;height:36%;left:0;width:25%;border-radius:16px;background:linear-gradient(110deg,transparent 15%,rgb(var(--color-accent-rgb) / .14) 50%,transparent 85%);background-size:220% 100%;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%);pointer-events:none;opacity:0;transition:opacity 180ms;animation:hold-speed-light 1100ms ease-in-out infinite;animation-play-state:paused}
:is(.feed-tap,.player-tap)[data-boost-side=right]:before{left:auto;right:0}
:is(.feed-tap,.player-tap).is-boosting:before{opacity:1;animation-play-state:running}
.hold-speed-label{position:absolute;left:12.5%;top:32%;transform:translateX(-50%);font-size:14px;font-weight:500;color:var(--lime);opacity:0;pointer-events:none;transition:opacity 180ms}
[data-boost-side=right]>.hold-speed-label{left:87.5%}.is-boosting>.hold-speed-label{opacity:1}
@keyframes hold-speed-light{from{background-position:180% 0}to{background-position:-80% 0}}
@media(prefers-reduced-motion:reduce){:is(.feed-tap,.player-tap):before{animation:none;transition:none}.hold-speed-label{transition:none}}
