@font-face{font-family:JetBrains Sans;src:url(assets/fonts/jetbrains-sans-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Sans;src:url(assets/fonts/jetbrains-sans-semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Sans;src:url(assets/fonts/jetbrains-sans-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:dark;--text: #f5f7f8;--text-secondary: #b8bec5;--text-muted: #969ca3;--text-tertiary: var(--text-muted);--text-inverse: #111111;--border-subtle: rgba(37, 42, 42, .55);--border: #252a2a;--border-strong: #3a4040;--success: #66bb6a;--warning: #ffc857;--error: #e36a8a;--error-bg: rgba(227, 106, 138, .16);--info: #42a5f5;--overlay-hover: rgba(255, 255, 255, .08);--overlay-pressed: rgba(255, 255, 255, .12);--overlay-selected: rgba(255, 255, 255, .15);--overlay-scrim: rgba(0, 0, 0, .56);--shimmer: rgba(255, 255, 255, .1);--skeleton: rgba(255, 255, 255, .06);--player-controls-bg: rgba(0, 0, 0, .72);--opacity-disabled: .38;--opacity-muted: .6;--opacity-secondary: .7;--opacity-medium: .52;--font: "JetBrains Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--text-label-xs: 11px;--text-label-sm: 12px;--text-body-sm: 13px;--text-body-md: 14px;--text-body-app: 15px;--text-body-lg: 16px;--text-title-sm: 18px;--text-title-md: 22px;--text-headline: 26px;--text-title-lg: 28px;--text-display-sm: 32px;--text-page-display: 38px;--leading-label-xs: 14px;--leading-label-sm: 15px;--leading-body-sm: 18px;--leading-body-md: 20px;--leading-body-app: 22px;--leading-body-lg: 22px;--leading-title-sm: 22px;--leading-headline: 30px;--leading-title-md: 26px;--leading-title-lg: 32px;--leading-display-sm: 36px;--leading-page-display: 42px;--tracking-page-display: -.0316em;--tracking-headline: -.0308em;--tracking-label: .0667em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-hairline: .5px;--gutter: 16px;--screen-top: 10px;--screen-bottom: 18px;--section-gap: 24px;--list-gap: 12px;--rail-gap: 14px;--card-padding: 18px;--control-gap: 8px;--sheet-padding: 20px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-xxl: 24px;--radius-full: 999px;--radius-card: var(--radius-xxl);--radius-compact-card: var(--radius-lg);--radius-sheet: var(--radius-xxl);--radius-dialog: var(--radius-xxl);--radius-button: var(--radius-xl);--radius-chip: var(--radius-full);--radius-poster: var(--radius-lg);--radius-avatar: var(--radius-full);--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--icon-xxl: 40px;--motion-fast: .15s;--motion-normal: .22s;--motion-sheet-enter: .3s;--motion-sheet-exit: .25s;--motion-slow: .4s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, 0, 1);--ease-accelerate: cubic-bezier(.3, 0, 1, 1);--nav-icon-size: var(--icon-xl);--avatar-size: 48px;--settings-icon-tile: 36px;--settings-row-gap: 14px;--settings-divider-inset: 66px;--tab-bar-height: 56px;--nav-bar-height: 44px;--hairline: 1px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}@media(min-resolution:2dppx){:root{--hairline: var(--space-hairline)}}:root,:root[data-theme=white]{--bg: #0d0d0d;--bg-elevated: #1a1a1a;--surface: #1a1a1a;--surface-card: #222222;--accent: #f5f5f5;--accent-strong: #e0e0e0;--on-accent: #111111;--focus-ring: #ffffff;--focus-bg: #303030}:root[data-theme=crimson]{--bg: #0d0d0d;--bg-elevated: #1a1a1a;--surface: #1a1a1a;--surface-card: #241a1a;--accent: #e53935;--accent-strong: #c62828;--on-accent: #ffffff;--focus-ring: #ff5252;--focus-bg: #3d1a1a}:root[data-theme=ocean]{--bg: #0d0d0f;--bg-elevated: #1a1a1e;--surface: #1a1a1e;--surface-card: #1a1f24;--accent: #1e88e5;--accent-strong: #1565c0;--on-accent: #ffffff;--focus-ring: #42a5f5;--focus-bg: #1a2d3d}:root[data-theme=violet]{--bg: #0d0d0f;--bg-elevated: #1a1a1e;--surface: #1a1a1e;--surface-card: #1f1a24;--accent: #8e24aa;--accent-strong: #6a1b9a;--on-accent: #ffffff;--focus-ring: #ab47bc;--focus-bg: #2d1a3d}:root[data-theme=emerald]{--bg: #0d0d0d;--bg-elevated: #1a1a1a;--surface: #1a1a1a;--surface-card: #1a241a;--accent: #43a047;--accent-strong: #2e7d32;--on-accent: #ffffff;--focus-ring: #66bb6a;--focus-bg: #1a3d1e}:root[data-theme=amber]{--bg: #0f0d0d;--bg-elevated: #1e1a1a;--surface: #1e1a1a;--surface-card: #24201a;--accent: #fb8c00;--accent-strong: #ef6c00;--on-accent: #ffffff;--focus-ring: #ffa726;--focus-bg: #3d2d1a}:root[data-theme=rose]{--bg: #0d0d0d;--bg-elevated: #1a1a1a;--surface: #1a1a1a;--surface-card: #241a1f;--accent: #d81b60;--accent-strong: #c2185b;--on-accent: #ffffff;--focus-ring: #ec407a;--focus-bg: #3d1a2d}:root[data-amoled=true]{--bg: #000000}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100dvh;height:var(--app-height, 100dvh);overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-body-app);line-height:calc(var(--leading-body-app) / var(--text-body-app));-webkit-font-smoothing:antialiased}body{touch-action:manipulation}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}.scroll-x{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.scroll-x::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#app{position:relative;height:100vh;height:var(--app-height, 100dvh);overflow:hidden;background:var(--bg)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.screen__scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--tab-bar-height) + var(--safe-bottom) + var(--screen-bottom));scrollbar-width:none}.screen__scroll::-webkit-scrollbar{display:none}.screen--under{transition:transform var(--motion-slow) var(--ease-standard)}.screen--under[data-pushed=true]{transform:translate(-25%)}.screen--stacked{z-index:10;box-shadow:-8px 0 24px #00000073;animation:screen-in var(--motion-slow) var(--ease-standard)}.screen--dragging,.screen--dragging.screen--under{animation:none;transition:none}.screen--settling,.screen--settling.screen--under{animation:none;transition:transform var(--motion-sheet-exit) var(--ease-standard)}.screen--fullscreen .screen__scroll{padding-bottom:calc(var(--safe-bottom) + var(--space-8))}@keyframes screen-in{0%{transform:translate(100%)}to{transform:translate(0)}}.tab-bar{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;padding-bottom:var(--safe-bottom);background:#0d0d0ddb;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}.tab-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--hairline);background:var(--border-subtle)}@supports not (backdrop-filter: blur(24px)){.tab-bar{background:var(--bg-elevated)}}.tab-bar__item{flex:1;height:var(--tab-bar-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-muted);transition:color var(--motion-fast) linear}.tab-bar__item[aria-selected=true]{color:var(--accent)}.tab-bar__item:active{opacity:.6}.tab-bar__icon{width:var(--icon-lg);height:var(--icon-lg);fill:currentColor;fill-rule:evenodd}.tab-bar__label{font-size:var(--text-label-xs);line-height:var(--leading-label-xs);font-weight:600}.tab-bar__avatar{width:var(--icon-lg);height:var(--icon-lg);border-radius:var(--radius-avatar);display:flex;align-items:center;justify-content:center;font-size:var(--text-label-sm);font-weight:700;color:#fff;background:var(--border-strong)}.tab-bar__item[aria-selected=true] .tab-bar__avatar{box-shadow:0 0 0 2px var(--accent)}.screen-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--control-gap);padding:calc(var(--safe-top) + var(--screen-top)) var(--gutter) var(--space-1);background:var(--bg)}.screen-header__lead{display:flex;align-items:center;gap:var(--control-gap);min-width:0}.screen-header__back{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:-8px;border-radius:var(--radius-avatar);color:var(--text)}.screen-header__back:active{background:var(--overlay-pressed)}.screen-header__back svg{width:var(--icon-lg);height:var(--icon-lg);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.screen-header__title{margin:0;font-size:var(--text-page-display);line-height:var(--leading-page-display);font-weight:700;letter-spacing:var(--tracking-page-display);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-header__title--compact{font-size:var(--text-headline);line-height:var(--leading-headline);letter-spacing:var(--tracking-headline);font-weight:600}.screen-header__action{flex:0 0 auto;padding:0 var(--space-2);min-height:40px;color:var(--accent);font-size:var(--text-body-md);font-weight:600}.overlay-back{position:absolute;top:calc(var(--safe-top) + var(--space-2));left:var(--space-2);z-index:6;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-avatar);background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text)}.overlay-back svg{width:var(--icon-lg);height:var(--icon-lg);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.section-label{font-size:var(--text-label-sm);line-height:var(--leading-label-xs);font-weight:700;letter-spacing:var(--tracking-label);color:var(--text-muted)}.list{margin:var(--section-gap) var(--gutter) 0}.list__header{padding:0 var(--space-1) 10px;font-size:var(--text-label-sm);line-height:var(--leading-label-xs);font-weight:700;letter-spacing:var(--tracking-label);color:var(--text-muted)}.list__footer{padding:var(--space-2) var(--space-1) 0;font-size:var(--text-body-sm);line-height:var(--leading-body-sm);color:var(--text-muted)}.list__group{background:var(--surface);border:var(--hairline) solid var(--border-subtle);border-radius:var(--radius-compact-card);overflow:hidden}.list__row{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--settings-row-gap) var(--gutter);text-align:left;font-size:var(--text-body-app);line-height:var(--leading-body-app);color:var(--text)}.list__row+.list__row:before{content:"";position:absolute;top:0;left:var(--settings-divider-inset);right:0;height:var(--hairline);background:var(--border-subtle)}.list__row--plain+.list__row--plain:before{left:var(--gutter)}.list__row--tappable:active{background:var(--overlay-pressed)}.list__icon{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:var(--settings-icon-tile);height:var(--settings-icon-tile);margin-right:2px;border-radius:var(--radius-compact-card)}.list__icon:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent);opacity:.12}.list__icon svg{position:relative;width:var(--icon-lg);height:var(--icon-lg);fill:var(--accent);fill-rule:evenodd}.list__label{flex:1;min-width:0;font-size:var(--text-body-app);line-height:var(--leading-body-app);font-weight:500}.list__sublabel{margin-top:2px;font-size:var(--text-body-md);line-height:var(--leading-body-md);font-weight:400;color:var(--text-muted);opacity:.92;overflow-wrap:anywhere}.list__sublabel--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__value{flex:0 1 auto;font-size:var(--text-body-md);color:var(--text-muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__check{flex:0 0 auto;width:15px;height:12px;fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.list__row--destructive .list__label,.list__row--action .list__label{text-align:center;font-weight:600}.list__row--destructive .list__label{color:var(--error)}.list__row--action .list__label{color:var(--accent)}.list__row[aria-disabled=true],.list__row[disabled]{opacity:var(--opacity-medium);pointer-events:none}.list__avatar{flex:0 0 auto;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-avatar);background:var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:var(--text-body-lg);font-weight:700;color:#fff}.switch{position:relative;flex:0 0 auto;width:52px;height:32px;border-radius:var(--radius-full);background:var(--surface-card);border:2px solid var(--border-strong);transition:background-color var(--motion-normal) var(--ease-standard),border-color var(--motion-normal) var(--ease-standard)}.switch[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.switch__knob{position:absolute;top:50%;left:6px;width:16px;height:16px;margin-top:-8px;border-radius:var(--radius-full);background:var(--text-muted);transition:transform var(--motion-normal) var(--ease-standard),width var(--motion-normal) var(--ease-standard),height var(--motion-normal) var(--ease-standard),margin var(--motion-normal) var(--ease-standard),background-color var(--motion-normal) var(--ease-standard)}.switch[aria-checked=true] .switch__knob{width:24px;height:24px;margin-top:-12px;left:2px;transform:translate(20px);background:var(--on-accent)}.switch[disabled]{opacity:var(--opacity-disabled)}.sheet-backdrop{position:absolute;inset:0;z-index:60;background:var(--overlay-scrim);animation:sheet-fade var(--motion-sheet-enter) var(--ease-standard)}.sheet{position:absolute;left:0;right:0;bottom:0;padding:0 0 calc(var(--safe-bottom) + var(--space-2));background:var(--surface);border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);animation:sheet-up var(--motion-sheet-enter) var(--ease-standard)}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet__grabber{width:32px;height:4px;margin:var(--space-3) auto var(--space-2);border-radius:var(--radius-full);background:var(--border-strong)}.sheet__title{padding:var(--space-2) var(--sheet-padding) var(--space-3);font-size:var(--text-title-sm);line-height:var(--leading-title-sm);font-weight:600;color:var(--text)}.sheet__list{padding:0 var(--space-3) var(--space-2)}.sheet__item{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-compact-card);font-size:var(--text-body-app);color:var(--text);text-align:left}.sheet__item:active{background:var(--overlay-pressed)}.sheet__item--selected{background:var(--overlay-selected);font-weight:600}.sheet__item--destructive{color:var(--error)}.sheet__item-label{flex:1;min-width:0}.sheet__cancel{width:calc(100% - var(--space-6));margin:var(--space-2) var(--space-3) 0;min-height:48px;border-radius:var(--radius-button);background:var(--surface-card);font-size:var(--text-body-app);font-weight:600;color:var(--text)}.sheet__cancel:active{background:var(--overlay-pressed)}.sheet__swatch{flex:0 0 auto;width:var(--icon-lg);height:var(--icon-lg);border-radius:var(--radius-avatar);border:var(--hairline) solid var(--border-subtle)}.section{margin-top:var(--section-gap)}.section__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:0 var(--gutter);margin-bottom:10px}.section__title{margin:0;font-size:var(--text-title-sm);line-height:var(--leading-title-sm);font-weight:700}.section__action{font-size:var(--text-body-md);font-weight:600;color:var(--accent)}.rail{display:flex;gap:var(--rail-gap);padding:0 var(--gutter)}.poster{flex:0 0 auto;width:var(--poster-width, 126px);scroll-snap-align:start;text-align:left;transition:transform var(--motion-fast) var(--ease-standard)}.poster--landscape{width:calc(var(--poster-width, 126px) * 1.636)}.poster:active{transform:scale(.96)}.poster__art{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:var(--poster-radius, var(--radius-poster));overflow:hidden;background:var(--surface)}.poster--landscape .poster__art{aspect-ratio:1.77}.poster--landscape .poster__art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);pointer-events:none}:root[data-hide-poster-labels=true] .poster__title,:root[data-hide-poster-labels=true] .poster__meta{display:none}.poster__logo{position:absolute;left:6%;bottom:6%;width:calc(var(--poster-width, 126px) * 1.636 * .55);height:calc(var(--poster-width, 126px) * .2);object-fit:contain;object-position:left bottom}.poster__art img:not(.poster__logo){width:100%;height:100%;object-fit:cover}.poster__title{margin-top:var(--space-2);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster__meta,.text-meta{font-size:var(--text-label-sm);line-height:var(--leading-label-sm);color:var(--text-muted)}.poster__progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffffff3d}.poster__progress span{display:block;height:100%;background:var(--accent)}.detail-hero{position:relative;width:100%;height:clamp(420px,133vw,760px);overflow:hidden}.detail-hero__art{position:absolute;inset:0}.detail-hero__art img{width:100%;height:100%;object-fit:cover}.detail-hero__scrim{position:absolute;left:0;right:0;bottom:0;height:320px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.04) 16%,rgba(0,0,0,.14) 32%,rgba(0,0,0,.34) 50%,rgba(0,0,0,.62) 68%,rgba(0,0,0,.84) 84%,var(--bg) 100%)}.detail-hero__content{position:absolute;left:0;right:0;bottom:var(--space-2);display:flex;flex-direction:column;align-items:center;padding:0 18px;text-align:center}.detail-hero__genres{margin-top:var(--space-2);font-size:var(--text-body-md);line-height:var(--leading-body-md);color:var(--text-secondary)}.hero__logo{width:60%;max-width:340px;height:80px;margin:0 auto;object-fit:contain;object-position:center bottom}.detail-actions{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--gutter) 0}.detail-actions .btn{flex:1}.btn--contrast{background:var(--text);color:var(--bg)}.icon-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-full);background:var(--surface-card);color:var(--text)}.icon-btn[aria-pressed=true]{background:var(--text);color:var(--bg)}.icon-btn:active{opacity:.7}.icon-btn svg{width:var(--icon-md);height:var(--icon-md);fill:currentColor;fill-rule:evenodd}.detail-body{padding:0 var(--gutter);margin-top:var(--space-5)}.detail-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-body-md);color:var(--text-secondary)}.detail-meta__dot{color:var(--text-muted)}.detail-description{margin:var(--space-4) 0 0;font-size:var(--text-body-app);line-height:var(--leading-body-app);color:var(--text-secondary)}.poster-preview{margin-top:var(--space-4)}.episode-rail{display:flex;gap:var(--space-3);padding:var(--space-2) var(--gutter) var(--space-1);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.episode-rail::-webkit-scrollbar{display:none}.episode-card{position:relative;flex:none;width:220px;aspect-ratio:16 / 9;border-radius:var(--radius-compact-card);overflow:hidden;background:var(--surface);text-align:left;scroll-snap-align:start}.episode-card__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.episode-card__scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 40%,rgba(0,0,0,.05) 75%,transparent 100%)}.episode-card__badge{position:absolute;top:var(--space-2);left:var(--space-2);padding:2px 8px;border-radius:var(--radius-chip);background:#0000008c;color:#fff;font-size:var(--text-label-xs);font-weight:700}.episode-card__body{position:absolute;left:0;right:0;bottom:0;padding:var(--space-2) var(--space-2) 14px;display:flex;flex-direction:column;gap:2px}.episode-card__title{font-size:var(--text-body-sm);font-weight:700;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-card__overview{font-size:var(--text-label-xs);line-height:var(--leading-label-xs);color:#ffffffd1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-card__meta{font-size:var(--text-label-xs);color:#ffffffb8}.episode-card__progress{position:absolute;left:var(--space-2);right:var(--space-2);bottom:6px;height:3px;border-radius:2px;background:#ffffff40;overflow:hidden}.episode-card__progress-fill{height:100%;background:var(--accent)}.hero{position:relative;width:100%;height:clamp(360px,78vh,620px);overflow:hidden}.hero__slide{position:absolute;inset:0;opacity:0;z-index:0}.hero__slide[data-state=prev]{opacity:1;z-index:1}.hero__slide[data-state=active]{opacity:1;z-index:2;transition:opacity .52s var(--ease-standard)}.hero__slide img{width:100%;height:100%;object-fit:cover}.hero__scrim{position:absolute;inset:0;z-index:3;background:linear-gradient(to top,var(--bg) 2%,rgba(0,0,0,.5) 38%,rgba(0,0,0,.1) 70%),linear-gradient(to bottom,rgba(0,0,0,.6),transparent 32%)}.hero__content{position:absolute;left:0;right:0;bottom:var(--space-6);z-index:4;padding:0 var(--gutter);text-align:center}.hero__title{margin:0 0 var(--space-2);font-size:var(--text-headline);line-height:var(--leading-headline);font-weight:600;letter-spacing:var(--tracking-headline);text-wrap:balance}.hero__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-body-md);color:var(--text-secondary);margin-bottom:var(--space-4)}.hero__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.hero__dots{display:flex;justify-content:center;gap:6px;margin-top:var(--space-4)}.hero__dot{width:6px;height:6px;border-radius:var(--radius-full);background:#ffffff4d;transition:background var(--motion-normal) var(--ease-standard)}.hero__dot[data-active=true]{background:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:46px;padding:0 var(--space-5);border-radius:var(--radius-button);font-size:var(--text-body-app);font-weight:600;transition:opacity var(--motion-fast) linear,background-color var(--motion-fast) linear}.btn:active{opacity:.7}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--secondary{background:var(--surface-card);color:var(--text)}.btn--plain{background:none;color:var(--accent);min-height:44px;padding:0 var(--space-2);font-weight:500}.btn--chip{min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-chip);background:var(--surface-card);font-size:var(--text-body-md)}.btn--destructive{background:var(--error-bg);color:var(--error)}.btn--block{width:100%}.btn[disabled]{opacity:var(--opacity-disabled);pointer-events:none}.field{display:block;margin-bottom:var(--space-4)}.field__label{display:block;margin-bottom:var(--space-2);font-size:var(--text-body-sm);color:var(--text-muted)}.field__input{width:100%;min-height:48px;padding:0 var(--space-4);font-size:var(--text-body-lg);font-family:inherit;color:var(--text);background:var(--surface);border:var(--hairline) solid var(--border-subtle);border-radius:var(--radius-compact-card);outline:none}.field__input::placeholder{color:var(--text-muted)}.field__input:focus{border-color:var(--focus-ring)}.search-field{position:relative;display:flex;align-items:center;background:var(--surface);border:var(--hairline) solid var(--border-subtle);border-radius:var(--radius-compact-card);padding:0 var(--space-3)}.search-field__icon{flex:0 0 auto;width:var(--icon-md);height:var(--icon-md);fill:var(--text-muted);fill-rule:evenodd}.search-field input{flex:1;min-height:46px;padding:0 var(--space-2);font-size:var(--text-body-lg);font-family:inherit;color:var(--text);background:none;border:none;outline:none;-webkit-appearance:none;appearance:none}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.search-field input::placeholder{color:var(--text-muted)}.pill-tabs{display:flex;gap:var(--space-2);padding:var(--space-1) var(--gutter);overflow-x:auto;scrollbar-width:none}.pill-tabs::-webkit-scrollbar{display:none}.pill-tabs__item{flex:none;padding:6px 14px;border-radius:var(--radius-chip);background:var(--surface-card);color:var(--text-muted);font-size:var(--text-label-xs);font-weight:600;white-space:nowrap}.pill-tabs__item[aria-selected=true]{background:var(--accent);color:var(--on-accent)}.pill-tabs__item--icon{padding:6px 10px;font-size:var(--text-body-sm);line-height:1}.stream-row{position:relative;display:block;width:100%;text-align:left;padding:var(--settings-row-gap) var(--gutter);font-size:var(--text-body-app);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.stream-row+.stream-row:before{content:"";position:absolute;top:0;left:var(--gutter);right:0;height:var(--hairline);background:var(--border-subtle)}.stream-row:active{background:var(--overlay-pressed)}.stream-row[aria-disabled=true]{opacity:.45}.stream-row__title{font-weight:500;margin-bottom:2px}.stream-row__badge{display:inline-block;margin-right:var(--space-2);padding:1px 8px;border-radius:var(--radius-chip);background:var(--surface-card);font-size:var(--text-label-xs);font-weight:700;color:var(--accent)}.stream-row__badge--external{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;vertical-align:middle;background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted)}.stream-row__badge-icon{width:12px;height:12px;fill:currentColor;fill-rule:evenodd}.player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--gutter);text-align:center;background:var(--player-controls-bg);z-index:3}.pad-top-safe{padding-top:calc(var(--safe-top) + var(--space-4))}.state{padding:var(--space-8) var(--gutter);text-align:center;color:var(--text-muted);font-size:var(--text-body-md);line-height:var(--leading-body-md)}.state__title{margin:0 0 var(--space-2);font-size:var(--text-title-sm);line-height:var(--leading-title-sm);font-weight:700;color:var(--text)}.error-banner{margin:var(--space-4) var(--gutter);padding:var(--space-3) var(--space-4);border-radius:var(--radius-compact-card);background:var(--error-bg);color:var(--error);font-size:var(--text-body-sm)}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-card) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-poster)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:22px;height:22px;margin:var(--space-6) auto;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--gutter);padding-top:calc(var(--safe-top) + var(--space-8))}.auth__brand{margin:0 0 var(--space-2);font-size:var(--text-page-display);line-height:var(--leading-page-display);font-weight:700;letter-spacing:var(--tracking-page-display)}.auth__subtitle{margin:0 0 var(--space-8);color:var(--text-muted);font-size:var(--text-body-md)}.auth__switch{margin-top:var(--space-5);text-align:center;font-size:var(--text-body-md);color:var(--text-muted)}.auth__switch button{color:var(--accent);font-weight:600}.btn__icon{width:var(--icon-md);height:var(--icon-md);fill:currentColor}.toast{position:fixed;left:50%;bottom:calc(var(--tab-bar-height) + var(--safe-bottom) + var(--space-4));z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--surface-elevated, #2a2a2a);color:var(--text);font-size:var(--text-body-sm);font-weight:600;box-shadow:0 8px 24px #00000059;opacity:0;transform:translate(-50%,8px);transition:opacity var(--motion-fast) linear,transform var(--motion-fast) var(--ease-standard);pointer-events:none}.toast--visible{opacity:1;transform:translate(-50%)}