@font-face{font-family:Outfit;font-weight:600;font-display:swap;src:url(/assets/outfit-600-BTLuuZKC.woff) format("woff")}@font-face{font-family:Outfit;font-weight:700;font-display:swap;src:url(/assets/outfit-700-DQkHTSVS.woff) format("woff")}@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(/assets/manrope-500-DGZv6qUA.woff) format("woff")}@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(/assets/manrope-600-C3b_UOXv.woff) format("woff")}@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(/assets/manrope-700-LUuDjiJ5.woff) format("woff")}@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(/assets/manrope-800-Cq_S5bvH.woff) format("woff")}:root{color-scheme:dark;--ink: #0B0D13;--surface1: #141822;--surface2: #1C2130;--surface3: #262C3D;--surface4: #30374A;--row: #11141C;--outline: #30374A;--outline-strong: #3A4256;--scrim: rgba(11, 13, 19, .72);--dialog-scrim: rgba(11, 13, 19, .8);--text-primary: #F4F5F8;--text-strong: #E9EBF1;--text-body: #C9CDD8;--text-secondary: #A7ADBD;--text-tertiary: #7C8396;--text-disabled: #4A5163;--accent: #FF385C;--accent-text: #FF5C7A;--accent-strong: #D91E45;--accent-tint: rgba(255, 56, 92, .16);--accent-disabled: #2A1820;--on-accent-disabled: #6E5460;--focus: #FFFFFF;--on-focus: #0B0D13;--on-focus-secondary: #3A4256;--on-focus-tertiary: #4A5163;--halo: rgba(255, 255, 255, .16);--success: #3DD68C;--success-on-focus: #16834F;--warning: #F5B544;--error: #FF6B81;--error-text: #FF8A9C;--error-on-focus: #C8203F;--gutter: clamp(16px, 4vw, 64px);--top: clamp(12px, 2.4vh, 32px);--radius: .75rem;--ease: cubic-bezier(.2, 0, 0, 1);--title: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html{font-size:clamp(15px,.35vw + 11.5px,18px);-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--ink)}body{overflow:hidden;color:var(--text-primary);font-family:var(--body);font-weight:500;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}button:disabled{cursor:default}:focus{outline:none}svg{display:block}img{border:0}h1,h2,h3,p{margin:0;font:inherit}::selection{background:var(--accent-tint)}.app{position:fixed;inset:0;overflow:hidden;background:var(--ink)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.t-display{font-family:var(--title);font-weight:600;font-size:clamp(2rem,1.1rem + 3vw,3.75rem);line-height:1.1;letter-spacing:-.01em}.t-hero{font-family:var(--title);font-weight:600;font-size:clamp(1.9rem,1.1rem + 2.6vw,3.4rem);line-height:1.15}.t-headline{font-family:var(--title);font-weight:600;font-size:clamp(1.6rem,1.15rem + 1.5vw,2.5rem);line-height:1.2}.t-headline-small{font-family:var(--title);font-weight:600;font-size:clamp(1.3rem,1.05rem + .8vw,1.75rem);line-height:1.25}.t-title-large{font-weight:700;font-size:clamp(1.1rem,1rem + .35vw,1.3rem);line-height:1.35}.t-title-medium{font-weight:700;font-size:1.0625rem;line-height:1.4}.t-body-large{font-weight:500;font-size:1.0625rem;line-height:1.55}.t-body{font-weight:500;font-size:1rem;line-height:1.5}.t-body-medium{font-weight:500;font-size:.9375rem;line-height:1.45}.t-label{font-weight:700;font-size:.9375rem;line-height:1.35}.t-label-small{font-weight:700;font-size:.8125rem;line-height:1.4}.t-eyebrow{font-weight:800;font-size:.75rem;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.t-caption{font-weight:600;font-size:.8125rem;line-height:1.4}.t-wordmark{font-family:var(--title);font-weight:700;font-size:1.6rem;line-height:1;letter-spacing:.02em;color:var(--accent)}.tnum{font-variant-numeric:tabular-nums}.w500{font-weight:500}.w600{font-weight:600}.w700{font-weight:700}.w800{font-weight:800}.italic{font-style:italic}.c-primary{color:var(--text-primary)}.c-strong{color:var(--text-strong)}.c-body{color:var(--text-body)}.c-secondary{color:var(--text-secondary)}.c-tertiary{color:var(--text-tertiary)}.c-disabled{color:var(--text-disabled)}.c-accent{color:var(--accent)}.c-accent-text{color:var(--accent-text)}.c-success{color:var(--success)}.c-warning{color:var(--warning)}.c-error{color:var(--error)}.c-error-text{color:var(--error-text)}.c-white{color:#fff}.center-text{text-align:center}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clamp2,.clamp3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.clamp2{-webkit-line-clamp:2;line-clamp:2}.clamp3{-webkit-line-clamp:3;line-clamp:3}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.wrap{flex-wrap:wrap}.center{align-items:center}.start{align-items:flex-start}.end{align-items:flex-end}.stretch{align-items:stretch}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.grow{flex:1 1 0;min-width:0;min-height:0}.shrink{flex-shrink:1;min-width:0}.none{flex:none}.fill{width:100%;height:100%}.full-width{width:100%}.relative{position:relative}.abs-fill{position:absolute;inset:0}.no-pointer{pointer-events:none}.divider{height:1px;width:100%;background:var(--surface2);flex:none}.g1{gap:.25rem}.g2{gap:.5rem}.g3{gap:.75rem}.g4{gap:1rem}.g5{gap:1.25rem}.g6{gap:1.5rem}.g8{gap:2rem}.g10{gap:2.5rem}.g12{gap:3rem}.pad-x{padding-left:var(--gutter);padding-right:var(--gutter)}.screen{position:absolute;inset:0;display:flex;flex-direction:column}.page{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.scroll-y{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.scroll-x{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.content{width:100%;max-width:1600px;margin:0 auto}.narrow{width:100%;max-width:1180px;margin:0 auto}.page,.scroll-y{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.page::-webkit-scrollbar,.scroll-y::-webkit-scrollbar{width:10px}.page::-webkit-scrollbar-thumb,.scroll-y::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:10px;border:3px solid var(--ink)}.page::-webkit-scrollbar-track,.scroll-y::-webkit-scrollbar-track{background:transparent}.surface{position:relative;border-radius:var(--radius);cursor:pointer;transition:background-color 90ms linear,color 90ms linear,box-shadow 90ms linear,border-color 90ms linear}.surface:focus-visible{z-index:2;transition-duration:.15s;transition-timing-function:var(--ease);background-color:var(--focus)!important;color:var(--on-focus)!important;box-shadow:0 0 0 4px var(--halo),0 10px 24px #00000073}.surface:disabled,.surface[aria-disabled=true]{cursor:default}.ring{position:relative;border-radius:var(--r, 12px)}.ring:after{content:"";position:absolute;inset:-6px;border:3px solid #fff;border-radius:calc(var(--r, 12px) + 6px);opacity:0;pointer-events:none;transition:opacity 90ms linear}.tile:focus-visible .ring:after,.tile.selected .ring:after{opacity:1;transition:opacity .15s var(--ease)}.tile:focus-visible .ring{box-shadow:0 18px 36px #0000008c}.tile{display:block;width:100%;color:inherit;border-radius:var(--r, 12px)}.clip{overflow:hidden;position:relative}@media(hover:hover){.surface:hover:not(:disabled):not([aria-disabled=true]):not(:focus-visible){background-color:var(--surface3);color:var(--text-primary)}.tile:hover .ring:after{opacity:.85}.tile:hover .tile-title,.tile:hover .landscape-title{color:var(--text-primary)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex:none;min-height:2.75rem;padding:.5rem 1.15rem;white-space:nowrap;border-radius:var(--radius);font-weight:700;font-size:.9375rem;line-height:1.25;background-color:var(--surface2);color:var(--text-strong)}.btn.large{min-height:3.125rem;padding:.6rem 1.4rem;font-size:1rem;font-weight:800}.btn.small{min-height:2.25rem;padding:.3rem .85rem;font-size:.875rem}.btn.with-icon{padding-left:.95rem}.btn.icon-only{padding:0;width:2.75rem}.btn.large.icon-only{width:3.125rem}.btn.small.icon-only{width:2.25rem}.btn.primary{background-color:var(--accent-strong);color:#fff}.btn.primary:focus-visible .btn-icon{color:var(--accent-strong)}.btn.ghost{background-color:transparent;color:var(--text-body)}.btn.glass{background-color:#ffffff1f;color:var(--text-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn.destructive{background-color:#ff6b8124;color:var(--error)}.btn.destructive:focus-visible{color:var(--error-on-focus)!important}.btn:disabled{background-color:var(--surface1);color:var(--text-disabled)}.btn.primary:disabled{background-color:var(--accent-disabled);color:var(--on-accent-disabled)}.btn.ghost:disabled{background-color:transparent}.btn.glass:disabled{background-color:#ffffff0f;color:#ffffff52}@media(hover:hover){.btn.primary:hover:not(:disabled):not(:focus-visible){background-color:var(--accent);color:#fff}.btn.glass:hover:not(:disabled):not(:focus-visible){background-color:#fff3}.btn.destructive:hover:not(:disabled):not(:focus-visible){background-color:#ff6b813d;color:var(--error)}}.btn-label{overflow:hidden;text-overflow:ellipsis}.icon-btn{position:relative;display:flex;align-items:center;justify-content:center;flex:none;border-radius:999px;width:var(--size, 3rem);height:var(--size, 3rem);background-color:#ffffff1f;color:var(--text-strong)}.icon-btn.primary{background-color:#ffffffeb;color:var(--ink)}.icon-btn.bare{background-color:transparent}.icon-btn:disabled{background-color:#ffffff0f;color:#ffffff4d}.icon-btn.bare:disabled{background-color:transparent}@media(hover:hover){.icon-btn:hover:not(:disabled):not(:focus-visible){background-color:#ffffff3d;color:#fff}.icon-btn.primary:hover:not(:disabled):not(:focus-visible){background-color:#fff;color:var(--ink)}}.icon-btn.c-accent{color:var(--accent)}.icon-btn.c-disabled{color:var(--text-tertiary)}.icon-btn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%);white-space:nowrap;background:#fff;color:var(--ink);border-radius:999px;padding:.25rem .75rem;font-weight:800;font-size:.8125rem;line-height:1.4;pointer-events:none;opacity:0;transition:opacity .12s linear}.icon-btn.tip-below[data-tip]:after{bottom:auto;top:calc(100% + .6rem)}.icon-btn.tip-start[data-tip]:after{left:0;transform:none}.icon-btn.tip-end[data-tip]:after{left:auto;right:0;transform:none}.icon-btn[data-tip]:focus-visible:after{opacity:1}@media(hover:hover){.icon-btn[data-tip]:hover:after{opacity:1}}.chip{display:inline-flex;align-items:center;gap:.4rem;flex:none;min-height:2.5rem;border-radius:999px;padding:0 1rem;border:2px solid var(--outline);background-color:transparent;color:var(--text-body);font-weight:700;font-size:.875rem;white-space:nowrap}.chip.selected{padding-left:.75rem;border-color:var(--accent);background-color:var(--accent-tint);color:var(--text-primary)}.chip:focus-visible{border-color:#fff}.chip .chip-check{color:var(--accent)}.chip:focus-visible .chip-check{color:var(--accent-strong)}.tab-group{display:flex;gap:2px;background:var(--surface1);border-radius:999px;padding:4px}.tab{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1 1 auto;min-height:2.5rem;border-radius:999px;padding:0 1.15rem;background-color:transparent;color:var(--text-secondary);font-weight:700;font-size:.9375rem;white-space:nowrap}.tab.selected{background-color:var(--surface3);color:var(--text-primary)}.tab .tab-dot{width:6px;height:6px;border-radius:3px;background:var(--accent);flex:none}.tab:focus-visible .tab-dot{background:var(--accent-strong)}.choice{display:flex;align-items:center;gap:.9rem;width:100%;min-height:3.25rem;padding:.6rem .9rem;background-color:transparent;color:var(--text-body);font-weight:600;font-size:.9375rem;line-height:1.35}.choice.selected{color:var(--text-primary);font-weight:700}.choice .choice-check{width:1.4rem;height:1.4rem;color:var(--accent);flex:none}.choice:focus-visible .choice-check{color:var(--accent-strong)}.choice .choice-trailing{color:var(--text-tertiary);font-size:.8125rem;font-weight:600}.choice:focus-visible .choice-trailing{color:var(--on-focus-tertiary)}.choice:disabled{color:var(--text-disabled)}.field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.field-label{font-size:.8125rem;line-height:1.4;font-weight:700;color:var(--text-secondary)}.field:focus-within .field-label{color:var(--text-primary)}.field.error .field-label{color:var(--error)}.field.disabled .field-label{color:var(--text-disabled)}.field-box{position:relative;display:flex;align-items:center;gap:.6rem;min-height:3rem;padding:0 .95rem;border-radius:var(--radius);background-color:var(--surface2);border:2px solid var(--outline);cursor:text;transition:background-color 90ms linear,border-color 90ms linear,box-shadow 90ms linear}.field-box.compact{min-height:2.75rem}@media(hover:hover){.field-box:hover{border-color:var(--outline-strong)}}.field-box:focus-within{background-color:var(--surface3);border-color:var(--accent)}.field.error .field-box{border-color:var(--error)}.field.disabled .field-box{background-color:var(--surface1);border-color:var(--surface2);color:var(--text-disabled);cursor:default}.field-box .field-icon{color:var(--text-tertiary);flex:none}.field-box:focus-within .field-icon{color:var(--text-secondary)}.field-box input{flex:1 1 0;min-width:0;height:100%;min-height:inherit;border:0;outline:none;background:transparent;padding:0;font-weight:600;font-size:1rem;color:var(--text-primary)}.field-box input::placeholder{color:var(--text-tertiary);font-weight:500;opacity:1}.field-box input:disabled{color:var(--text-disabled)}.field-box input[type=search]::-webkit-search-cancel-button{display:none}.field-support{font-size:.8125rem;line-height:1.4;font-weight:600;color:var(--text-tertiary)}.field.error .field-support{color:var(--error-text)}.field-clear{color:var(--text-tertiary);border-radius:999px;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;flex:none}.field-clear:hover{color:var(--text-primary);background:var(--surface4)}.field-clear:focus-visible{background:#fff;color:var(--ink)}.checkbox-row{display:flex;align-items:center;gap:.85rem;min-height:3rem;padding:.5rem .75rem;margin-left:-.75rem;background-color:transparent;color:var(--text-body);font-size:.9375rem;line-height:1.4;font-weight:600}.checkbox-box{width:1.4rem;height:1.4rem;border-radius:.4rem;border:2px solid var(--outline-strong);flex:none;display:flex;align-items:center;justify-content:center;color:#fff}.checkbox-box.checked{background:var(--accent-strong);border-color:var(--accent-strong)}.checkbox-row:focus-visible .checkbox-box{border-color:var(--ink)}.checkbox-row:focus-visible .checkbox-box.checked{background:var(--ink)}.banner{display:flex;align-items:center;gap:.9rem;border-radius:1rem;padding:.85rem 1.1rem;border:1px solid}.banner.error{background:#ff6b811a;border-color:#ff6b8152}.banner.warning{background:#f5b5441a;border-color:#f5b54452}.banner.neutral{background:var(--surface2);border-color:var(--surface3)}.banner .banner-icon{flex:none}.state-tile{width:4rem;height:4rem;border-radius:1.15rem;display:flex;align-items:center;justify-content:center;flex:none;background:var(--surface1);color:var(--text-secondary)}.state-tile.error{background:#ff6b8124;color:var(--error)}.state-tile.warning{background:#f5b54424;color:var(--warning)}.badge{display:inline-block;border-radius:999px;padding:.2rem .65rem;background:var(--accent-tint);color:var(--accent-text);font-weight:800;font-size:.6875rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.badge.plain{letter-spacing:0;text-transform:none;font-size:.8125rem}.progress{position:relative;overflow:hidden;border-radius:999px;background:var(--surface3);height:4px;flex:none}.progress>.bar{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--accent)}.progress.indeterminate>.bar{width:40%;animation:indeterminate 1.4s infinite ease-in-out}@keyframes indeterminate{0%{left:-40%}to{left:100%}}.spinner{border-style:solid;border-color:var(--surface3);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.dialog-scrim{position:fixed;inset:0;background:var(--dialog-scrim);z-index:50;padding:16px;display:flex;align-items:center;justify-content:center;animation:fade-in .12s linear}.dialog{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--surface2);border:1px solid var(--outline);border-radius:1.5rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 24px 64px #0009;animation:rise .16s var(--ease)}.dialog-title{font-family:var(--title);font-weight:600;font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem);line-height:1.25}.dialog-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.sheet-scrim{position:fixed;inset:0;z-index:50;background:#00000059;animation:fade-in .12s linear}.sheet{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);display:flex;flex-direction:column;background:#141822f7;padding:clamp(1rem,3vw,2rem);padding-top:max(clamp(1rem,3vw,2rem),env(safe-area-inset-top));box-shadow:-24px 0 64px #00000080;animation:slide-in .18s var(--ease)}@keyframes slide-in{0%{transform:translate(32px);opacity:0}to{transform:none;opacity:1}}@media(max-width:640px){.sheet{top:auto;left:0;width:100%;max-height:80dvh;border-radius:1.5rem 1.5rem 0 0;padding-bottom:max(1rem,env(safe-area-inset-bottom));animation:slide-up .2s var(--ease)}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}}.sheet-handle{display:none}@media(max-width:640px){.sheet-handle{display:block;width:40px;height:4px;border-radius:2px;background:var(--surface4);margin:-.25rem auto .75rem}}.toast{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;width:min(880px,calc(100% - 32px));background:var(--ink);border-radius:1rem;box-shadow:0 16px 48px #0009;animation:rise .16s var(--ease)}.art{position:relative;overflow:hidden;background:var(--surface1)}.art.abs-fill{position:absolute}.art>svg,.art>img,.art>.art-fallback{position:absolute;inset:0;width:100%;height:100%}.art>img{object-fit:cover}.ratio-poster{aspect-ratio:2 / 3}.ratio-wide{aspect-ratio:16 / 9}.tile-title{font-weight:600;font-size:.875rem;line-height:1.35;color:var(--text-secondary);margin-top:.6rem;min-height:2.7em}.tile:focus-visible .tile-title{font-weight:700;color:var(--text-primary)}.tile-subtitle{font-size:.8125rem;line-height:1.35;font-weight:600;color:var(--text-tertiary)}.landscape-title{font-weight:600;font-size:.9375rem;line-height:1.35;color:var(--text-body);margin-top:.6rem}.tile:focus-visible .landscape-title{font-weight:700;color:var(--text-primary)}.fav-badge{position:absolute;top:.4rem;right:.4rem;width:1.6rem;height:1.6rem;border-radius:999px;background:#0b0d13b8;display:flex;align-items:center;justify-content:center;color:var(--accent)}.on-focus-secondary{color:var(--text-secondary)}.surface:focus-visible .on-focus-secondary{color:var(--on-focus-secondary)}.on-focus-tertiary{color:var(--text-tertiary)}.surface:focus-visible .on-focus-tertiary{color:var(--on-focus-tertiary)}.appbar{display:flex;align-items:center;gap:.75rem;flex:none;min-height:3.75rem;padding:max(var(--top),env(safe-area-inset-top)) var(--gutter) .75rem}.appbar .t-wordmark{margin-right:.25rem}.profile-chip{display:inline-flex;align-items:center;gap:.6rem;padding:.3rem .9rem .3rem .3rem;min-height:2.75rem;background:var(--surface2)}.rail{position:relative}.rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--tile);gap:clamp(.75rem,1.4vw,1.25rem);padding:.6rem var(--gutter) .75rem;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter)}.rail-track>*{scroll-snap-align:start}.rail-arrow{position:absolute;top:0;bottom:2.5rem;width:var(--gutter);min-width:2.75rem;display:none;align-items:center;justify-content:center;z-index:3;color:#fff;opacity:0;transition:opacity .15s linear}.rail-arrow.prev{left:0;background:linear-gradient(to right,#0b0d13e6,#0b0d1300)}.rail-arrow.next{right:0;background:linear-gradient(to left,#0b0d13e6,#0b0d1300)}.rail-arrow:focus-visible{opacity:1}@media(hover:hover)and (pointer:fine){.rail-arrow{display:flex}.rail:hover .rail-arrow:not(:disabled){opacity:1}.rail-arrow:disabled{visibility:hidden}}.posters{--tile: clamp(7.5rem, 13vw, 12.5rem)}.landscapes{--tile: clamp(15rem, 24vw, 22rem)}.browser-header{display:grid;align-items:center;gap:.75rem 1rem;flex:none;grid-template-columns:minmax(0,1fr) auto minmax(14rem,22rem);grid-template-areas:"head tabs search";padding:max(var(--top),env(safe-area-inset-top)) var(--gutter) .75rem}.browser-header .area-head{grid-area:head;min-width:0}.browser-header .area-tabs{grid-area:tabs}.browser-header .area-search{grid-area:search}.browser-header .area-categories{grid-area:categories;display:none;min-width:0}@media(max-width:1099px){.browser-header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"head head tabs" "categories search search"}.browser-header .area-categories{display:flex}}@media(max-width:719px){.browser-header{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"head head" "tabs tabs" "categories search"}.browser-header .area-tabs{width:100%}.browser-header .area-categories .btn{max-width:44vw}}.browser-body{flex:1 1 0;min-height:0;display:flex;gap:1rem;padding:0 var(--gutter) 0}.category-panel{width:clamp(15rem,18vw,19rem);flex:none;display:flex;flex-direction:column;gap:2px;background:var(--surface1);border-radius:1.25rem;padding:.5rem;margin-bottom:max(1rem,env(safe-area-inset-bottom));min-height:0}@media(max-width:1099px){.browser-body>.category-panel{display:none}}.drawer-scrim{position:fixed;inset:0;z-index:40;background:var(--scrim);animation:fade-in .12s linear}.drawer{position:absolute;top:0;left:0;bottom:0;width:min(22rem,86vw);display:flex;flex-direction:column;gap:2px;background:var(--surface1);padding:max(1rem,env(safe-area-inset-top)) .5rem max(1rem,env(safe-area-inset-bottom));box-shadow:24px 0 64px #0009;animation:drawer-in .18s var(--ease)}@keyframes drawer-in{0%{transform:translate(-24px);opacity:0}to{transform:none;opacity:1}}.rail-entry{display:flex;align-items:center;gap:.75rem;width:100%;min-height:2.75rem;padding:.5rem .75rem;flex:none;background:transparent;color:var(--text-body);font-weight:600;font-size:.9375rem;line-height:1.3}.rail-entry.selected{background:#ff385c1f;color:var(--accent-text);font-weight:700}.rail-entry.selected .rail-icon{color:var(--accent)}.rail-entry:focus-visible .rail-icon{color:var(--accent-strong)}.rail-heading{padding:.6rem .75rem .4rem}.content-pane{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column}.grid-scroller{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.grid-scroller::-webkit-scrollbar{width:10px}.grid-scroller::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:10px;border:3px solid var(--ink)}.channel-row{display:flex;align-items:center;gap:.25rem}.channel-main{display:flex;align-items:center;gap:.85rem;flex:1 1 0;min-width:0;padding:.5rem .75rem;min-height:4.25rem;background:transparent}.channel-main.highlighted{background:var(--surface1)}.channel-number{width:2.6rem;flex:none}.channel-logo{width:4.5rem;aspect-ratio:16 / 9;border-radius:.5rem;flex:none}.live-layout{position:absolute;inset:0;display:flex;gap:1.5rem}.live-list{position:relative;flex:1.15 1 0;min-width:0}.guide-panel{flex:.85 1 0;min-width:0;display:flex;flex-direction:column;gap:1rem;padding-top:.25rem;padding-bottom:1rem;overflow:hidden}@media(max-width:899px){.guide-panel{display:none}}.guide-inline{display:none}@media(max-width:899px){.guide-inline{display:block}}.guide-card{background:var(--surface1);border-radius:1rem;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow:hidden}.fade-bottom{position:absolute;left:0;right:0;bottom:0;height:3rem;pointer-events:none;z-index:3;background:linear-gradient(to bottom,rgba(11,13,19,0),var(--ink))}.detail-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:min(88dvh,60rem);padding:5rem var(--gutter) 2rem}.detail-hero-row{position:relative;display:flex;align-items:flex-end;gap:clamp(1rem,3vw,2.5rem)}.detail-poster{width:clamp(9rem,16vw,15rem);flex:none;border-radius:1rem;overflow:hidden;box-shadow:0 24px 48px #0009}@media(max-width:719px){.detail-hero{min-height:0;padding-top:32vh}.detail-poster{display:none}}.detail-back{position:absolute;left:var(--gutter);top:max(var(--top),env(safe-area-inset-top));z-index:2}.cast{--tile: clamp(7rem, 11vw, 9.5rem)}.episode-row{display:flex;align-items:center;gap:1rem;width:100%;padding:.6rem;background:var(--row);border-radius:1rem}.episode-thumb{width:clamp(7rem,18vw,11rem);aspect-ratio:16 / 9;border-radius:.6rem;flex:none}@media(max-width:539px){.episode-row .episode-state{display:none}}.form-layout{display:grid;grid-template-columns:minmax(16rem,26rem) minmax(0,1fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:start}@media(max-width:899px){.form-layout{grid-template-columns:minmax(0,1fr)}}.form-fields{display:flex;flex-direction:column;gap:1.25rem;max-width:40rem}.note-card{display:flex;gap:.75rem;background:var(--surface1);border-radius:1rem;padding:1rem 1.1rem}.profile-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,3vw,2.5rem);padding:.75rem}.profile-tile{--r: 1.4rem;width:clamp(6.5rem,14vw,10rem);display:flex;flex-direction:column;align-items:center}.profile-tile .tile{--r: 1.4rem}.profile-name{margin-top:.85rem;font-size:1.0625rem;line-height:1.35;font-weight:600;color:var(--text-secondary)}.tile:focus-visible .profile-name,.tile:hover .profile-name{color:var(--text-primary);font-weight:800}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.75rem,1fr));gap:.85rem;max-width:30rem}.swatch-row{display:flex;flex-wrap:wrap;gap:.75rem}.player{position:fixed;inset:0;background:#000;overflow:hidden;z-index:30}.player.idle,.player.idle *{cursor:none!important}.player-video{position:absolute;inset:0;margin:auto;width:100%;height:100%;background:#000;object-fit:contain}.player-video.aspect-wide{width:min(100%,100dvh * 16 / 9);height:min(100%,100vw * 9 / 16);object-fit:fill}.player-video.aspect-classic{width:min(100%,100dvh * 4 / 3);height:min(100%,100vw * 3 / 4);object-fit:fill}.player-video::cue{font-family:var(--body);font-weight:600;font-size:clamp(1rem,.8rem + 1.2vw,2rem);background:#0000009e}.player-controls{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;animation:fade-in .14s linear;pointer-events:none}.player-controls>*{pointer-events:auto}.player-top{display:flex;align-items:center;gap:.75rem;padding:max(1rem,env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) 2.5rem max(var(--gutter),env(safe-area-inset-left));background:linear-gradient(to bottom,#000000bf,#0000)}.player-transport{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(1.5rem,6vw,4rem)}.player-bottom{display:flex;flex-direction:column;gap:.5rem;padding:3.5rem max(var(--gutter),env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));background:linear-gradient(to bottom,#0000,#000000e0)}.player-toolbar{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.player-toolbar .spacer{flex:1 1 0}.timeline{position:relative;height:1.75rem;display:flex;align-items:center;cursor:pointer;touch-action:none}.timeline-track{position:relative;width:100%;height:4px;background:#ffffff38;border-radius:4px;transition:height .12s var(--ease)}.timeline:hover .timeline-track,.timeline:focus-visible .timeline-track,.timeline.dragging .timeline-track{height:6px}.timeline-buffer,.timeline-played{position:absolute;left:0;top:0;bottom:0;border-radius:4px}.timeline-buffer{background:#ffffff61}.timeline-played{background:var(--accent)}.timeline-thumb{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;transition:transform .12s var(--ease)}.timeline:hover .timeline-thumb,.timeline.dragging .timeline-thumb{transform:scale(1.25)}.timeline:focus-visible .timeline-thumb{box-shadow:0 0 0 6px #ffffff3d;transform:scale(1.25)}.timeline-hover{position:absolute;bottom:100%;transform:translate(-50%);margin-bottom:.4rem;background:#000c;color:#fff;border-radius:.4rem;padding:.15rem .5rem;font-size:.8125rem;font-weight:700;pointer-events:none;white-space:nowrap}.volume{display:flex;align-items:center;gap:.25rem}.volume input[type=range]{width:5.5rem;accent-color:#fff;cursor:pointer}@media(max-width:719px){.volume input[type=range],.player-toolbar .hide-narrow{display:none}.player-transport .icon-btn{--size: 3.25rem !important}.player-transport .icon-btn.primary{--size: 4.25rem !important}}.player-message{position:absolute;top:max(1.25rem,env(safe-area-inset-top));left:0;right:0;text-align:center;pointer-events:none}.player-message>span{display:inline-block;background:#000000a6;border-radius:999px;padding:.4rem 1rem}.player-error{width:min(560px,calc(100% - 32px));background:#141822f5;border:1px solid var(--surface3);border-radius:1.5rem;padding:clamp(1.25rem,4vw,2.5rem)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}@media(max-width:539px){.btn.collapse-narrow{padding:0;width:2.75rem}.btn.collapse-narrow .btn-label,.hide-narrow{display:none}.profile-chip{padding-right:.3rem}}
