@font-face{font-family:Inter;src:url('assets/inter-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--ground:#0b0b0b;--surface:#161616;--raised:#252525;--active:#292929;--control:#3d3d3d;--border:#2b2b2b;--rule:#252525;--text:#f4f4f4;--muted:#b5b2ad;--faint:#99958f;--accent:#7c5cff;--accent-ink:#0e0a26;--positive:var(--accent);--negative:#f09398;--font:Inter,Arial,sans-serif;--display:Anton,Impact,sans-serif;--gap:20px;--pad:40px;--radius-card:16px;--radius-control:8px;--radius-media:8px;--fs-title:32px;--fs-section:24px;--fs-body:15px;--fs-small:13px;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ground);color:var(--text);font:var(--fs-body)/1.55 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;color:var(--muted)}svg{display:block;width:20px;height:20px;flex:none}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600;letter-spacing:-.035em}h1{font-size:var(--fs-title);line-height:1.2}h2{font-size:var(--fs-section);line-height:1.3}h3{font-size:15px;line-height:1.45}small{font-size:var(--fs-small)}:focus-visible{outline:2px solid var(--text);outline-offset:4px}::selection{background:var(--accent);color:var(--accent-ink)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:var(--text);color:var(--ground);padding:12px 20px;border-radius:var(--radius-control)}.skip-link:focus{top:12px}

/* One open consumer-media canvas. Navigation belongs to the same dark field. */
.app-shell{min-width:0}.topbar{position:sticky;top:0;z-index:30;height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 var(--pad);background:var(--ground);transition:background 220ms}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;line-height:1;letter-spacing:-.7px;white-space:nowrap}.brand-symbol{height:33px;width:29px}.brand-second{display:block;font-size:16px;margin-top:5px}.header-brand{flex:none}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin-left:35px}.desktop-nav>a,.nav-more{position:relative;display:flex;align-items:center;gap:7px;min-height:60px;font-size:14px;font-weight:500;color:var(--muted);transition:color 150ms}.desktop-nav>a:hover,.nav-more:hover,.desktop-nav>a.active{color:var(--text)}.desktop-nav>a:after{content:'';position:absolute;bottom:9px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--ease)}.desktop-nav>a.active:after{transform:scaleX(1)}.nav-more svg{width:16px;height:16px}.topbar-right{display:flex;align-items:center;gap:17px;flex:none}.search-trigger{display:flex;align-items:center;gap:9px;padding:8px 0;color:var(--muted);font-size:13px}.search-trigger svg{width:19px;height:19px}.search-trigger kbd{font:11px var(--font);padding:4px 5px;background:var(--surface);border:1px solid var(--control);border-radius:4px;margin-left:6px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:var(--radius-control);color:var(--muted);transition:background 160ms,color 160ms,transform 160ms}.icon-button:hover{color:var(--text);background:var(--raised)}.icon-button:active{transform:scale(.93)}.notification-button{position:relative}.notification-button.has-updates:after{content:'';position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:999px;background:var(--accent)}.avatar{display:flex;align-items:center;justify-content:center;flex:none;width:35px;height:35px;border-radius:999px;background:#d2cdc4;color:#37312c;font-size:13px;font-weight:600}.top-avatar{outline:1px solid var(--control);outline-offset:4px}.sidebar,.mobile-menu,.mobile-nav{display:none}body[data-view=home] .topbar{background:transparent}body[data-view=home] .topbar.scrolled{background:var(--ground)}
main{max-width:1600px;margin:0 auto;padding:42px var(--pad) 60px;min-height:calc(100svh - 300px)}main.home-page{max-width:none;padding:0 0 60px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.page-heading p{font-size:14px;color:var(--muted);margin-top:12px}.text-button{display:inline-flex;align-items:center;gap:9px;padding:0;font-size:13px;color:inherit;text-align:left;transition:color 160ms;white-space:nowrap}.text-button svg{height:16px;width:16px;transition:transform 180ms var(--ease)}.text-button:hover svg{transform:translateX(3px)}.text-button:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 22px;border-radius:var(--radius-control);background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:600;white-space:nowrap;transition:transform 180ms var(--ease),background 180ms}.button:hover{background:#ff805f;transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.98)}.button svg{height:18px;width:18px}.button.secondary{background:var(--raised);color:var(--text);font-weight:500}.button.secondary:hover{background:#333}.button.outlined{background:none;color:var(--text);border:1px solid var(--control)}.button.small{font-size:13px;min-height:36px;padding:7px 13px}

/* The featured anime is the opening scene, with HTML title typography. */
.cinema-hero{position:relative;isolation:isolate;overflow:hidden;height:clamp(560px,68svh,680px);margin-top:-80px;background:var(--surface)}.hero-art{position:absolute;inset:0;z-index:-2;object-position:50% 43%;animation:cinema-drift 23s ease-in-out infinite alternate;will-change:transform}.cinema-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,11,11,.6),rgba(11,11,11,.15) 50%,rgba(11,11,11,.06)),linear-gradient(0deg,rgba(11,11,11,.92),rgba(11,11,11,0) 35%,rgba(11,11,11,.16) 88%,rgba(11,11,11,.4))}.hero-topline{position:absolute;top:109px;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:20px;justify-content:space-between}.hero-topline h1{font-size:17px;line-height:1.4;letter-spacing:0;font-weight:400;color:var(--muted)}.hero-picker{padding:10px 15px;border:1px solid #5c5956;border-radius:999px;color:var(--text);font-size:13px;background:rgba(11,11,11,.2)}.hero-picker svg{height:16px;width:16px}.hero-content{position:absolute;left:var(--pad);bottom:45px;max-width:690px;z-index:1}.hero-title{font-family:var(--display);font-size:clamp(100px,10.4vw,150px);font-weight:400;line-height:.92;letter-spacing:-.015em;text-transform:uppercase;margin-left:-2px}.hero-title span{display:block}.hero-title.title-frieren{font-size:clamp(110px,12vw,180px);letter-spacing:-.01em;margin-bottom:10px}.hero-subtitle{font-size:19px;margin-top:3px;margin-bottom:8px;letter-spacing:.015em}.hero-description{font-size:16px;font-weight:400;line-height:1.6;margin-top:19px;letter-spacing:.04em;color:var(--text)}.hero-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin-top:9px;flex-wrap:wrap}.hero-actions{display:flex;align-items:center;gap:11px;margin-top:23px}.hero-actions .secondary{background:rgba(25,25,25,.9);border:1px solid #49413d}.hero-info{margin-left:3px}.hero-info svg{height:20px;width:20px}.feature-navigation{position:absolute;right:var(--pad);bottom:46px;display:flex;align-items:center;gap:10px}.feature-navigation>.icon-button{border:1px solid #5a504a;border-radius:999px;background:rgba(15,15,15,.45);color:var(--text);width:39px;height:39px}.feature-arrow svg{transform:rotate(180deg)}.feature-arrow:hover svg{transform:rotate(180deg)}.next-feature{display:flex;align-items:center;gap:11px;padding:0;margin-left:5px;text-align:left}.next-feature img{width:90px;height:57px;border-radius:var(--radius-media);border:1px solid #61534b}.next-feature>span{color:var(--muted);font-size:11px;line-height:1.8}.next-feature strong{display:block;font-size:13px;color:var(--text);font-weight:500}.feature-count{font-size:11px;color:var(--muted);margin-left:8px}
.home-content{max-width:1600px;margin:0 auto;padding:0 var(--pad)}.section{margin-top:48px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.section-heading h2{font-size:24px;line-height:1.3}.section-heading .text-button{color:var(--muted)}.section-subtitle{font-size:13px;color:var(--muted);margin-top:6px}.section-heading-right{display:flex;align-items:center;gap:26px}.continue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.continue-card{min-width:0}.continue-art{width:100%;height:auto;aspect-ratio:2.65;display:block;padding:0;border-radius:var(--radius-media);overflow:hidden;background:var(--surface);position:relative}.continue-art>img{object-position:50% 38%;transition:transform 450ms var(--ease)}.continue-art:hover>img{transform:scale(1.055)}.continue-art:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,0))}.play-circle{position:absolute;left:14px;bottom:16px;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.65);background:rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;z-index:1}.play-circle svg{height:11px;width:11px;fill:currentColor}.time-left{position:absolute;right:14px;bottom:19px;font-size:12px;z-index:1}.progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#514744;z-index:2}.progress-fill{height:100%;background:var(--accent);transition:width 350ms var(--ease)}.continue-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.continue-title h3{font-size:14px;letter-spacing:-.02em}.continue-title p{font-size:12px;color:var(--faint);margin-top:4px}.continue-title .icon-button{width:28px;height:30px}.continue-title .icon-button svg{height:16px;width:16px}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap)}.poster-card{position:relative;min-width:0}.poster-link{display:block;text-align:left;width:100%;padding:0}.poster-art{aspect-ratio:2/2.85;position:relative;overflow:hidden;background:var(--surface);border-radius:var(--radius-media);isolation:isolate}.poster-art>img{transition:transform 450ms var(--ease)}.poster-link:hover .poster-art>img{transform:scale(1.05)}.card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:rgba(0,0,0,.35);transition:opacity 180ms}.poster-link:hover .card-play,.poster-link:focus-visible .card-play{opacity:1}.card-play svg{height:30px;width:30px;fill:currentColor}.poster-card h3{font-size:14px;line-height:1.45;letter-spacing:-.025em;margin-top:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster-meta{display:flex;justify-content:space-between;gap:8px;margin-top:6px;color:var(--faint);font-size:12px}.poster-meta>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.poster-meta>span:last-child{flex:none}.poster-score{position:absolute;left:9px;bottom:9px;padding:3px 7px;background:rgba(11,11,11,.86);border-radius:4px;font-size:12px;font-variant-numeric:tabular-nums;z-index:1}.poster-score>span{color:var(--accent);margin-right:3px}.quick-save{position:absolute;top:9px;right:9px;width:31px;height:31px;display:flex;align-items:center;justify-content:center;border:1px solid #514c47;background:rgba(11,11,11,.86);border-radius:999px;opacity:0;transition:opacity 180ms,transform 180ms}.quick-save:hover{transform:scale(1.08)}.quick-save svg{height:16px;width:16px}.quick-save.saved,.poster-card:hover .quick-save,.quick-save:focus-visible{opacity:1}.shelf-tabs{display:flex;gap:22px;align-items:center}.shelf-tab{padding:7px 0;font-size:13px;color:var(--faint)}.shelf-tab.active{color:var(--text)}.feed-source{font-size:12px;color:var(--faint);margin-top:-15px;margin-bottom:17px}.artwork-error{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:22px;font-family:var(--display);font-size:28px;color:var(--text);background:#24201e}

/* An editorial picture and a working picker, with no enclosing outer card. */
.mood-discovery{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center;margin-top:78px}.mood-image{position:relative;aspect-ratio:1.03;overflow:hidden;border-radius:var(--radius-media)}.mood-image>img{object-position:50% 45%;transition:transform 700ms var(--ease)}.mood-image:hover>img{transform:scale(1.025)}.mood-image>p{position:absolute;bottom:24px;left:25px;right:25px;font-size:13px;color:var(--text)}.mood-copy{padding:15px 0;min-width:0}.mood-copy h2{font-size:clamp(34px,4.3vw,62px);line-height:1.03;max-width:420px;letter-spacing:-.055em}.mood-lead{font-size:16px;color:var(--muted);line-height:1.7;margin-top:20px}.mood-choice-group{margin-top:26px}.mood-choice-group>p{font-size:13px;font-weight:500;margin-bottom:12px;color:var(--muted)}.mood-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mood-chip{min-height:41px;padding:9px 13px;border:1px solid var(--control);border-radius:999px;color:var(--muted);font-size:13px;transition:background 180ms,color 180ms,transform 180ms;white-space:nowrap}.mood-chip:hover{background:var(--raised);color:var(--text);transform:translateY(-2px)}.mood-chip.selected{background:var(--text);color:var(--ground);border-color:var(--text)}.mood-time-options{display:flex;gap:9px}.mood-time-options>.mood-chip{flex:1}.mood-submit{width:100%;justify-content:space-between;margin-top:28px}.home-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;margin-top:70px;align-items:start}.airing-panel{min-width:0}.airing-panel .section-heading h2{font-size:26px}.editorial-banner{position:relative;min-height:340px;border-radius:var(--radius-media);overflow:hidden;isolation:isolate}.editorial-banner>img{position:absolute;inset:0;z-index:-2;object-position:50% 55%;transition:transform 650ms var(--ease)}.editorial-banner:hover>img{transform:scale(1.04)}.editorial-banner:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.83),rgba(0,0,0,0));z-index:-1}.editorial-banner>div{position:absolute;left:27px;right:27px;bottom:27px}.editorial-banner h2{font-size:31px}.editorial-banner p{font-size:13px;color:#ded8d2;margin-top:8px}.editorial-banner .button{margin-top:20px;background:rgba(25,25,25,.94);border:1px solid #4e433b;font-size:13px}

/* Live catalog, page states and custom selects. */
.filter-bar{display:grid;grid-template-columns:minmax(220px,1.8fr) repeat(5,minmax(115px,1fr));gap:12px;margin-bottom:28px;align-items:end}.filter-bar label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:9px;min-width:0}.input-with-icon{display:flex;align-items:center;position:relative}.input-with-icon>svg{position:absolute;left:13px;pointer-events:none;height:17px;width:17px;color:var(--faint)}input,select,textarea{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--control);border-radius:var(--radius-control);min-height:44px;padding:10px 12px;max-width:100%}input::placeholder,textarea::placeholder{color:var(--faint)}.input-with-icon input{width:100%;padding-left:39px;font-size:13px}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.select-control{display:block;position:relative;min-width:0;width:100%}.select-control>select{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none;min-height:0}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--control);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font-size:13px;text-align:left;transition:border-color 150ms,background 150ms}.select-trigger:hover{border-color:#6a625d;background:#1c1b1a}.select-trigger[aria-expanded=true]{border-color:var(--accent)}.select-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-trigger svg{height:15px;width:15px;transition:transform 160ms}.select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.select-menu{position:fixed;z-index:90;padding:6px;background:#1d1c1b;border:1px solid #4e4742;border-radius:10px;overflow:auto;box-shadow:0 14px 45px rgba(0,0,0,.4)}.select-option{display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;width:100%;min-height:42px;padding:10px 12px;border-radius:6px;font-size:13px;color:var(--muted)}.select-option:hover,.select-option:focus-visible{background:#302d2a;color:var(--text);outline:none}.select-option[aria-selected=true]{background:#2b2825;color:var(--text)}.select-option svg{width:16px;height:16px;color:var(--accent)}.catalog-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.result-count,.source-label{font-size:13px;color:var(--faint)}.catalog-grid{row-gap:33px}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:36px}.catalog-pagination>span{font-size:12px;color:var(--faint)}.feed-notice{display:flex;align-items:center;gap:12px;padding:17px 19px;background:var(--surface);border-radius:var(--radius-control);margin-bottom:22px;font-size:13px;color:var(--muted)}.feed-notice>svg{width:17px;height:17px}.feed-notice>span{flex:1}.feed-notice .text-button{color:var(--text)}.feed-notice.quiet{font-size:12px;padding:12px 14px}.poster-skeleton{min-width:0}.poster-skeleton>div{aspect-ratio:2/2.85;border-radius:var(--radius-media);background:var(--surface);animation:breathe 1.5s ease-in-out infinite alternate}.poster-skeleton>span{display:block;height:12px;width:75%;background:var(--raised);border-radius:4px;margin-top:13px}.poster-skeleton>span:last-child{width:50%;height:9px;opacity:.6}.empty-state{grid-column:1/-1;padding:45px 24px;text-align:center;background:var(--surface);border-radius:var(--radius-card)}.empty-state h2{font-size:24px}.empty-state p{max-width:400px;margin:13px auto 24px;color:var(--muted);font-size:14px;line-height:1.8}.empty-state h3{font-size:20px}.library-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 30px}.library-tab{padding:10px 16px;min-height:40px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;transition:background 160ms}.library-tab:hover{background:var(--raised)}.library-tab.active{background:var(--text);color:var(--ground)}.library-tab .num{margin-left:9px;opacity:.7}.poster-card>.select-control{margin-top:12px}.poster-card>.select-control .select-trigger{min-height:37px;padding:8px 11px;font-size:12px;background:none}

/* Secondary application surfaces share the same quiet, readable controls. */
.panel{padding:26px;background:var(--surface);border-radius:var(--radius-card);min-width:0}.panel h2{font-size:22px}.week-tabs{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:20px}.week-tab{min-height:40px;padding:8px 13px;border-radius:999px;color:var(--faint);font-size:13px}.week-tab.active{color:var(--ground);background:var(--text)}.schedule-row{display:flex;align-items:center;gap:14px;padding:15px 0;min-height:93px;border-top:1px solid var(--rule)}.schedule-row>img{width:43px;height:60px;border-radius:4px;flex:none}.schedule-info{flex:1;min-width:0}.schedule-info h3{font-size:14px}.schedule-info h3 .text-button{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.schedule-info p{font-size:12px;color:var(--faint);margin-top:5px}.schedule-time{font-size:13px;color:var(--text);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.schedule-time small{display:block;color:var(--faint);font-size:11px;margin-top:4px}.schedule-row .icon-button{width:34px;height:36px}.schedule-row .icon-button svg{width:17px;height:17px}.schedule-empty,.schedule-loading{padding:38px 20px;text-align:center;background:var(--surface);border-radius:var(--radius-control);font-size:14px;color:var(--muted)}.schedule-empty span{display:block;font-size:12px;color:var(--faint);margin-top:9px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px;align-items:start}.calendar-layout .week-tab{flex:1}.calendar-note{font-size:13px;color:var(--faint);line-height:1.8;margin-top:20px}.follow-list{margin-top:15px}.follow-row{padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--rule)}.follow-row p{font-size:14px}.follow-row .icon-button svg{width:17px;height:17px}.unconfirmed-releases{margin-top:28px;background:var(--surface);border-radius:var(--radius-card);padding:22px 26px}.unconfirmed-releases summary{cursor:pointer;color:var(--muted);font-size:14px}.unconfirmed-releases summary .num{margin-left:10px}.unconfirmed-releases>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.unconfirmed-releases button{text-align:left;padding:13px;background:var(--raised);border-radius:var(--radius-control);font-size:13px}.unconfirmed-releases button>span{display:block;font-size:12px;color:var(--faint);margin-top:6px}.community-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:24px;align-items:start}.discussion-card{display:block;width:100%;text-align:left;padding:26px;background:var(--surface);border-radius:var(--radius-card);margin-bottom:18px;transition:background 180ms}.discussion-card:hover{background:#1b1b1b}.discussion-byline{display:flex;align-items:center;gap:11px;color:var(--faint);font-size:13px}.discussion-byline .avatar{width:29px;height:29px;font-size:12px}.discussion-card h2{font-size:22px;line-height:1.35;margin:19px 0 12px}.discussion-card>p{font-size:14px;line-height:1.8;color:var(--muted)}.discussion-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;font-size:13px;color:var(--faint)}.discussion-bottom>span{display:inline-flex;align-items:center;gap:7px}.discussion-bottom svg{height:15px;width:15px}.spoiler-label{color:var(--accent);font-size:12px}.community-side>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px}.community-side>.button{margin-top:24px}.community-side .preview-note{font-size:12px}.room-feature{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:stretch}.room-art{aspect-ratio:1.65;border-radius:var(--radius-media);overflow:hidden}.room-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:15px 28px}.room-copy h2{font-size:42px;max-width:340px;line-height:1.1}.room-copy p{font-size:15px;color:var(--muted);line-height:1.8;margin:20px 0 27px}.room-copy .preview-note{font-size:12px;margin-top:12px}.room-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.room-benefits h3{font-size:19px}.room-benefits p{color:var(--muted);font-size:14px;margin-top:13px;line-height:1.8}.profile-intro{display:flex;align-items:center;gap:20px;padding:28px;background:var(--surface);border-radius:var(--radius-card)}.profile-intro .avatar{width:64px;height:64px;font-size:26px}.profile-intro p{color:var(--muted);font-size:14px;margin-top:7px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.profile-stat{padding:25px;background:var(--surface);border-radius:var(--radius-card)}.profile-stat p{font-size:13px;color:var(--muted)}.profile-stat strong{display:block;font-size:32px;font-weight:500;font-variant-numeric:tabular-nums;margin-top:12px}

/* The dialogs and tiny controls are part of the product, not browser defaults. */
dialog{background:var(--surface);color:var(--text);padding:0;border:1px solid var(--control);border-radius:var(--radius-card);width:min(880px,calc(100vw - 40px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 90px rgba(0,0,0,.45)}dialog::backdrop{background:rgba(0,0,0,.83)}body:has(dialog[open]){overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px 18px}.modal-header h2{font-size:21px}.modal-header .icon-button{margin:-6px -7px -6px 0}.modal-body{padding:9px 28px 29px}.modal-intro{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:25px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:19px 28px 26px}.modal-footer>p{margin-right:auto;color:var(--faint);font-size:13px}.detail-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:25px}.detail-poster{aspect-ratio:2/2.85;overflow:hidden;border-radius:var(--radius-media)}.detail-source{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--faint);margin-bottom:12px}.detail-source>span{color:var(--accent);font-variant-numeric:tabular-nums}.detail-info h3{font-size:27px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.native-title{font-size:12px;color:var(--faint);margin-top:8px;margin-bottom:16px}.detail-facts{display:flex;gap:7px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.detail-facts span{padding:4px 8px;background:var(--raised);border-radius:4px}.detail-info>p{margin-top:16px;color:var(--muted);font-size:14px;line-height:1.8;white-space:pre-line}.detail-info>.text-button{margin-top:10px}.detail-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:23px}.detail-controls>.select-control{width:auto;min-width:150px}.detail-note{font-size:13px;line-height:1.8;color:var(--faint);margin-top:17px}.episode-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:29px 0 12px}.episode-header h3{font-size:17px}.episode-header>span{font-size:13px;color:var(--faint);font-variant-numeric:tabular-nums}.episode-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.episode-button{position:relative;min-height:42px;padding:9px 5px;background:var(--raised);border:1px solid transparent;border-radius:var(--radius-control);color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;transition:background 140ms,border-color 140ms}.episode-button:hover{background:#333;border-color:#5f5148}.episode-button.watched{color:var(--text)}.episode-button.watched:after{content:'';position:absolute;bottom:4px;left:32%;right:32%;height:2px;background:var(--accent)}.episode-button svg{width:10px;height:10px;display:inline-block;margin-left:4px;color:var(--accent)}.episode-more{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--faint);margin-top:17px}.detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;font-size:13px;color:var(--muted)}.detail-bottom>a{display:inline-flex;gap:6px;align-items:center}.detail-bottom>a>svg{height:14px;width:14px}.search-box{position:relative;margin:4px 28px 16px}.search-box>svg{position:absolute;left:15px;top:17px;color:var(--faint);width:20px;height:20px}.search-box input{width:100%;font-size:17px;min-height:55px;background:var(--ground);padding:12px 16px 12px 45px}.search-results{padding:0 17px 20px;max-height:58dvh;overflow:auto}.search-result{display:flex;align-items:center;gap:15px;width:100%;padding:11px;border-radius:var(--radius-control);text-align:left;transition:background 150ms}.search-result:hover,.search-result:focus-visible{background:var(--raised)}.search-result>img{width:45px;height:64px;border-radius:4px;flex:none}.search-result>div{min-width:0}.search-result h3{font-size:15px}.search-result p{font-size:12px;color:var(--faint);margin-top:5px}.search-result>span{margin-left:auto;color:var(--faint)}.search-result>span svg{width:17px;height:17px}.search-feedback{padding:12px 11px;color:var(--faint);font-size:13px}.search-empty{padding:28px 14px;color:var(--muted);font-size:14px}.search-hint{padding:0 28px 22px;color:var(--faint);font-size:12px}.picker-section{margin-bottom:27px}.picker-section>p,.picker-section>label{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}.picker-options{display:flex;gap:9px;flex-wrap:wrap}.picker-options .mood-chip{padding:10px 19px;min-height:43px}.picker-result{display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px;background:var(--raised);border-radius:var(--radius-card);padding:18px;margin-top:26px}.picker-result>img{width:82px;aspect-ratio:2/2.85;border-radius:4px}.picker-result h3{font-size:20px;margin-bottom:9px}.picker-result p{font-size:13px;color:var(--muted);line-height:1.8}.picker-result .text-button{margin-top:13px}.picker-explainer{color:var(--faint);font-size:12px;margin-top:13px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 0;border-bottom:1px solid var(--rule)}.settings-row:last-child{border:0}.settings-row h3{font-size:15px}.settings-row p{font-size:13px;color:var(--muted);line-height:1.7;max-width:420px;margin-top:6px}.settings-row>.select-control{min-width:145px;width:auto;flex:none}.toggle{position:relative;width:38px;height:23px;flex:none;background:var(--control);border-radius:999px;padding:3px;transition:background 150ms}.toggle:after{content:'';position:absolute;top:3px;left:3px;width:17px;height:17px;background:var(--text);border-radius:999px;transition:transform 180ms var(--ease)}.toggle[aria-checked=true]{background:var(--text)}.toggle[aria-checked=true]:after{transform:translateX(15px);background:var(--ground)}.video-frame{position:relative;aspect-ratio:16/9;background:#000;display:flex;align-items:center;justify-content:center;text-align:center}.video-frame iframe{width:100%;height:100%;border:0}.video-frame>img{opacity:.3}.video-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:30px}.video-fallback p{font-size:14px;color:var(--muted);max-width:360px}.video-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px 27px}.video-caption h3{font-size:18px}.video-caption p{font-size:13px;color:var(--muted);margin-top:7px}.preview-note{font-size:12px;color:var(--faint)}.room-form{display:flex;flex-direction:column;gap:20px}.room-form label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:var(--muted)}.room-form input,.room-form select{width:100%}.room-created{padding:24px;background:var(--raised);border-radius:var(--radius-card)}.room-created h3{font-size:23px}.room-created p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:12px}.copy-field{display:flex;gap:10px;margin-top:22px}.copy-field input{flex:1;min-width:0;font-size:13px}.thread-body{font-size:15px;line-height:1.9;color:var(--muted)}.thread-replies{margin-top:25px}.thread-reply{border-top:1px solid var(--rule);padding:18px 0}.thread-reply p{font-size:14px;line-height:1.8;margin-top:8px}.reply-form{display:flex;flex-direction:column;align-items:flex-end;gap:12px;margin-top:25px}.reply-form label{width:100%;font-size:13px;color:var(--muted)}.reply-form textarea{width:100%;min-height:100px;resize:vertical;margin-top:9px}.about-copy p{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:20px}.about-copy h3{font-size:18px;margin:25px 0 12px}.about-copy a{text-decoration:underline;text-underline-offset:4px}.about-copy ul{font-size:13px;line-height:2;color:var(--muted);padding-left:18px}
.nav-popover{position:fixed;width:222px;background:#1c1b1a;border:1px solid #49433e;border-radius:10px;padding:7px;z-index:80;box-shadow:0 15px 45px rgba(0,0,0,.35)}.nav-popover>a,.nav-popover>button{display:flex;align-items:center;gap:11px;padding:11px 12px;min-height:43px;width:100%;border-radius:6px;text-align:left;font-size:13px;color:var(--muted)}.nav-popover>a:hover,.nav-popover>button:hover{background:var(--raised);color:var(--text)}.nav-popover svg{width:17px;height:17px}.toast{position:fixed;left:50%;bottom:27px;transform:translate(-50%,15px);background:var(--text);color:var(--ground);padding:13px 20px;border-radius:999px;font-size:13px;text-align:center;max-width:calc(100vw - 36px);z-index:100;opacity:0;pointer-events:none;transition:opacity 180ms,transform 260ms var(--ease)}.toast.visible{opacity:1;transform:translate(-50%,0)}.app-footer{max-width:1600px;margin:10px auto 0;padding:34px var(--pad) 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-home{font-size:15px;font-weight:500}.footer-top nav{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--faint)}.footer-top .text-button{font-size:12px;color:var(--faint)}.footer-wordmark{display:block;font-family:var(--display);font-size:clamp(70px,13.1vw,196px);letter-spacing:-.018em;line-height:1;margin-top:31px;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--faint);margin-top:22px}.noscript{position:fixed;bottom:0;left:0;right:0;padding:20px;background:var(--surface);text-align:center;z-index:100}.sidebar-close{display:none}
@keyframes cinema-drift{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.07) translateX(-7px)}}
@keyframes breathe{from{opacity:.6}to{opacity:1}}
.ui-tooltip{position:fixed;z-index:110;max-width:240px;padding:8px 11px;background:#292725;border:1px solid #514b45;border-radius:6px;color:var(--text);font-size:12px;line-height:1.6;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.25)}

@media(min-width:1700px){:root{--pad:60px}.cinema-hero{height:700px}.hero-title{font-size:172px}.hero-content{bottom:55px}.hero-topline{top:120px}}
@media(max-width:1250px){:root{--pad:30px;--gap:17px}.desktop-nav{gap:21px;margin-left:0}.topbar{gap:20px}.topbar-right{gap:10px}.search-label-desktop,.search-trigger kbd{display:none}.hero-title{font-size:124px}.next-feature>span,.feature-count{display:none}.feature-navigation{gap:8px}.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.poster-card h3{font-size:13px}.poster-meta{font-size:11px;gap:5px}.filter-bar{grid-template-columns:repeat(5,minmax(0,1fr))}.filter-search{grid-column:1/-1}.mood-discovery{gap:6%}.mood-copy h2{font-size:48px}.mood-choice-group{margin-top:20px}.mood-lead{font-size:15px;margin-top:15px}.mood-chip{padding:9px 10px;font-size:12px}.mood-options{gap:7px}.home-bottom{gap:30px}.room-copy h2{font-size:34px}.room-copy{padding:15px 10px}.footer-top nav{gap:18px}.footer-wordmark{font-size:13vw}.continue-title p{font-size:11px}}
@media(max-width:950px){:root{--pad:24px;--gap:16px}.desktop-nav{display:none}.mobile-menu{display:flex}.header-brand{margin-right:auto}.topbar{gap:17px;height:72px}.cinema-hero{margin-top:-72px;height:620px}.hero-topline{top:106px}.hero-title{font-size:112px}.hero-content{bottom:43px;max-width:550px}.hero-art{object-position:61% 45%}.hero-description{font-size:15px}.feature-navigation{bottom:43px}.next-feature{display:none}.hero-actions{gap:8px}.hero-title.title-frieren{font-size:136px}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-posters .poster-card:nth-child(n+5){display:none}.poster-meta{font-size:12px}.poster-card h3{font-size:14px}.continue-grid{gap:14px}.continue-art{aspect-ratio:1.85}.continue-title h3{font-size:13px}.continue-title p{font-size:11px}.section-heading h2{font-size:22px}.section-heading-right{gap:20px}.shelf-tabs{gap:14px}.section-heading-right>.text-button{display:none}.mood-discovery{gap:6%;grid-template-columns:.9fr 1fr;margin-top:60px}.mood-image{aspect-ratio:.75}.mood-copy h2{font-size:43px}.mood-options{grid-template-columns:repeat(2,1fr)}.mood-chip{font-size:12px}.mood-lead{font-size:14px}.mood-choice-group{margin-top:20px}.mood-copy .mood-submit{margin-top:22px}.home-bottom{gap:24px;grid-template-columns:1fr 1fr}.home-bottom .section-heading{align-items:start}.home-bottom .section-heading h2{font-size:24px}.home-bottom .section-heading .text-button{font-size:12px}.home-bottom .section-subtitle{font-size:12px}.schedule-row{gap:10px}.schedule-row>img{width:35px;height:48px}.schedule-info h3 .text-button{font-size:12px}.schedule-info p{font-size:11px}.schedule-time{font-size:12px}.schedule-time small{font-size:11px}.home-bottom .schedule-row>.icon-button{width:25px}.editorial-banner{min-height:350px}.editorial-banner>div{left:20px;right:20px;bottom:23px}.editorial-banner h2{font-size:28px}.editorial-banner .button{font-size:12px;padding:10px 13px}.calendar-layout,.community-layout{grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr);gap:18px}.panel{padding:21px}.calendar-layout .week-tab{padding:8px 7px;font-size:12px}.calendar-layout .schedule-row{gap:10px}.calendar-layout .button.small{font-size:11px;padding:7px 11px}.unconfirmed-releases>div{grid-template-columns:repeat(2,1fr)}.room-feature{grid-template-columns:1.1fr 1fr;gap:20px}.room-copy h2{font-size:30px}.room-copy p{font-size:14px;line-height:1.7}.room-benefits{gap:25px}.room-benefits h3{font-size:17px}.room-benefits p{font-size:13px}.footer-top{align-items:start}.footer-top nav{gap:14px}.sidebar.menu-open{position:fixed;display:block;inset:0 auto 0 0;width:280px;background:var(--surface);z-index:70;box-shadow:0 0 0 100vmax rgba(0,0,0,.65)}.sidebar .brand{height:90px;padding:28px 24px}.sidebar-inner{padding:15px 15px 25px;display:flex;flex-direction:column;height:calc(100dvh - 90px)}.sidebar-close{display:flex;position:absolute;right:10px;top:24px}.nav-label{font-size:12px;color:var(--faint);padding:0 13px;margin-bottom:14px}.nav-item{display:flex;align-items:center;gap:13px;min-height:47px;width:100%;padding:11px 13px;font-size:14px;color:var(--muted);text-align:left}.nav-item.active{color:var(--text)}.nav-item svg{width:18px;height:18px}.nav-icon{display:flex}.sidebar-note{margin:25px 13px;color:var(--muted);font-size:13px;line-height:1.8}.sidebar-note .text-button{font-size:12px;margin-top:13px}.sidebar-bottom{margin-top:auto}.profile-button{display:flex;align-items:center;gap:12px;text-align:left;padding:20px 12px 0;margin-top:15px;border-top:1px solid var(--control);width:100%}.profile-button small{display:block;font-size:11px;color:var(--faint);margin-top:4px}.profile-arrow{margin-left:auto}}
@media(max-width:640px){:root{--pad:18px;--gap:14px;--fs-title:27px;--fs-section:22px}.topbar{height:65px;padding:0 15px;gap:10px}.header-brand{font-size:16px;letter-spacing:-.6px;gap:9px}.brand-symbol{height:27px;width:23px}.topbar-right{gap:3px}.topbar .icon-button,.topbar .search-trigger{width:39px;height:44px;padding:0;justify-content:center}.top-avatar{display:none}.mobile-menu svg{width:19px;height:19px}.search-trigger svg{width:19px;height:19px}.cinema-hero{margin-top:-65px;height:630px}.hero-art{object-position:76% 50%;animation-duration:26s}.cinema-hero:after{background:linear-gradient(0deg,rgba(11,11,11,1),rgba(11,11,11,.7) 35%,rgba(11,11,11,.02) 70%,rgba(11,11,11,.3))}.hero-topline{left:18px;right:18px;top:91px;align-items:start;gap:10px}.hero-topline h1{font-size:13px;max-width:190px}.hero-picker{font-size:11px;padding:7px 10px;gap:6px;min-height:34px}.hero-picker svg{height:12px;width:12px}.hero-content{left:21px;right:21px;bottom:57px;max-width:none}.hero-title{font-size:91px;line-height:.93;max-width:330px}.hero-title.title-frieren{font-size:88px;letter-spacing:-.015em}.hero-description{font-size:13px;letter-spacing:0;margin-top:17px;max-width:310px}.hero-subtitle{font-size:15px;margin-top:8px}.hero-meta{font-size:11px;gap:7px;margin-top:7px}.hero-actions{margin-top:20px;gap:9px}.hero-actions>.button{min-height:44px;padding:10px 16px;font-size:13px}.hero-info{width:35px}.hero-info svg{width:19px;height:19px}.feature-navigation{right:18px;bottom:19px;gap:7px}.feature-navigation>.icon-button{width:28px;height:28px}.feature-navigation>.icon-button svg{width:14px;height:14px}.feature-count{display:block;font-size:11px;margin-left:3px}.home-content{padding:0 18px}.section{margin-top:32px}.section-heading{gap:13px;align-items:center;margin-bottom:18px}.section-heading h2{font-size:20px;letter-spacing:-.035em}.section-heading .text-button{font-size:11px;gap:5px}.section-heading .text-button svg{width:13px;height:13px}.section-subtitle{font-size:12px}.continue-grid{grid-template-columns:1fr;gap:17px}.continue-card{display:grid;grid-template-columns:142px minmax(0,1fr);gap:14px;align-items:center}.continue-art{height:86px;aspect-ratio:auto}.continue-title{margin-top:0;min-width:0}.continue-title h3{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.continue-title p{font-size:11px;margin-top:6px}.continue-title>.icon-button{display:none}.continue-art .play-circle{width:22px;height:22px;left:9px;bottom:11px}.play-circle svg{width:9px;height:9px}.time-left{font-size:11px;right:8px;bottom:13px}.poster-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.home-posters .poster-card:nth-child(n+5){display:block}.poster-card h3{font-size:13px;margin-top:11px}.poster-meta{font-size:11px;gap:5px}.quick-save{opacity:1;width:29px;height:29px}.quick-save:before{content:'';position:absolute;inset:-8px}.poster-score{font-size:11px;padding:3px 6px;left:8px;bottom:8px}.shelf-tabs{gap:12px}.shelf-tab{font-size:11px;min-height:38px}.section-heading-right{gap:8px}.feed-source{font-size:11px;margin-top:-10px}.mood-discovery{display:flex;flex-direction:column;gap:0;margin-top:47px;align-items:stretch}.mood-image{aspect-ratio:1.6}.mood-image>img{object-position:50% 38%}.mood-image>p{font-size:11px;left:19px;bottom:17px}.mood-copy{padding:28px 3px 0}.mood-copy h2{font-size:40px;max-width:300px}.mood-lead{font-size:14px;margin-top:13px}.mood-lead>br{display:none}.mood-choice-group{margin-top:24px}.mood-choice-group>p{font-size:12px;margin-bottom:12px}.mood-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mood-chip{font-size:12px;padding:9px 8px;min-height:44px}.mood-time-options{gap:8px}.mood-submit{min-height:46px;margin-top:25px;font-size:14px}.home-bottom{grid-template-columns:1fr;gap:30px;margin-top:43px}.home-bottom .section-heading h2{font-size:24px}.home-bottom .section-heading .text-button{font-size:12px}.home-bottom .schedule-info h3 .text-button{font-size:13px}.home-bottom .schedule-row{gap:13px}.home-bottom .schedule-row>img{width:40px;height:56px}.schedule-info p{font-size:12px}.schedule-time{font-size:13px}.schedule-row{padding:14px 0}.editorial-banner{min-height:325px}.editorial-banner h2{font-size:31px}.editorial-banner p{font-size:13px}.editorial-banner .button{min-height:44px;font-size:12px}.page-heading{gap:14px;margin-bottom:26px;align-items:start}.page-heading h1{font-size:27px;line-height:1.2;max-width:300px}.page-heading p{font-size:13px;line-height:1.7;max-width:280px;margin-top:11px}.page-heading>.button{font-size:12px;padding:10px 13px;min-height:43px}.page-heading>.text-button{font-size:12px;padding-top:6px}.page-heading>.button svg{height:16px;width:16px}main{padding:29px 18px 35px;min-height:calc(100svh - 180px)}main.home-page{padding-bottom:35px}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px;margin-bottom:24px}.filter-bar label{font-size:12px;gap:8px}.filter-search{grid-column:1/-1}.filter-bar label:last-child{grid-column:1/-1}.select-trigger{font-size:13px;min-height:44px}.select-menu{border-radius:var(--radius-control)}.select-option{min-height:44px;font-size:14px}.input-with-icon input{font-size:13px;min-height:46px}.catalog-summary{margin-bottom:20px;gap:15px}.catalog-summary .source-label{font-size:11px}.result-count{font-size:12px}.catalog-pagination{gap:14px;flex-direction:column;margin-top:29px}.catalog-pagination .button{min-height:45px}.catalog-pagination>span{font-size:12px}.feed-notice{padding:16px;gap:9px;font-size:12px;flex-wrap:wrap}.feed-notice>span{min-width:200px}.feed-notice>svg{height:15px;width:15px}.feed-notice .text-button{margin-left:23px;font-size:12px}.feed-notice.quiet{font-size:12px}.library-tabs{gap:8px;margin:3px 0 25px}.library-tab{font-size:12px;padding:10px 13px;min-height:43px}.library-tab .num{margin-left:6px}.library-status{font-size:12px}.poster-card>.select-control .select-trigger{min-height:40px;padding:9px;font-size:12px}.empty-state{padding:33px 20px}.empty-state h2{font-size:22px}.empty-state p{font-size:13px}.calendar-layout,.community-layout{grid-template-columns:1fr;gap:19px}.panel{padding:21px}.panel h2{font-size:21px}.calendar-layout .week-tab{font-size:12px;padding:9px 5px;min-height:44px}.week-tabs{gap:3px;margin-bottom:17px}.calendar-layout .schedule-info h3 .text-button{font-size:13px}.calendar-layout .schedule-time{font-size:12px}.calendar-layout .button.small{font-size:11px;padding:8px 10px;min-height:39px}.calendar-note{font-size:12px;line-height:1.8;margin-top:18px}.schedule-empty{padding:26px 16px;font-size:13px}.schedule-empty>span{font-size:12px}.unconfirmed-releases{padding:21px;margin-top:21px}.unconfirmed-releases summary{font-size:13px}.unconfirmed-releases>div{grid-template-columns:1fr;gap:10px}.follow-row{padding:14px 0}.follow-row p{font-size:13px}.discussion-card{padding:22px}.discussion-byline{font-size:12px;line-height:1.6}.discussion-card h2{font-size:20px;line-height:1.3}.discussion-card>p{font-size:13px;line-height:1.8}.discussion-bottom{font-size:12px;align-items:start}.discussion-bottom>span{font-size:11px;gap:5px}.discussion-bottom svg{width:12px;height:12px}.community-side>p{font-size:13px}.community-side .button{font-size:12px}.room-feature{grid-template-columns:1fr;gap:10px}.room-art{aspect-ratio:1.4}.room-copy{padding:23px 3px}.room-copy h2{font-size:35px;max-width:300px}.room-copy p{font-size:14px;margin:17px 0 23px}.room-copy .button{font-size:13px}.room-benefits{grid-template-columns:1fr;gap:25px;margin-top:25px}.room-benefits h3{font-size:18px}.room-benefits p{font-size:13px;margin-top:10px}.profile-intro{padding:22px;gap:15px}.profile-intro .avatar{height:47px;width:47px;font-size:21px}.profile-intro h2{font-size:22px}.profile-intro p{font-size:12px}.profile-grid{gap:10px;margin:20px 0}.profile-stat{padding:19px 13px}.profile-stat p{font-size:11px}.profile-stat strong{font-size:26px;margin-top:10px}.app-footer{padding:30px 18px 105px;margin-top:5px}.footer-top{display:block}.footer-home{font-size:14px}.footer-top nav{flex-wrap:wrap;gap:12px 19px;margin-top:20px;font-size:11px}.footer-top .text-button{font-size:11px}.footer-wordmark{font-size:13.5vw;margin-top:28px}.footer-bottom{font-size:10px;gap:15px;margin-top:17px}.footer-bottom>span:last-child{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:space-around;height:calc(67px + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:var(--ground);border-top:1px solid var(--rule)}.mobile-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:47px;width:25%;font-size:11px;color:var(--faint)}.mobile-nav>a.active{color:var(--text)}.mobile-nav svg{width:20px;height:20px}.toast{bottom:84px;font-size:12px;min-width:180px;padding:12px 17px}.nav-popover{max-width:calc(100vw - 32px)}dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 26px);border-radius:16px}.modal-header{padding:21px 20px 16px;gap:15px}.modal-header h2{font-size:19px}.modal-body{padding:7px 20px 25px}.modal-intro{font-size:13px;margin-bottom:23px}.modal-footer{padding:18px 20px 23px;gap:11px}.modal-footer>p{font-size:11px}.modal-footer .button{font-size:12px;padding:10px 15px;min-height:44px}.detail-layout{grid-template-columns:85px minmax(0,1fr);gap:12px 14px}.detail-poster{grid-column:1;grid-row:1/5;align-self:start}.detail-info{display:contents}.detail-source{grid-column:2;grid-row:1;font-size:11px;gap:9px;flex-wrap:wrap;margin:0}.detail-info>h3{grid-column:2;grid-row:2;font-size:21px;line-height:1.25}.detail-info>.native-title{grid-column:2;grid-row:3;font-size:11px;margin:0}.detail-info>.detail-facts{grid-column:2;grid-row:4;font-size:11px;gap:5px}.detail-facts span{padding:3px 6px}.detail-info>p,.detail-info>.text-button,.detail-info>.detail-controls{grid-column:1/-1;margin:0}.detail-info>p{font-size:13px;line-height:1.8;margin-top:6px}.detail-controls{gap:9px}.detail-controls .button{min-height:44px;font-size:12px;padding:10px 16px}.episode-header{margin-top:26px;gap:12px}.episode-header h3{font-size:16px}.episode-header>span{font-size:11px}.detail-note{font-size:12px;line-height:1.8}.episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.episode-button{min-height:44px;font-size:11px;padding:10px 3px}.episode-button svg{display:none}.episode-more{font-size:11px;align-items:start}.episode-more .text-button{font-size:11px;gap:5px}.detail-bottom{font-size:11px;gap:12px;align-items:start}.detail-bottom .text-button{font-size:11px;gap:6px}.detail-bottom .text-button svg{width:13px;height:13px}.detail-bottom>a>svg{width:12px;height:12px}.search-box{margin:4px 20px 13px}.search-box input{font-size:14px;min-height:50px;padding-left:41px}.search-box>svg{left:13px;top:16px;width:18px;height:18px}.search-results{padding:0 10px 18px}.search-result{gap:12px}.search-result>img{height:59px;width:41px}.search-result h3{font-size:13px}.search-result p{font-size:11px;line-height:1.7}.search-result>span svg{width:15px;height:15px}.search-hint{padding:0 20px 20px;font-size:11px}.picker-options{gap:8px}.picker-options .mood-chip{font-size:12px;padding:10px 13px;min-height:44px}.picker-section>p{font-size:12px}.picker-result{grid-template-columns:65px minmax(0,1fr);gap:14px;padding:15px;border-radius:12px}.picker-result>img{width:65px}.picker-result h3{font-size:17px}.picker-result p{font-size:12px}.picker-result .text-button{font-size:12px}.picker-explainer{font-size:11px}.settings-row{gap:17px;padding:18px 0}.settings-row h3{font-size:14px}.settings-row p{font-size:12px}.settings-row>.select-control{min-width:105px;max-width:118px}.settings-row .select-trigger{font-size:12px;padding:10px 9px}.video-caption{padding:20px;align-items:start;flex-direction:column;gap:17px}.video-caption h3{font-size:17px}.video-caption p{font-size:12px}.video-caption .button{font-size:12px}.video-frame{aspect-ratio:1.6}.room-form label{font-size:12px}.room-form input{font-size:13px}.room-created{padding:19px}.room-created h3{font-size:21px}.room-created p{font-size:13px}.copy-field{flex-direction:column}.copy-field .button{align-self:start;font-size:12px}.thread-body{font-size:13px;line-height:1.9}.thread-reply p{font-size:13px}.reply-form label{font-size:12px}.reply-form .button{font-size:12px}.about-copy p{font-size:13px}.about-copy h3{font-size:17px}.about-copy ul{font-size:12px}}
@media(min-width:951px) and (max-height:920px){.hero-title:not(.title-frieren){font-size:clamp(108px,calc(34svh - 175px),140px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.mood-chip:hover,.poster-link:hover .poster-art>img,.continue-art:hover>img,.editorial-banner:hover>img,.mood-image:hover>img{transform:none}.hero-art{will-change:auto}}

.poster-score{display:inline-flex;align-items:center;gap:4px}.poster-score>svg{width:12px;height:12px;color:var(--accent);fill:currentColor}.detail-source>span{display:inline-flex;align-items:center;gap:5px}.detail-source>span>svg{width:13px;height:13px;fill:currentColor}@media(max-width:640px){.mobile-nav{display:none}.app-footer{padding-bottom:32px}.toast{bottom:24px}.footer-bottom{font-size:11px}.footer-bottom>span[data-sync-status]{display:inline}}

@media(max-width:640px){.hero-topline h1{font-size:14px}.hero-picker{font-size:12px}.hero-meta{font-size:12px}.hero-content{bottom:70px}.feature-navigation{bottom:12px;gap:10px}.feature-navigation>.icon-button{width:38px;height:38px;position:relative}.feature-navigation>.icon-button:before{content:'';position:absolute;inset:-3px}.feature-navigation>.icon-button svg{width:16px;height:16px}.shelf-tab{font-size:13px}.section-heading .text-button{font-size:12px}.poster-card h3{font-size:14px}.poster-meta{font-size:13px}.continue-title p{font-size:12px}.mood-chip,.picker-options .mood-chip{font-size:13px}}
/* Episode selection starts playback; progress editing is an explicit secondary mode. */
.episode-instructions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px;flex-wrap:wrap}
.episode-instructions .detail-note{margin:0;flex:1;min-width:180px}
.episode-instructions .text-button{font-size:12px;min-height:44px;white-space:nowrap}
.episode-instructions .text-button[aria-pressed=true]{color:var(--text);text-decoration:underline;text-underline-offset:4px}
.account-panel{margin-top:20px}.auth-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}.auth-error{color:#ff9b87;font-size:13px;line-height:1.6}.modal-body .room-form>.button{align-self:flex-start}.detail-note .text-button{font-size:inherit}
