*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--surface-0:#141414;--surface-1:#181818;--surface-2:#1f1f1f;--surface-3:#232323;--surface-4:#2a2a2a;--surface-glass:#141414e0;--surface-overlay:#000000b8;--surface-hover:#ffffff0f;--surface-active:#ffffff1a;--surface-sunken:#ffffff08;--surface-tint:#e509141a;--text-primary:#fff;--text-secondary:#b3b3b3;--text-tertiary:#949494;--text-disabled:#6e6e6e;--text-inverse:#141414;--brand:#e50914;--brand-hover:#f6121d;--brand-active:#b00710;--brand-subtle:#e5091429;--brand-subtle-hover:#e509143d;--brand-border:#e5091466;--brand-text:#ff4d55;--brand-text-strong:#ff6b72;--brand-gradient-end:#b00710;--on-brand:#fff;--scrim-page:20, 20, 20;--scrim-ink:0, 0, 0;--success:#2e9e4f;--warning:#e8a33d;--danger:#e50914;--warning-subtle:#e8a33d1f;--warning-border:#e8a33d47;--warning-text:#f0b968;--danger-subtle:#e5091424;--danger-border:#e5091466;--border-subtle:#ffffff12;--border-default:#ffffff1f;--border-strong:#ffffff38;--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-12:48px;--space-16:64px;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-xl:6px;--radius-2xl:8px;--radius-3xl:10px;--radius-full:999px;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #00000070, 0 2px 6px #0000004d;--shadow-md:0 2px 4px #00000070, 0 8px 20px #0000005c;--shadow-lg:0 4px 8px #0000007a, 0 18px 44px #0000007a;--shadow-brand:0 6px 20px #e509145c;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.12s;--duration-base:.18s;--duration-slow:.28s;--duration-slower:.42s;--font-sans:"Netflix Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-display:"Netflix Sans", Inter, -apple-system, "Segoe UI", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:24px;--text-3xl:30px;--text-4xl:38px;--text-5xl:52px;--tracking-display:-.045em;--sidebar-width:248px;--topbar-height:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--content-max:1560px;--focus-ring-width:2px;--focus-ring-offset:2px}[data-theme=light]{--surface-0:#fff;--surface-1:#f7f7f8;--surface-2:#efefef;--surface-3:#e6e6e9;--surface-4:#dcdce0;--surface-glass:#ffffffe6;--surface-overlay:#1414148c;--surface-hover:#0000000d;--surface-active:#00000017;--surface-sunken:#00000005;--surface-tint:#e5091414;--text-primary:#141414;--text-secondary:#55555c;--text-tertiary:#606060;--text-disabled:#7c7c7c;--text-inverse:#fff;--brand-text:#c20711;--brand-text-strong:#9c0510;--brand-subtle:#e509141a;--brand-subtle-hover:#e509142e;--brand-border:#e5091452;--on-brand:#fff;--scrim-page:255, 255, 255;--success:#187038;--warning:#b5730d;--danger:#c20711;--warning-subtle:#b5730d1f;--warning-border:#b5730d4d;--warning-text:#8f5a08;--danger-subtle:#c207111a;--danger-border:#c2071152;--border-subtle:#00000014;--border-default:#00000024;--border-strong:#00000042;--shadow-xs:0 1px 2px #00000014;--shadow-sm:0 1px 2px #00000014, 0 2px 6px #0000000f;--shadow-md:0 2px 4px #00000014, 0 8px 20px #0000001a;--shadow-lg:0 4px 8px #0000001a, 0 18px 44px #00000024;--shadow-brand:0 6px 20px #e509143d}[data-accent=brand]{--brand:#e50914;--brand-hover:#f6121d;--brand-active:#b00710;--brand-gradient-end:#b00710}[data-accent=crimson]{--brand:#c2185b;--brand-hover:#d4206a;--brand-active:#9c1449;--brand-gradient-end:#9c1449}[data-accent=ember]{--brand:#e2571b;--brand-hover:#ef6a2f;--brand-active:#b84513;--brand-gradient-end:#b84513}[data-accent=violet]{--brand:#7c4dff;--brand-hover:#8f66ff;--brand-active:#5f35e6;--brand-gradient-end:#5f35e6}[data-accent=azure]{--brand:#0a84ff;--brand-hover:#2b96ff;--brand-active:#0064cc;--brand-gradient-end:#0064cc}[data-accent=jade]{--brand:#00a86b;--brand-hover:#17bd7b;--brand-active:#008553;--brand-gradient-end:#008553}[data-theme=dark][data-accent=brand],:root:not([data-theme])[data-accent=brand]{--brand-text:#ff4d55;--brand-text-strong:#ff6b72}[data-theme=dark][data-accent=crimson]{--brand-text:#f06292;--brand-text-strong:#f48fb1}[data-theme=dark][data-accent=ember]{--brand-text:#ff8a50;--brand-text-strong:#ffa577}[data-theme=dark][data-accent=violet]{--brand-text:#a78bfa;--brand-text-strong:#c4b5fd}[data-theme=dark][data-accent=azure]{--brand-text:#5eb0ff;--brand-text-strong:#8ccaff}[data-theme=dark][data-accent=jade]{--brand-text:#3fd39a;--brand-text-strong:#74e0b6}[data-theme=light][data-accent=brand]{--brand-text:#c20711;--brand-text-strong:#9c0510}[data-theme=light][data-accent=crimson]{--brand-text:#a8114c;--brand-text-strong:#860d3d}[data-theme=light][data-accent=ember]{--brand-text:#b84513;--brand-text-strong:#94370f}[data-theme=light][data-accent=violet]{--brand-text:#5f35e6;--brand-text-strong:#4a28bd}[data-theme=light][data-accent=azure]{--brand-text:#0064cc;--brand-text-strong:#004da0}[data-theme=light][data-accent=jade]{--brand-text:#00714a;--brand-text-strong:#005c3b}:root:not([data-accent]),:root[data-theme=dark]:not([data-accent]){--brand-text:#ff4d55;--brand-text-strong:#ff6b72}[data-reduce-motion=true] *,[data-reduce-motion=true] :before,[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reduce-motion=true] .loading-spinner{animation-duration:1.2s!important}[data-density=compact]{--space-3:10px;--space-4:12px;--space-5:16px;--space-6:18px;--space-8:24px;--space-10:30px;--space-12:36px}.sidebar-logo-text,.dash-hero h1,.route-page h1,.library-header h1,.search-results-header h2,.dash-panel-titles strong,.dash-stat-value,.dash-hero-stats strong,.big-rating,.error-screen h1{font-family:var(--font-display)}.icon{flex:none;display:block}.nav-item,.primary-button,.secondary-button,.back-button,.inline-link,.dash-panel-link,.dash-stat,.icon-button,.theme-button,.mobile-menu{align-items:center;gap:var(--space-2)}body{font-family:var(--font-sans);background:var(--surface-0);color:var(--text-primary);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}input[type=search]::-webkit-search-decoration{appearance:none;display:none}input[type=search]::-webkit-search-cancel-button{appearance:none;display:none}input[type=search]::-webkit-search-results-button{appearance:none;display:none}input[type=search]::-webkit-search-results-decoration{appearance:none;display:none}button,input,select{font:inherit}button{cursor:pointer;border:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:var(--focus-ring-width) solid var(--brand-text);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);height:100vh;padding:var(--space-6) var(--space-3);background:var(--surface-1);border-right:1px solid var(--border-subtle);z-index:100;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:var(--space-3);padding:0 var(--space-3);margin-bottom:var(--space-8);font-size:var(--text-xl);letter-spacing:.14em;text-transform:uppercase;font-weight:800;display:flex}.logo-mark{color:var(--brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo-mark svg{display:block}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-label{font-size:var(--text-2xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-3);margin-bottom:var(--space-2);font-weight:700}.library-label{margin-top:var(--space-6)}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-md);transition:background var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--brand-subtle);color:var(--text-primary);font-weight:600}.nav-item.active:before{content:"";left:calc(var(--space-3) * -1 + 1px);border-radius:var(--radius-full);background:var(--brand);width:3px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.nav-icon{width:20px;color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.sidebar-bottom{margin-top:auto}.sidebar-account{position:relative}.user-mini{align-items:center;gap:var(--space-3);width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-2) 0;border-top:1px solid var(--border-subtle);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;display:flex}.user-mini:hover .user-info strong,.user-mini:hover .user-more{color:var(--text-primary)}.user-mini:focus-visible{outline:2px solid var(--brand,#e50914);outline-offset:2px;border-radius:var(--radius-md)}.user-avatar,.top-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--surface-4) 0%, var(--surface-3) 100%);color:var(--text-secondary);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.user-avatar{width:32px;height:32px}.user-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.user-info strong{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.user-info span{color:var(--text-tertiary);font-size:var(--text-xs)}.user-more{color:var(--text-disabled);letter-spacing:1px}.main-content{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);min-height:100vh}.topbar{height:var(--topbar-height);align-items:center;gap:var(--space-4);padding:0 var(--space-8);border-bottom:1px solid var(--border-subtle);background:var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(160%);z-index:50;display:flex;position:sticky;top:0}.search-box{align-items:center;gap:var(--space-3);max-width:520px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);background:var(--surface-2);border-radius:var(--radius-lg);color:var(--text-tertiary);transition:border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);flex:1;display:flex}.search-box:hover{border-color:var(--border-strong)}.search-box:focus-within{border-color:var(--brand-border);background:var(--surface-3);box-shadow:0 0 0 3px var(--brand-subtle)}.search-box input{color:var(--text-primary);font-size:var(--text-base);background:0 0;border:none;outline:none;flex:1}.search-box input::placeholder{color:var(--text-disabled)}.search-icon{color:var(--text-tertiary);align-items:center;display:flex}.search-shortcut{padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-4);border:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--text-2xs);letter-spacing:.02em;white-space:nowrap;font-weight:600}.topbar-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.icon-button,.theme-button{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-tertiary);font-size:var(--text-lg);transition:background var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);background:0 0}.icon-button:hover,.theme-button:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-button:active,.theme-button:active{background:var(--surface-active);transform:scale(.94)}.top-avatar{width:32px;height:32px;margin-left:var(--space-1);border:1px solid var(--border-subtle)}.mobile-brand,.mobile-menu,.mobile-nav-backdrop[hidden]{display:none}.page-content{width:100%;max-width:var(--content-max);padding:var(--space-8) var(--space-8) var(--space-16);margin:0 auto}.hero-label{color:var(--brand-text);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.primary-button,.secondary-button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-base);white-space:nowrap;transition:transform var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.primary-button{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand)}.primary-button:hover{background:var(--brand-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.primary-button:active{background:var(--brand-active);transform:translateY(0)}.secondary-button{background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border-default)}.secondary-button:hover{background:var(--surface-4);border-color:var(--border-strong);transform:translateY(-1px)}.secondary-button:active{transform:translateY(0)}.section-eyebrow{color:var(--brand-text);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.12em;font-weight:700}@media (width<=1000px){.sidebar{width:210px}.main-content{width:calc(100% - 210px);margin-left:210px}.page-content{padding:25px}.topbar{padding:0 25px}}@media (width<=760px){.sidebar{visibility:hidden;width:min(280px,100vw - 56px);transition:transform var(--duration-slow) var(--ease-out), visibility var(--duration-slow);display:flex;transform:translate(-100%)}.sidebar.is-mobile-open{visibility:visible;transform:translate(0)}.mobile-nav-backdrop:not([hidden]){z-index:40;background:var(--surface-overlay);display:block;position:fixed;inset:0}.main-content{width:100%;margin-left:0}.topbar{height:68px;padding:0 18px}.mobile-brand{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.mobile-menu{color:#fff;background:0 0;font-size:20px;display:block}.search-box{display:none}.topbar-actions{margin-left:auto}.page-content{padding:18px}}@media (width<=480px){.primary-button,.secondary-button{text-align:center}.top-avatar,.theme-button{display:none}}.media-card{cursor:pointer;border-radius:var(--radius-xl);min-width:0;transition:transform var(--duration-base) var(--ease-out)}.media-poster{aspect-ratio:2/3;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.media-poster img{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform var(--duration-slower) var(--ease-out), filter var(--duration-slow) var(--ease-out);display:block;position:relative}.media-poster:after{content:"";background:linear-gradient(100deg, var(--surface-2) 30%, var(--surface-3) 50%, var(--surface-2) 70%);animation:poster-shimmer 1.4s var(--ease-in-out) infinite;background-size:200% 100%;position:absolute;inset:0}@keyframes poster-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.media-poster:after{animation:none}}.media-overlay{justify-content:center;align-items:center;gap:var(--space-3);background:linear-gradient(to top, rgba(var(--scrim-ink), .72) 0%, rgba(var(--scrim-ink), .3) 45%, rgba(var(--scrim-ink), .06) 100%);opacity:0;z-index:1;transition:opacity var(--duration-slow) var(--ease-out);display:flex;position:absolute;inset:0}.media-card:hover{transform:translateY(-4px)}.media-card:hover .media-poster{border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.media-card:hover .media-poster img{filter:brightness(.62);transform:scale(1.06)}.media-card:hover .media-overlay{opacity:1}.media-card:focus-within{transform:translateY(-4px)}.media-card:focus-within .media-poster{border-color:var(--brand-border);box-shadow:var(--shadow-lg)}.media-card:focus-within .media-overlay{opacity:1}.media-card:active{transform:translateY(-1px)}.card-action{border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface-overlay);-webkit-backdrop-filter:blur(10px);width:36px;height:36px;color:var(--text-primary);font-size:var(--text-md);transition:transform var(--duration-base) var(--ease-spring), background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);justify-content:center;align-items:center;line-height:1;display:flex}.card-action:hover{background:var(--brand);border-color:var(--brand);transform:scale(1.1)}.card-action:active{transform:scale(.96)}.play-button{background:var(--brand);width:44px;height:44px;box-shadow:var(--shadow-brand);border-color:#0000}.rating-badge{top:var(--space-2);left:var(--space-2);z-index:2;padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-overlay);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-2xs);letter-spacing:.02em;align-items:center;gap:3px;font-weight:700;display:flex;position:absolute}.meta-sep{border-radius:var(--radius-full);background:var(--text-disabled);flex:none;width:3px;height:3px}.media-info{padding:var(--space-3) var(--space-1) 0}.media-info h3{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-base);letter-spacing:-.01em;color:var(--text-primary);font-weight:600;overflow:hidden}.media-meta{align-items:center;gap:var(--space-1);margin-top:var(--space-1);color:var(--text-disabled);font-size:var(--text-xs);display:flex}.media-artist{white-space:nowrap;text-overflow:ellipsis;color:var(--text-tertiary);font-size:var(--text-xs);margin-top:2px;overflow:hidden}.loading-screen{justify-content:center;align-items:center;gap:var(--space-5);background:var(--surface-0);min-height:100vh;color:var(--text-tertiary);flex-direction:column;display:flex}.loading-spinner{border:3px solid var(--surface-4);border-top-color:var(--brand);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{justify-content:center;align-items:center;gap:var(--space-3);min-height:100vh;padding:var(--space-8);background:var(--surface-0);text-align:center;flex-direction:column;display:flex}.error-icon{border-radius:var(--radius-full);background:var(--danger-subtle);border:1px solid var(--danger-border);width:48px;height:48px;color:var(--danger);font-size:var(--text-2xl);margin-bottom:var(--space-2);justify-content:center;align-items:center;font-weight:700;display:flex}.error-screen h1{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:700}.error-screen p{color:var(--text-tertiary);margin-bottom:var(--space-3)}.clear-search-input{color:var(--text-disabled);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:none}.clear-search-input:hover{color:var(--text-primary);background:var(--surface-hover)}.search-results-section{padding:var(--space-5) 0 var(--space-12)}.search-results-header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.search-results-header h2{font-size:var(--text-3xl);letter-spacing:-.03em;margin:var(--space-1) 0 var(--space-2);font-weight:700}.search-results-header p{color:var(--text-secondary);font-size:var(--text-md)}.clear-search-button{border:1px solid var(--border-default);background:var(--surface-2);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);font-weight:500}.clear-search-button:hover{background:var(--surface-3);border-color:var(--border-strong)}.search-results-grid{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.empty-search-state{text-align:center;border:1px solid var(--border-subtle);background:var(--surface-sunken);border-radius:var(--radius-2xl);min-height:320px;padding:var(--space-10);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-search-icon{border-radius:var(--radius-xl);background:var(--brand-subtle);border:1px solid var(--brand-border);width:60px;height:60px;color:var(--brand-text);font-size:var(--text-3xl);margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.empty-search-state h3{font-size:var(--text-xl);letter-spacing:-.01em;margin-bottom:var(--space-2);font-weight:600}.empty-search-state p{color:var(--text-tertiary);max-width:44ch}.search-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:480px;display:flex}.search-loading h2{margin-top:var(--space-5);margin-bottom:var(--space-2);font-size:var(--text-xl);font-weight:600}.search-loading p{color:var(--text-tertiary)}.search-error{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;min-height:480px;display:flex}.search-error p{color:var(--text-tertiary);margin-bottom:var(--space-3);max-width:52ch}@media (width<=1100px){.search-results-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=850px){.search-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.search-results-header{flex-direction:column;align-items:flex-start}.search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}@media (width<=400px){.search-results-grid{grid-template-columns:1fr}}.search-source-tabs{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.source-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);font-family:inherit;font-weight:500;display:inline-flex}.source-tab:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}.source-tab.active{background:var(--brand-subtle);border-color:var(--brand-border);color:var(--text-primary);font-weight:600}.source-tab:disabled{opacity:.38;cursor:not-allowed}.source-tab-icon{font-size:var(--text-md);line-height:1}.source-tab-count{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--surface-4);color:var(--text-tertiary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:600}.source-tab.active .source-tab-count{background:var(--brand-subtle-hover);color:var(--brand-text-strong)}.search-source-group{margin-bottom:var(--space-10)}.search-group-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.search-group-header h3{align-items:center;gap:var(--space-2);font-size:var(--text-lg);letter-spacing:-.01em;margin:0;font-weight:600;display:flex}.search-group-icon{font-size:var(--text-md);line-height:1}.search-group-count{color:var(--text-disabled);font-size:var(--text-sm);white-space:nowrap}.global-search-featured{margin-bottom:var(--space-10);padding:var(--space-5);border-radius:var(--radius-2xl);border:1px solid var(--brand-border);background:linear-gradient(135deg, var(--brand-subtle), var(--surface-tint))}.featured-heading{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.featured-source{color:var(--text-tertiary);font-size:var(--text-sm)}.featured-card{max-width:380px}.featured-card .media-card{cursor:pointer;align-items:center;gap:var(--space-4);padding:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-sunken);transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);grid-template-columns:96px minmax(0,1fr);display:grid}.featured-card .media-card:hover{background:var(--surface-3);border-color:var(--brand-border)}.featured-card .media-overlay,.featured-card .rating-badge{display:none}.featured-card .media-poster{aspect-ratio:2/3;border-radius:8px;width:96px;overflow:hidden}.featured-card .media-info{padding:0}.featured-card .media-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:16px;display:-webkit-box;overflow:hidden}.search-notice{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);font-size:var(--text-base);line-height:1.6}.search-notice p{margin:0 0 var(--space-1)}.search-notice.partial{border:1px solid var(--warning-border);background:var(--warning-subtle);color:var(--warning-text)}.search-notice.error{border:1px solid var(--danger-border);background:var(--danger-subtle);text-align:center;padding:var(--space-12) var(--space-8)}.search-notice.error h2{font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--space-2);font-weight:700}.search-notice.error p{color:var(--text-secondary);margin-bottom:var(--space-5)}.search-notice.info{align-items:center;gap:var(--space-3);border:1px solid var(--brand-border);background:var(--brand-subtle);color:var(--brand-text-strong);display:flex}.search-notice.info p{margin:0}.search-notice-list{margin:0;padding:0;list-style:none}.search-notice-list li{gap:var(--space-2);padding:2px 0;display:flex}.notice-source{color:var(--text-primary);min-width:92px}.notice-reason{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-sm)}.inline-spinner{border:2px solid var(--surface-4);border-top-color:var(--brand);vertical-align:-2px;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite global-search-spin;display:inline-block}@keyframes global-search-spin{to{transform:rotate(360deg)}}.media-card.skeleton{pointer-events:none}.media-card.skeleton .media-poster,.media-card.skeleton .media-info h3{background:var(--surface-sunken);animation:1.4s ease-in-out infinite global-search-pulse}.media-card.skeleton .media-info h3{border-radius:var(--radius-sm);height:14px;margin:0}@keyframes global-search-pulse{0%,to{opacity:1}50%{opacity:.45}}.inline-link{color:var(--brand-text);font:inherit;font-size:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.inline-link:hover{color:var(--brand-text-strong)}.search-results-note{color:var(--text-disabled);font-size:var(--text-base);text-align:center;padding:var(--space-2) 0 var(--space-5)}@media (prefers-reduced-motion:reduce){.inline-spinner,.media-card.skeleton .media-poster,.media-card.skeleton .media-info h3{animation:none}}.media-details-modal{width:min(1160px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--text-primary);background:0 0;border:0;padding:0;overflow:visible}.media-details-modal::backdrop{-webkit-backdrop-filter:blur(6px);background:#000000c7}.media-details-modal-panel{max-height:calc(100dvh - 32px);position:relative}.media-details-modal-panel>.search-loading,.media-details-modal-panel>.search-error{max-height:inherit;padding:var(--space-16) var(--space-8);border:1px solid var(--border-default);background:var(--surface-1);border-radius:24px;overflow-y:auto}.details-modal-close{z-index:5;border:1px solid var(--border-default);background:var(--surface-glass);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.details-modal-close:hover{border-color:var(--border-strong);background:var(--surface-3);transform:scale(1.05)}.details-modal-close:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.details-personal-section{margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:rgba(var(--scrim-ink), .2)}.details-personal-section h2{margin-bottom:var(--space-3);color:var(--text-primary);font-size:var(--text-base)}.details-progress-controls,.details-create-collection{gap:var(--space-2);display:grid}.details-control-label{color:var(--text-secondary);font-size:var(--text-sm)}.details-progress-controls select,.details-episode-progress input,.details-create-collection input,.library-create-collection input{min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-primary);font:inherit}.details-episode-progress{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);display:flex}.details-episode-progress input{width:100px}.details-progress-feedback,.details-collection-empty{min-height:1.2em;color:var(--text-tertiary);font-size:var(--text-xs)}.details-collection-options{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.details-collection-option{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);display:flex}.details-collection-option input{accent-color:var(--brand)}.details-create-collection-row{gap:var(--space-2);display:flex}.details-create-collection-row input,.library-create-collection input{flex:1;min-width:0}.details-create-collection-row .secondary-button{flex-shrink:0}.media-details{border:1px solid var(--border-default);background:var(--surface-0);border-radius:24px;min-height:0;max-height:calc(100dvh - 32px);margin-bottom:0;position:relative;overflow:hidden auto}.details-background{background-image:linear-gradient(90deg, var(--surface-0) 0%, rgba(var(--scrim-page), .94) 35%, rgba(var(--scrim-page), .72) 70%, rgba(var(--scrim-page), .92) 100%), linear-gradient(0deg, var(--surface-0) 0%, transparent 50%),  var(--media-backdrop,transparent);filter:saturate(.8);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.details-content{z-index:2;padding:var(--space-10);position:relative}.back-button{border:1px solid var(--border-default);background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;margin-bottom:var(--space-12);transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);font-weight:500}.back-button:hover{background:var(--surface-3);border-color:var(--border-strong);transform:translate(-3px)}.details-main{gap:var(--space-12);grid-template-columns:280px 1fr;align-items:center;max-width:1050px;display:grid}.details-poster{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-default);overflow:hidden}.details-poster img{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.details-info{max-width:700px}.details-label{color:var(--brand-text);font-size:var(--text-xs);letter-spacing:.14em;margin-bottom:var(--space-3);font-weight:700;display:inline-block}.details-info h1{letter-spacing:-.04em;margin-bottom:var(--space-5);font-size:clamp(38px,5.4vw,68px);font-weight:700;line-height:1.02}.details-meta{gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-md);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.details-rating{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);color:var(--text-tertiary);font-size:var(--text-base);display:flex}.big-rating{color:var(--text-primary);font-size:var(--text-xl);letter-spacing:-.02em;font-weight:700}.details-description{color:var(--text-secondary);font-size:var(--text-lg);max-width:680px;margin-bottom:var(--space-8);line-height:1.8}.details-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.details-actions .is-active{background:var(--surface-3);border-color:var(--brand-border);color:var(--brand-text)}.details-facts{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.details-fact{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-sunken)}.details-fact-label{margin-bottom:var(--space-1);color:var(--text-tertiary);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;display:block}.details-fact-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;display:block}.details-credits,.details-links,.details-gallery{margin:0 0 var(--space-8)}.details-credits h2,.details-links h2,.details-gallery h2{margin-bottom:var(--space-3);color:var(--text-primary);font-size:var(--text-xl);font-weight:600}.details-credits p{color:var(--text-secondary);font-size:var(--text-md);line-height:1.6}.details-credit-cast{margin-top:var(--space-2)}.details-credits strong{color:var(--text-primary)}.details-link-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.details-link-list a{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);transition:color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);display:inline-flex}.details-link-list a:hover{color:var(--text-primary);border-color:var(--brand-border);background:var(--surface-hover)}.details-gallery-rail{gap:var(--space-3);padding:var(--space-1) 0 var(--space-3);scroll-snap-type:x proximity;grid-auto-columns:minmax(220px,34%);grid-auto-flow:column;display:grid;overflow-x:auto}.details-gallery-rail img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-2);scroll-snap-align:start;width:100%;display:block}.details-player-unavailable{margin:0 0 var(--space-8);color:var(--text-secondary);font-size:var(--text-md)}.trailer-section.music-player{width:100%;max-width:none}.music-player .trailer-heading{margin-bottom:var(--space-3)}@media (width<=600px){.details-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.where-to-watch{margin-bottom:var(--space-8)}.where-heading{margin-bottom:var(--space-5);font-size:var(--text-xl);font-weight:600}.where-group{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.where-group-label{white-space:nowrap;min-width:64px;padding-top:var(--space-2);color:var(--text-tertiary);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.where-providers{gap:var(--space-2);flex-wrap:wrap;display:flex}.where-provider{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-sm);display:inline-flex}.where-provider img{border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-3);width:23px;height:23px}.where-provider-name{white-space:nowrap}.where-link{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);text-decoration:none;display:inline-flex}.where-link:hover{background:var(--surface-3);border-color:var(--border-strong)}.where-note{margin-top:var(--space-4);color:var(--text-disabled);font-size:var(--text-2xs);line-height:1.5}@media (width<=600px){.where-group{gap:var(--space-2);flex-direction:column}.where-group-label{padding-top:0}}.trailer-placeholder{color:var(--text-tertiary);font-size:var(--text-md);margin-bottom:var(--space-8)}.trailer-section{margin-bottom:var(--space-8);max-width:680px}.trailer-heading{font-size:var(--text-xl);letter-spacing:-.01em;margin-bottom:var(--space-3);font-weight:600}.trailer-frame{aspect-ratio:16/9;background:var(--scrim-ink);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.trailer-frame:hover{border-color:var(--brand-border);box-shadow:var(--shadow-lg)}.trailer-frame:after{color:var(--text-primary);content:"▶ Play trailer";font-size:var(--text-lg);pointer-events:none;text-shadow:0 2px 8px rgba(var(--scrim-ink), .7);font-weight:600;position:absolute}.trailer-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.trailer-frame.has-video:after{content:none}.trailer-fallback-link{color:var(--brand-text);margin-top:10px;font-size:14px;font-weight:500;display:inline-block}@media (width<=800px){.details-content{padding:25px}.details-main{grid-template-columns:190px 1fr;gap:28px}.details-info h1{font-size:42px}}@media (width<=600px){.media-details-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.media-details-modal-panel{max-height:calc(100dvh - 16px)}.media-details-modal-panel>.search-loading,.media-details-modal-panel>.search-error{padding:var(--space-10) var(--space-5);border-radius:18px}.media-details{border-radius:18px;max-height:calc(100dvh - 16px)}.details-content{padding:24px 16px 20px}.back-button{margin-bottom:0}.details-main{grid-template-columns:1fr;gap:25px}.details-poster{width:190px}.details-info h1{font-size:38px}.details-description{font-size:14px}}.library-page{padding:var(--space-5) 0 var(--space-12)}.library-header{margin-bottom:var(--space-8)}.library-header h1{letter-spacing:-.04em;margin:var(--space-2) 0 var(--space-3);font-size:clamp(32px,4.4vw,52px);font-weight:700;line-height:1.1}.library-header p{color:var(--text-secondary);font-size:var(--text-lg);max-width:60ch}.library-grid{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.library-empty{text-align:center;border:1px solid var(--border-subtle);background:var(--surface-sunken);border-radius:var(--radius-2xl);min-height:360px;padding:var(--space-10);flex-direction:column;justify-content:center;align-items:center;display:flex}.library-empty-icon{border-radius:var(--radius-xl);background:var(--brand-subtle);border:1px solid var(--brand-border);width:64px;height:64px;color:var(--brand-text);font-size:var(--text-3xl);margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.library-empty h2{margin-bottom:var(--space-2);font-size:var(--text-xl);letter-spacing:-.01em;font-weight:600}.library-empty p{color:var(--text-tertiary);max-width:44ch}.library-toolbar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.library-search{align-items:center;gap:var(--space-3);max-width:420px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);background:var(--surface-2);border-radius:var(--radius-lg);color:var(--text-tertiary);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);flex:1;display:flex}.library-search:focus-within{border-color:var(--brand-border);box-shadow:var(--shadow-xs)}.library-search input{min-width:0;color:var(--text-primary);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.library-search input::placeholder{color:var(--text-disabled)}.library-sort select{appearance:none;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:1px solid var(--border-default);background:var(--surface-2);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 13px) calc(50% + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.library-sort select:hover{border-color:var(--border-strong);color:var(--text-primary)}.library-source-filters{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.library-source-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);background:var(--surface-2);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);display:inline-flex}.library-source-chip:hover:not(:disabled){background:var(--surface-3);color:var(--text-primary)}.library-source-chip.active{background:var(--brand-subtle);border-color:var(--brand-border);color:var(--brand-text);font-weight:600}.library-source-chip:disabled{opacity:.38;cursor:not-allowed}.library-chip-count{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--surface-4);color:var(--text-tertiary);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.library-source-chip.active .library-chip-count{background:var(--brand-subtle-hover);color:var(--brand-text)}.library-result-count{margin-bottom:var(--space-5);color:var(--text-tertiary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.library-mode-tabs{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.library-mode-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none;display:inline-flex}.library-mode-tab.active{background:var(--brand-subtle);border-color:var(--brand-border);color:var(--brand-text)}.library-collections{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.library-collection-manager{margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-1)}.library-collection-manager>summary{align-items:center;gap:var(--space-2);color:var(--text-primary);cursor:pointer;font-weight:600;list-style:none;display:flex}.library-collection-manager>summary::-webkit-details-marker{display:none}.library-create-collection{gap:var(--space-2);margin-top:var(--space-4);display:flex}.library-create-collection .secondary-button{flex-shrink:0}.library-collection-message{min-height:1.2em;margin-top:var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs)}.library-collection-list{gap:var(--space-2);margin-top:var(--space-3);list-style:none;display:grid}.library-collection-list li{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.library-collection-list li>span{gap:2px;display:grid}.library-collection-list small{color:var(--text-tertiary)}.library-collection-delete{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;place-items:center;display:grid}.library-collection-delete:hover{border-color:var(--danger-border);background:var(--danger-subtle);color:var(--brand-text)}.library-collection-empty{margin-top:var(--space-3);color:var(--text-tertiary);font-size:var(--text-sm)}.library-collection-chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-xs);display:inline-flex}.library-collection-chip.active{background:var(--brand-subtle);border-color:var(--brand-border);color:var(--brand-text)}.library-collection-manage{border-radius:var(--radius-full);width:26px;height:26px;color:var(--text-tertiary);justify-content:center;align-items:center;display:inline-flex}.library-cell{position:relative}.library-badges{top:var(--space-2);left:var(--space-2);z-index:2;pointer-events:none;gap:4px;display:flex;position:absolute}.library-badge{border-radius:var(--radius-full);color:#fff;background:#000000b8;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.library-badge-fav{color:#ff5a6a}.library-badge-watch{color:#7cc4ff}.library-badge-progress{width:auto;max-width:120px;padding:0 var(--space-2);background:var(--surface-3);color:var(--text-secondary);font-size:var(--text-2xs)}.library-empty-cta{margin-top:var(--space-6);text-decoration:none;display:inline-flex}.card-action.active{background:var(--brand);color:var(--text-primary)}.watchlist-button.active{background:var(--surface-4);color:var(--brand-text)}.media-source-badge{left:var(--space-2);bottom:var(--space-2);z-index:2;padding:2px var(--space-2);border-radius:var(--radius-sm);background:rgba(var(--scrim-ink), .72);color:var(--text-secondary);font-size:var(--text-2xs);letter-spacing:.04em;text-transform:uppercase;opacity:0;transition:opacity var(--duration-base) var(--ease-out);position:absolute}.media-card:hover .media-source-badge,.media-card:focus-within .media-source-badge{opacity:1}@media (width<=1100px){.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=850px){.library-toolbar{flex-wrap:wrap}.library-search{max-width:none}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.library-create-collection,.details-create-collection-row{flex-direction:column;align-items:stretch}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}@media (width<=400px){.library-grid{grid-template-columns:1fr}}.route-page{border:1px solid var(--border-subtle);background:linear-gradient(135deg, var(--brand-subtle), var(--surface-tint));border-radius:24px;flex-direction:column;justify-content:center;min-height:500px;padding:50px;display:flex}.route-page h1{letter-spacing:-.05em;margin:10px 0 15px;font-size:clamp(42px,7vw,76px)}.route-page p{color:var(--text-tertiary);max-width:500px;font-size:16px;line-height:1.7}@media (width<=600px){.route-page{min-height:400px;padding:30px}}.movies-page{padding:20px 0 60px}.movies-header{margin-bottom:30px}.movies-header h1{letter-spacing:-.05em;margin:10px 0 15px;font-size:clamp(40px,6vw,68px);line-height:1}.movies-header p{color:var(--text-tertiary);max-width:550px;line-height:1.7}.movie-filters{border:1px solid var(--border-subtle);background:var(--surface-sunken);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px;padding:16px;display:grid}.filter-group{flex-direction:column;gap:7px;display:flex}.filter-group label{color:var(--text-tertiary);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.filter-group select{width:100%;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;transition:border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);outline:none}.filter-group select:hover{border-color:var(--border-strong)}.filter-group select:focus{border-color:var(--brand-border);background:var(--surface-3);box-shadow:0 0 0 3px var(--brand-subtle)}.music-filters{gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-6);border:1px solid var(--border-subtle);background:var(--surface-sunken);border-radius:var(--radius-xl);grid-template-columns:2fr 1fr;display:grid}.filter-field{gap:var(--space-2);flex-direction:column;display:flex}.filter-field span{color:var(--text-tertiary);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.filter-field input,.filter-field select{width:100%;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-primary);font-size:var(--text-md);box-sizing:border-box;transition:border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);outline:none}.filter-field input:hover,.filter-field select:hover{border-color:var(--border-strong)}.filter-field select{cursor:pointer}.filter-field input:focus,.filter-field select:focus{border-color:var(--brand-border);background:var(--surface-3);box-shadow:0 0 0 3px var(--brand-subtle)}.page-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:340px;color:var(--text-tertiary);flex-direction:column;grid-column:1/-1;display:flex}.page-loading h2{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:600}.page-loading p{text-align:center;max-width:46ch}.load-more-container{padding-top:var(--space-8);justify-content:center;display:flex}@media (width<=850px){.movie-filters{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.movie-filters{grid-template-columns:1fr}}.music-auth-card{border:1px solid var(--border-default);background:linear-gradient(135deg, var(--brand-subtle), var(--surface-tint));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:28px;display:flex}.music-auth-card h2{margin:8px 0;font-size:24px}.music-auth-card p{color:var(--text-secondary);margin:0;line-height:1.6}@media (width<=700px){.music-auth-card{flex-direction:column;align-items:flex-start}}.startup-banners{margin-bottom:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-sunken);overflow:hidden}.startup-banners-summary{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--text-base);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out);list-style:none;display:flex}.startup-banners-summary::-webkit-details-marker{display:none}.startup-banners-summary:hover{background:var(--surface-hover)}.startup-banners-summary:focus-visible{outline:var(--focus-ring-width) solid var(--brand-text);outline-offset:-2px}.startup-banners-count{min-width:20px;height:20px;padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--warning-subtle);border:1px solid var(--warning-border);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--warning-text);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.startup-banners-label{color:var(--text-primary);font-weight:500}.startup-banners-hint{font-size:var(--text-sm);color:var(--text-tertiary);margin-left:auto}.startup-banners[open] .startup-banners-hint{font-size:0}.startup-banners[open] .startup-banners-hint:after{content:"Hide details";font-size:var(--text-sm)}.startup-banners-list{gap:var(--space-2);padding:0 var(--space-3) var(--space-3);flex-direction:column;display:flex}.startup-banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--surface-2);display:flex}.startup-banner.info{border-color:var(--brand-border);background:var(--brand-subtle)}.startup-banner.warn{border-color:var(--warning-border);background:var(--warning-subtle);border-left-width:3px}.startup-banner-body{min-width:0;font-size:var(--text-base);flex:1;line-height:1.6}.startup-banner-body strong{color:var(--text-primary);font-size:var(--text-md);margin-bottom:var(--space-1);font-weight:600;display:block}.startup-banner-body p{margin:0 0 var(--space-2);color:var(--text-secondary)}.startup-banner-body code{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);-webkit-user-select:all;user-select:all;display:inline-block}.startup-banner-dismiss{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-disabled);font-size:var(--text-xl);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.startup-banner-dismiss:hover{background:var(--surface-hover);color:var(--text-primary)}@media (width<=600px){.startup-banner-body code{word-break:break-all;font-size:11px}}.dash-hero{min-height:280px;padding:var(--space-12);border-radius:var(--radius-3xl);border:1px solid var(--brand-border);background:radial-gradient(900px 400px at 88% 10%, var(--brand-subtle-hover), transparent 62%), linear-gradient(140deg, var(--surface-2) 0%, var(--surface-1) 55%, var(--surface-0) 100%);box-shadow:var(--shadow-md);align-items:center;display:flex;position:relative;overflow:hidden}.dash-hero:after{content:"";pointer-events:none;background:radial-gradient(520px 240px at 10% 92%,#ffffff08,#0000 70%);position:absolute;inset:0}.dash-hero-content{z-index:2;max-width:640px;position:relative}.dash-hero h1{margin-top:var(--space-4);letter-spacing:-.04em;font-size:clamp(32px,4.4vw,56px);font-weight:700;line-height:1.04}.dash-hero p{margin-top:var(--space-4);max-width:540px;color:var(--text-secondary);font-size:var(--text-lg);line-height:1.65}.dash-hero-stats{gap:var(--space-3) var(--space-8);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.dash-hero-stats span{align-items:baseline;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm);letter-spacing:.01em;display:flex}.dash-hero-stats strong{color:var(--text-primary);font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:700}.dash-grid{gap:var(--space-6);margin-top:var(--space-6);flex-direction:column;display:flex}.dash-panel,.dash-library{padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);background:var(--surface-sunken);transition:border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out)}.dash-panel:hover,.dash-library:hover{border-color:var(--brand-border);background:var(--surface-1)}.dash-panel-heading,.dash-panel-heading-static{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.dash-panel-icon{border-radius:var(--radius-md);background:var(--brand-subtle);border:1px solid var(--brand-border);width:32px;height:32px;color:var(--brand-text);font-size:var(--text-md);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.dash-panel-titles{flex-direction:column;gap:2px;min-width:0;display:flex}.dash-panel-titles strong{font-size:var(--text-lg);letter-spacing:-.02em;transition:color var(--duration-base) var(--ease-out);font-weight:600}.dash-panel-titles small{color:var(--text-disabled);font-size:var(--text-sm)}.dash-panel-heading{color:inherit}.dash-panel-heading:hover strong{color:var(--brand-text-strong)}.dash-panel-arrow{color:var(--text-disabled);font-size:var(--text-md);transition:transform var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);flex-shrink:0;margin-left:auto}.dash-panel-heading:hover .dash-panel-arrow,.dash-panel-arrow:hover{color:var(--brand-text);transform:translate(3px)}.dash-panel-body{position:relative}.dash-panel-grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.dash-panel-grid-tight{grid-template-columns:repeat(8,minmax(0,1fr))}.dash-panel-featured{border-color:var(--brand-border)}.dash-panel-icon-brand{background:var(--brand);border-color:var(--brand);color:#fff}.foryou-card{flex-direction:column;gap:6px;min-width:0;display:flex}.foryou-reason{color:var(--text-muted);font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:0 2px;line-height:1.35;display:-webkit-box;overflow:hidden}.foryou-card .media-card{height:100%}.dash-panel-grid .media-info h3{font-size:var(--text-sm)}.dash-panel-grid .media-meta{font-size:var(--text-xs)}.dash-panel-note{padding:var(--space-5) 0 var(--space-1);color:var(--text-tertiary);font-size:var(--text-base);line-height:1.7}.dash-panel-link{margin-top:var(--space-2);color:var(--brand-text);font-size:var(--text-sm);font-weight:500;display:inline-block}.dash-panel-link:hover{color:var(--brand-text-strong)}.dash-panel-error{border-color:var(--warning-border)}.dash-panel-error .dash-panel-icon{background:var(--warning-subtle);border-color:var(--warning-border);color:var(--warning-text)}.dash-skeleton-row{gap:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.dash-skeleton-tile{aspect-ratio:2/3;border-radius:var(--radius-lg);background:var(--surface-sunken);border:1px solid var(--border-subtle);animation:1.4s ease-in-out infinite dash-pulse}@keyframes dash-pulse{0%,to{opacity:1}50%{opacity:.4}}.dash-library{gap:var(--space-6) var(--space-8);grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:start;display:grid}.dash-library .dash-panel-heading-static{grid-column:1/-1;margin-bottom:0}.dash-stats{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dash-stat{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-sunken);transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.dash-stat:hover{background:var(--brand-subtle);border-color:var(--brand-border);transform:translateY(-2px)}.dash-stat-icon{color:var(--brand-text);font-size:var(--text-md);margin-bottom:var(--space-1);line-height:1}.dash-stat-value{color:var(--text-primary);font-size:var(--text-3xl);letter-spacing:-.03em;font-weight:700;line-height:1.1}.dash-stat-label{color:var(--text-disabled);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.dash-top-pick{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-sunken);color:inherit;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);grid-template-columns:56px minmax(0,1fr);display:grid}.dash-top-pick:hover{background:var(--brand-subtle);border-color:var(--brand-border)}.dash-top-pick img{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-md);background:var(--surface-3);width:56px}.dash-top-pick span{flex-direction:column;gap:2px;min-width:0;display:flex}.dash-top-pick small{color:var(--text-disabled);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.dash-top-pick strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-md);font-weight:600;overflow:hidden}.dash-top-pick em{color:var(--warning-text);font-size:var(--text-sm);font-style:normal}.dash-top-pick-empty{grid-template-columns:minmax(0,1fr)}.dash-top-pick-empty strong{white-space:normal;color:var(--text-secondary)}.dash-top-pick-empty em{color:var(--text-disabled);font-style:normal;line-height:1.5}@media (width<=1400px){.dash-panel-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dash-panel-grid-tight{grid-template-columns:repeat(6,minmax(0,1fr))}.dash-skeleton-row{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1100px){.dash-library{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.dash-hero{padding:34px 28px}.dash-panel-grid,.dash-panel-grid-tight,.dash-skeleton-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=600px){.dash-panel,.dash-library{padding:16px}.dash-panel-grid,.dash-panel-grid-tight,.dash-skeleton-row{scroll-snap-type:x proximity;padding-bottom:6px;display:flex;overflow-x:auto}.dash-panel-grid .media-card,.dash-skeleton-tile{scroll-snap-align:start;flex:0 0 132px}.dash-panel-grid::-webkit-scrollbar{display:none}.dash-skeleton-row::-webkit-scrollbar{display:none}.dash-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dash-stat{padding:12px}.dash-stat-value{font-size:20px}.dash-panel-titles strong{font-size:15px}.dash-panel-arrow{display:none}}@media (pointer:coarse){.icon-button,.theme-button,.clear-search-input,.startup-banner-dismiss,.card-action{min-width:44px;min-height:44px}.nav-item,.source-tab,.primary-button,.secondary-button,.clear-search-button,.back-button{min-height:44px}}.settings-page{max-width:860px;padding:var(--space-5) 0 var(--space-12)}.settings-header{margin-bottom:var(--space-8)}.settings-header h1{letter-spacing:-.03em;margin:var(--space-2) 0 var(--space-2);font-size:clamp(28px,3.6vw,40px);font-weight:700;line-height:1.1}.settings-header p{color:var(--text-secondary);font-size:var(--text-lg);max-width:58ch}.settings-panel{margin-bottom:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:var(--surface-1);overflow:hidden}.settings-panel-head{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.settings-panel-icon{border-radius:var(--radius-lg);background:var(--surface-3);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--brand-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-panel-head h2{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.settings-panel-head p{color:var(--text-tertiary);font-size:var(--text-sm);margin:2px 0 0}.settings-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);grid-template-columns:1fr minmax(180px,240px);display:grid}.settings-row:first-child{border-top:none}.settings-row-text{min-width:0}.settings-row-label{color:var(--text-primary);font-size:var(--text-md);font-weight:500;display:block}.settings-row-hint{color:var(--text-tertiary);font-size:var(--text-base);max-width:46ch;margin-top:2px;line-height:1.5;display:block}.settings-row-control{justify-content:flex-end;display:flex}.settings-row-control select,.settings-row-control input{width:100%;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);cursor:pointer;transition:border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);outline:none}.settings-row-control input{cursor:text}.settings-row-control select:hover,.settings-row-control input:hover{border-color:var(--border-strong)}.settings-row-control select:focus-visible,.settings-row-control input:focus-visible{border-color:var(--brand-border);box-shadow:0 0 0 3px var(--brand-subtle)}.settings-switch{flex-shrink:0;align-items:center;width:44px;height:24px;display:inline-flex;position:relative}.settings-switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.settings-switch-track{border-radius:var(--radius-full);background:var(--surface-4);border:1px solid var(--border-default);width:100%;height:100%;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out)}.settings-switch-thumb{border-radius:var(--radius-full);background:var(--text-primary);width:18px;height:18px;box-shadow:var(--shadow-xs);transition:transform var(--duration-base) var(--ease-out);position:absolute;top:3px;left:3px}.settings-switch input:checked~.settings-switch-track{background:var(--brand);border-color:var(--brand)}.settings-switch input:checked~.settings-switch-thumb{background:var(--on-brand);transform:translate(20px)}.settings-switch input:focus-visible~.settings-switch-track{box-shadow:0 0 0 3px var(--brand-subtle);border-color:var(--brand-border)}.settings-switch input:disabled{cursor:not-allowed}.settings-switch input:disabled~.settings-switch-track{opacity:.5}.accent-options{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.accent-option{cursor:pointer;display:block;position:relative}.accent-option input{opacity:0;cursor:pointer;position:absolute;inset:0}.accent-swatch{border-radius:var(--radius-full);border:1px solid var(--border-default);color:#fff;width:28px;height:28px;transition:transform var(--duration-base) var(--ease-spring), border-color var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex}.accent-option:hover .accent-swatch{transform:scale(1.08)}.accent-option input:checked+.accent-swatch{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--surface-1), 0 0 0 4px var(--text-primary)}.accent-option input:checked+.accent-swatch .accent-tick{opacity:1}.accent-option input:focus-visible+.accent-swatch{box-shadow:0 0 0 2px var(--surface-1), 0 0 0 4px var(--brand-text)}.accent-tick{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.settings-sources{flex-direction:column;display:flex}.settings-source{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);display:flex}.settings-source:first-child{border-top:none}.settings-source-icon{border-radius:var(--radius-lg);background:var(--surface-3);border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-source-name{min-width:0;color:var(--text-primary);font-size:var(--text-base);flex:1;font-weight:500}.settings-source-status{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap;display:inline-flex}.settings-source-dot{border-radius:var(--radius-full);background:var(--text-disabled);flex-shrink:0;width:8px;height:8px}.settings-source-status.ok .settings-source-dot{background:var(--success)}.settings-source-status.off .settings-source-dot{background:var(--warning)}.settings-danger{border-color:var(--danger-border)}.settings-danger .settings-panel-head{border-bottom-color:var(--danger-border)}.settings-danger .settings-panel-icon{background:var(--danger-subtle);border-color:var(--danger-border);color:var(--brand-text)}.settings-danger-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.settings-danger-row:first-of-type{border-top:none}.settings-danger-row .settings-row-text{flex:1;min-width:200px}.danger-button{padding:var(--space-2) var(--space-4);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--brand-text);font-family:inherit;font-size:var(--text-base);cursor:pointer;white-space:nowrap;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);background:0 0;font-weight:500}.danger-button:hover:not(:disabled){background:var(--danger-subtle);border-color:var(--danger)}.danger-button:disabled{opacity:.45;cursor:not-allowed}.settings-confirm{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--danger-subtle);border-top:1px solid var(--danger-border);flex-wrap:wrap;display:flex}.settings-confirm[hidden]{display:none}.settings-confirm p{min-width:200px;color:var(--text-primary);font-size:var(--text-base);flex:1;line-height:1.5}.settings-confirm-actions{gap:var(--space-2);display:flex}.settings-saved{min-height:20px;color:var(--success);font-size:var(--text-sm);margin-top:var(--space-2);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.settings-saved.visible{opacity:1}@media (width<=720px){.settings-row{gap:var(--space-3);grid-template-columns:1fr}.settings-row-control,.accent-options{justify-content:flex-start}}.discover-page .movies-header{margin-bottom:var(--space-6)}.discover-filters{gap:var(--space-6);padding:var(--space-6);margin-bottom:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:var(--surface-sunken);flex-direction:column;display:flex}.discover-source-tabs{gap:var(--space-2);padding:var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-2);flex-wrap:wrap;align-self:flex-start;display:flex}.discover-source-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.discover-source-tab:hover{background:var(--surface-4);color:var(--text-primary)}.discover-source-tab.active{background:var(--brand);color:#fff}.discover-source-tab.active:hover{background:var(--brand-hover)}.discover-presets{gap:var(--space-3);flex-direction:column;display:flex}.discover-presets-label{align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700;display:inline-flex}.discover-preset-row{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.discover-preset{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color .12s,background .12s;display:flex}.discover-preset:hover{background:var(--surface-3);border-color:var(--border-strong)}.discover-preset-icon{border-radius:var(--radius-md);background:var(--surface-4);width:28px;height:28px;color:var(--brand-text);flex-shrink:0;place-items:center;display:grid}.discover-preset-body{flex-direction:column;gap:2px;min-width:0;display:flex}.discover-preset-body strong{font-size:var(--text-sm);font-weight:700}.discover-preset-body small{color:var(--text-tertiary);font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.discover-controls{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.discover-genres-head .label-like{color:var(--text-tertiary);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.discover-genres{gap:var(--space-3);flex-direction:column;display:flex}.discover-genres-head{align-items:baseline;gap:var(--space-3);display:flex}.discover-genres-head small{color:var(--text-tertiary);font-size:var(--text-xs)}.discover-chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.discover-chip{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;background:0 0;font-weight:600;transition:background .12s,color .12s,border-color .12s}.discover-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.discover-chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.discover-slider-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.discover-slider{gap:var(--space-2);flex-direction:column;display:flex}.discover-slider-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.discover-slider-head label{color:var(--text-tertiary);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.discover-slider-head output{color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:700}.discover-slider input[type=range]{appearance:none;border-radius:var(--radius-full);background:var(--surface-4);cursor:pointer;outline:none;width:100%;height:4px}.discover-slider input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--brand);cursor:pointer;border:0;width:14px;height:14px}.discover-slider input[type=range]::-moz-range-thumb{border-radius:var(--radius-full);background:var(--brand);cursor:pointer;border:0;width:14px;height:14px}.discover-slider input[type=range]:focus-visible{box-shadow:0 0 0 2px var(--brand-border)}.discover-slider.disabled{opacity:.4}.discover-slider.disabled input[type=range]{pointer-events:none}.discover-actions{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:flex}.discover-toggle{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;display:inline-flex}.discover-toggle input{accent-color:var(--brand);cursor:pointer;width:15px;height:15px}.discover-actions .secondary-button{align-items:center;gap:var(--space-2);display:inline-flex}.discover-summary{margin-bottom:var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm)}.discover-row+.discover-row{margin-top:var(--space-10)}.discover-row-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.discover-row-head h2{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700;display:flex}.discover-row-head h2 svg{color:var(--brand-text)}.discover-row-head small{color:var(--text-tertiary);font-size:var(--text-xs)}.discover-note{align-items:center;gap:var(--space-2);margin-top:var(--space-6);color:var(--text-tertiary);font-size:var(--text-xs);display:flex}.discover-note svg{flex-shrink:0}@media (width<=1000px){.discover-preset-row,.discover-slider-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.discover-controls,.discover-slider-grid,.discover-preset-row{grid-template-columns:1fr}.discover-actions{flex-direction:column;align-items:stretch}.discover-actions .secondary-button{justify-content:center}}.auth-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;padding:16px;animation:.18s auth-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes auth-fade{0%{opacity:0}to{opacity:1}}.auth-modal{background:var(--surface-1);border:1px solid var(--border-default);border-radius:16px;width:min(400px,100vw - 32px);max-height:calc(100dvh - 32px);padding:32px 28px;animation:.2s auth-pop;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000080}@keyframes auth-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.auth-close:hover{background:var(--surface-hover);color:var(--text-primary)}.auth-logo{background:linear-gradient(135deg, var(--brand,#e50914), var(--brand-gradient-end,#b00710));width:44px;height:44px;color:var(--on-brand);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:20px;font-weight:800;display:flex}.auth-title{text-align:center;font-size:var(--text-lg,20px);color:var(--text-primary);margin:0 0 6px}.auth-subtitle{text-align:center;font-size:var(--text-sm,13px);color:var(--text-secondary);margin:0 0 18px;line-height:1.5}.auth-error{color:#ff6b6b;font-size:var(--text-xs,12px);background:#e509141f;border:1px solid #e509144d;border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}.auth-error svg{flex-shrink:0}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field span{font-size:var(--text-xs,12px);color:var(--text-secondary);font-weight:600}.auth-field input{border:1px solid var(--border-default);background:var(--surface-0);color:var(--text-primary);font-size:var(--text-sm,14px);border-radius:8px;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:var(--text-tertiary);opacity:1}.auth-field input:focus{border-color:var(--brand,#e50914);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand,#e50914) 25%, transparent)}.auth-submit{background:var(--brand,#e50914);color:var(--on-brand);font-weight:700;font-size:var(--text-sm,14px);cursor:pointer;border:none;border-radius:8px;margin-top:6px;padding:11px;transition:background .15s}.auth-submit:hover:not(:disabled){background:var(--brand-hover,#f6121d)}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-switch{color:var(--text-secondary);font-size:var(--text-xs,12px);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:16px;padding:0}.auth-switch:hover{color:var(--brand-text)}.auth-forgot{color:var(--text-secondary);font-size:var(--text-xs,12px);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:10px;padding:0}.auth-forgot:hover{color:var(--brand-text)}.auth-notice{color:#7ee787;font-size:var(--text-xs,12px);background:#2ea0431f;border:1px solid #2ea04359;border-radius:8px;align-items:flex-start;gap:8px;margin:0 0 14px;padding:10px 12px;line-height:1.45;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-card{background:var(--surface-2,#ffffff0a);border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:14px;margin-bottom:16px;padding:14px;display:flex}.profile-avatar-wrap{flex-shrink:0;width:48px;height:48px;position:relative}.profile-avatar-actions{z-index:2;gap:4px;display:flex;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.profile-avatar-button{background:var(--surface,#222);width:24px;height:24px;color:var(--text-muted,#bbb);cursor:pointer;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.profile-avatar-button:hover{color:var(--text,#fff);border-color:var(--brand,#e50914)}.profile-avatar-button.is-busy{opacity:.5;pointer-events:none}.profile-avatar{background:var(--brand,#e50914);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex;overflow:hidden}.profile-avatar.image{object-fit:cover}img.profile-avatar.image,img.user-avatar-image,img.account-menu-avatar.image,img.top-avatar-content.image{width:100%;height:100%;display:block}.user-avatar{overflow:hidden}.user-avatar .user-avatar-image{object-fit:cover;width:100%;height:100%;display:block}.account-menu-avatar{overflow:hidden}.account-menu-avatar img{object-fit:cover;width:100%;height:100%;display:block}.top-avatar{overflow:hidden}.top-avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-identity{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-name{color:var(--text,#fff);overflow-wrap:anywhere;font-size:15px;font-weight:600}.profile-email{font-size:var(--text-xs,12px);color:var(--text-muted,#999);overflow-wrap:anywhere}.profile-meta{color:var(--text-muted,#777);overflow-wrap:anywhere;font-size:11px}.profile-badge{border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.profile-badge.verified{color:#7ee787;background:#2ea04324;border:1px solid #2ea04359}.profile-badge.unverified{color:#f87171;background:#e509141a;border:1px solid #e5091466}.profile-actions{margin-top:14px}.profile-action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.sessions-block{flex-direction:column;gap:4px;margin-top:14px;display:flex}.profile-sessions{flex-direction:column;gap:8px;margin-top:6px;display:flex}.profile-session{background:var(--surface-2,#ffffff0a);border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.profile-session-info{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-session-label{font-size:var(--text-sm,13px);color:var(--text,#fff);font-weight:600}.profile-session-meta{color:var(--text-muted,#999);font-size:11px}.session-current-badge{color:#7ee787;font-size:11px;font-weight:600}.top-account{position:relative}.top-account-menu{z-index:200;background:var(--surface,#161616);border:1px solid #ffffff1a;border-radius:12px;min-width:230px;padding:8px;animation:.15s auth-fade;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000080}.account-menu-header{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:6px;padding:8px 8px 12px;display:flex}.account-menu-avatar{background:var(--brand,#e50914);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.account-menu-identity{flex-direction:column;gap:2px;min-width:0;display:flex}.account-menu-name{font-size:var(--text-sm,13px);color:var(--text,#fff);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.account-menu-email{color:var(--text-muted,#999);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.account-menu-item{width:100%;color:var(--text,#fff);font-size:var(--text-sm,13px);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.account-menu-item:hover{background:#ffffff0f}@media (width<=640px){.profile-card{flex-wrap:wrap}.profile-action-buttons{justify-content:stretch;width:100%}.profile-action-buttons .secondary-button,.profile-action-buttons .danger-button{flex:1}.top-account-menu{right:-60px}}.sidebar-account-menu{min-width:min(230px,100%);inset:auto auto calc(100% + 8px) 0}.security-status{background:var(--surface-2,#ffffff0a);border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.security-status.verified{background:#2ea04314;border-color:#2ea04359}.security-status-icon{color:#f87171;background:#e509141f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.security-status.verified .security-status-icon{color:#7ee787;background:#2ea04326}.security-status-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.security-status-label{font-size:var(--text-sm,13px);color:var(--text,#fff);font-weight:600}.security-status-hint{font-size:var(--text-xs,12px);color:var(--text-muted,#999);overflow-wrap:anywhere}.security-password-row{align-items:flex-end;gap:12px;display:flex}.security-password-fields{flex:1;gap:10px;min-width:0;display:flex}.security-field{flex:1;min-width:0}.security-feedback{color:#7ee787;font-size:var(--text-xs,12px);background:#2ea0431f;border:1px solid #2ea04359;border-radius:8px;margin:10px 0 0;padding:10px 12px;line-height:1.45}.security-feedback.is-error{color:#f87171;background:#e509141a;border-color:#e5091466}@media (width<=640px){.security-password-row{flex-direction:column;align-items:stretch}.security-password-fields{flex-direction:column}}.top-avatar.is-signed-out{color:var(--text-muted,#999);cursor:pointer;background:0 0;border:1px dashed #ffffff40}.top-avatar.is-signed-out:hover{border-color:var(--brand,#e50914);color:var(--brand,#e50914)}.dashboard-shelves{gap:var(--space-10);margin-top:var(--space-8);flex-direction:column;display:flex}.hero{min-height:clamp(360px,58vh,620px);margin:calc(var(--space-4) * -1) calc(var(--space-8) * -1) 0;border-radius:var(--radius-xl);background:radial-gradient(120% 140% at 12% 8%, var(--surface-tint), transparent 58%), linear-gradient(140deg, var(--surface-2) 0%, var(--surface-1) 50%, var(--surface-0) 100%);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-backdrop{object-fit:cover;z-index:0;object-position:center 22%;width:100%;height:100%;position:absolute;inset:0}.hero-scrim{z-index:1;background:linear-gradient(to top, rgba(var(--scrim-page), .96) 0%, rgba(var(--scrim-page), .82) 18%, rgba(var(--scrim-page), .35) 52%, rgba(var(--scrim-page), .04) 100%), linear-gradient(to right, rgba(var(--scrim-page), .94) 0%, rgba(var(--scrim-page), .72) 34%, rgba(var(--scrim-page), .18) 62%, transparent 82%);position:absolute;inset:0}.hero-content{z-index:2;width:100%;max-width:720px;padding:var(--space-10) var(--space-12) var(--space-12);align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex;position:relative}.hero-eyebrow{color:var(--text-primary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--brand-subtle);border:1px solid var(--brand-border);-webkit-backdrop-filter:blur(8px);align-items:center;font-weight:700;display:inline-flex}.hero-title{max-width:18ch;letter-spacing:var(--tracking-display);color:var(--text-primary);overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(32px,4.2vw,60px);font-weight:700;line-height:1.03}.hero-meta{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-md);flex-wrap:wrap;display:flex}.hero-meta>span{align-items:center;gap:var(--space-1);display:inline-flex}.hero-rating{color:var(--text-primary);font-weight:700}.hero-rating svg{color:var(--brand-text)}.hero-genre{color:var(--text-tertiary)}.hero-overview{max-width:56ch;color:var(--text-secondary);font-size:var(--text-lg);line-height:1.55}.hero-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hero-cta{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-md);cursor:pointer;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.hero-cta:active{transform:translateY(1px)}.hero-cta-primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand)}.hero-cta-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.hero-cta-ghost{border-color:var(--border-strong);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);background:#ffffff1a}.hero-cta-ghost:hover{background:#ffffff2e}.hero.is-loading{min-height:0}.hero.is-loading .hero-content{padding-top:var(--space-12);padding-bottom:var(--space-12)}.shelf{position:relative}.shelf-heading{align-items:center;gap:var(--space-3);width:fit-content;margin-bottom:var(--space-4);padding:var(--space-1) var(--space-2) var(--space-1) 0;color:inherit;text-decoration:none;display:flex}.shelf-icon{border-radius:var(--radius-md);background:var(--surface-hover);border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--text-secondary);flex:none;justify-content:center;align-items:center;display:inline-flex}.shelf-icon-brand{background:var(--brand-subtle);border-color:var(--brand-border);color:var(--brand-text)}.shelf-titles{flex-direction:column;gap:1px;min-width:0;display:flex}.shelf-titles strong{color:var(--text-primary);font-size:var(--text-lg);letter-spacing:-.01em;font-weight:700}.shelf-titles small{color:var(--text-tertiary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shelf-arrow{margin-left:var(--space-1);color:var(--text-tertiary);opacity:0;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);align-items:center;display:inline-flex;transform:translate(-4px)}a.shelf-heading:hover .shelf-arrow,a.shelf-heading:focus-visible .shelf-arrow{opacity:1;color:var(--brand-text);transform:translate(0)}.shelf-rail-wrap{position:relative}.shelf-rail{gap:var(--space-4);scroll-snap-type:x proximity;padding:var(--space-2) 0 var(--space-6);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow:auto hidden}.shelf-rail::-webkit-scrollbar{display:none}.shelf-rail:focus-visible{outline:var(--focus-ring-width) solid var(--brand-text);outline-offset:calc(var(--focus-ring-offset) * -1);border-radius:var(--radius-lg)}.shelf-card{scroll-snap-align:start;gap:var(--space-2);flex-direction:column;flex:none;width:168px;display:flex}.shelf-card-note{color:var(--text-tertiary);font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.shelf-nav{z-index:3;width:40px;height:40px;margin-top:calc(var(--space-4) * -1);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);cursor:pointer;opacity:.94;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-spring);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.shelf-nav:hover{background:var(--brand);border-color:var(--brand);transform:translateY(-50%)scale(1.06)}.shelf-nav[hidden]{display:none}.shelf-nav-prev{left:calc(var(--space-3) * -1)}.shelf-nav-next{right:calc(var(--space-3) * -1)}.shelf-empty{padding:var(--space-6);border-radius:var(--radius-2xl);border:1px dashed var(--border-default);background:var(--surface-sunken)}.shelf-empty-body:empty{display:none}.shelf-empty-state{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;flex-direction:column;display:flex}.shelf-empty-icon{border-radius:var(--radius-full);background:var(--surface-tint);width:44px;height:44px;color:var(--brand-text);justify-content:center;align-items:center;display:inline-flex}.shelf-empty-state strong{color:var(--text-primary);font-size:var(--text-lg);font-weight:700}.shelf-empty-state p{max-width:52ch;color:var(--text-secondary);font-size:var(--text-md);line-height:1.55}.shelf-empty-cta{align-items:center;gap:var(--space-2);margin-top:var(--space-1);color:var(--brand-text);font-size:var(--text-md);font-weight:600;text-decoration:none;display:inline-flex}.shelf-empty-cta:hover{color:var(--brand-text-strong);text-decoration:underline}.onboarding-steps{gap:var(--space-4);width:100%;max-width:780px;margin-top:var(--space-2);text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.onboarding-step{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border-subtle);display:flex}.onboarding-num{border-radius:var(--radius-full);background:var(--brand-subtle);width:22px;height:22px;color:var(--brand-text);font-size:var(--text-xs);flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.onboarding-step strong{color:var(--text-primary);font-size:var(--text-base);font-weight:600;display:block}.onboarding-step p{margin-top:var(--space-1);color:var(--text-tertiary);font-size:var(--text-sm);text-align:left;line-height:1.5}.shelf-rail-skeleton{overflow:hidden}.skeleton-poster{aspect-ratio:2/3;border-radius:var(--radius-lg);background:var(--surface-2)}.skeleton-line{height:10px;margin-top:var(--space-2);border-radius:var(--radius-full);background:var(--surface-2)}.skeleton-line-short{width:58%}.skeleton-poster,.skeleton-line{background-image:linear-gradient(100deg, var(--surface-2) 30%, var(--surface-3) 50%, var(--surface-2) 70%);animation:poster-shimmer 1.4s var(--ease-in-out) infinite;background-size:200% 100%}@media (prefers-reduced-motion:reduce){.skeleton-poster,.skeleton-line{animation:none}}.library-strip{padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);background:var(--surface-1)}.library-strip-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.library-tiles{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);display:grid}.library-tile{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-0);color:inherit;transition:border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.library-tile:hover{border-color:var(--brand-border);transform:translateY(-2px)}.library-tile-icon{color:var(--text-tertiary);display:inline-flex}.library-tile-value{color:var(--text-primary);font-size:var(--text-3xl);letter-spacing:var(--tracking-display);font-weight:700;line-height:1.1}.library-tile-label{color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.library-top-pick{align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-0);color:inherit;text-align:left;font:inherit;cursor:pointer;transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);display:flex;position:relative}.library-top-pick:hover{border-color:var(--brand-border);transform:translateY(-2px)}.library-top-pick img{object-fit:cover;border-radius:var(--radius-md);background:var(--surface-2);flex:none;width:56px;height:84px}.library-top-pick span{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.library-top-pick small{color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.library-top-pick strong{color:var(--text-primary);font-size:var(--text-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.library-top-pick em{align-items:center;gap:var(--space-1);color:var(--brand-text);font-size:var(--text-sm);font-style:normal;font-weight:700;display:inline-flex}@media (width<=1100px){.hero-content{max-width:620px}.library-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.library-top-pick{grid-column:1/-1}}@media (width>=761px) and (width<=1000px){.hero{margin-inline:-25px}}@media (width<=760px){.hero{margin-inline:calc(var(--space-4) * -1);border-radius:0;min-height:clamp(320px,52vh,460px)}.hero-content{padding:var(--space-8) var(--space-5) var(--space-10)}.hero-overview{font-size:var(--text-md)}.hero-scrim{background:linear-gradient(to top, rgba(var(--scrim-page), .97) 0%, rgba(var(--scrim-page), .86) 34%, rgba(var(--scrim-page), .42) 70%, rgba(var(--scrim-page), .1) 100%), linear-gradient(to right, rgba(var(--scrim-page), .75) 0%, rgba(var(--scrim-page), .35) 60%, rgba(var(--scrim-page), .1) 100%)}.shelf-card{width:140px}.shelf-nav{display:none}.onboarding-steps{grid-template-columns:minmax(0,1fr)}.library-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.library-tile-value{font-size:var(--text-2xl)}}@media (width<=480px){.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-cta{width:100%}.shelf-card{width:124px}.library-tiles{grid-template-columns:minmax(0,1fr)}}.pseo-page{width:100%;max-width:var(--content-max);padding:var(--space-6) var(--space-6) var(--space-16);margin-inline:auto}.pseo-breadcrumb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.pseo-breadcrumb a,.pseo-related-link{color:var(--text-secondary);text-decoration:none}.pseo-breadcrumb a:hover,.pseo-related-link:hover{color:var(--text-primary)}.pseo-header{max-width:820px;margin-bottom:var(--space-8)}.pseo-header h1{margin-top:var(--space-2);color:var(--text-primary);font-family:var(--font-display);font-size:clamp(var(--text-3xl), 5vw, var(--text-5xl));letter-spacing:var(--tracking-display);line-height:1.05}.pseo-intro,.pseo-about p,.pseo-discovery-links>p{max-width:72ch;margin-top:var(--space-4);color:var(--text-secondary);font-size:var(--text-md);line-height:1.75}.pseo-results{min-height:240px}.pseo-grid{margin-top:var(--space-6)}.pseo-related,.pseo-about,.pseo-discovery-links{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.pseo-related h2,.pseo-about h2,.pseo-discovery-links h2{color:var(--text-primary);font-size:var(--text-xl);letter-spacing:-.02em}.pseo-related-links{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.pseo-related-link{align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-1);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:inline-flex}.pseo-related-link:hover{border-color:var(--brand-border);background:var(--surface-2)}.pseo-related-icon{color:var(--brand-text);display:inline-flex}.pseo-related-text{font-size:var(--text-sm);font-weight:600}.pseo-empty{justify-items:center;gap:var(--space-3);max-width:600px;margin:var(--space-8) auto;padding:var(--space-8);color:var(--text-secondary);text-align:center;display:grid}.pseo-empty h2{color:var(--text-primary);font-size:var(--text-2xl)}.pseo-empty p{max-width:55ch;line-height:1.65}.pseo-empty .primary-button{min-height:44px;margin-top:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--brand);color:var(--on-brand);border:0;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}@media (width<=640px){.pseo-page{padding:var(--space-4) var(--space-4) var(--space-12)}.pseo-breadcrumb{margin-bottom:var(--space-6)}.pseo-related,.pseo-about,.pseo-discovery-links{margin-top:var(--space-8);padding-top:var(--space-6)}}.pseo-results-intro{max-width:860px;margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);border-left:3px solid var(--brand);background:var(--surface-1)}.pseo-results-intro h2{color:var(--text-primary);font-size:var(--text-xl)}.pseo-results-intro p{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-md);line-height:1.7}