.site-page .site-header {display:flex;align-items:center;gap:20px;max-width:1180px;margin:0 auto 20px;padding:18px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.site-brand {color:var(--text);font-size:13px;font-weight:750;letter-spacing:2px;text-decoration:none;white-space:nowrap}
.site-header nav,.site-admin-links,.site-tools {display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.site-header nav {flex:1;min-width:0}.site-header nav a {color:var(--muted);padding:7px 10px;border-radius:7px;text-decoration:none;font-size:13px;white-space:nowrap}
.site-header nav a[aria-current="page"] {background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.site-tools {margin-left:auto;flex:none}.site-tools button {font-size:12px;padding:7px 10px}.site-tools #theme,.site-tools #theme-toggle {width:34px;height:34px;padding:6px}
.site-page main {width:100%;margin:0 auto;max-width:1180px;padding:0 24px 24px}.site-page #setup {max-width:780px}.site-page .topbar {position:static;padding-top:0}
.site-page .login {margin:32px auto;max-width:420px}
.site-login {width:min(420px,calc(100vw - 28px));padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text)}.site-login::backdrop {background:#0009}.site-login-heading {display:flex;align-items:center;justify-content:space-between;gap:12px}.site-login p {font-size:13px;margin:12px 0;color:var(--muted)}.site-login label {display:block;margin:16px 0 6px}.site-login input {width:100%;padding:9px 12px}.site-login-error {color:var(--error)!important}.site-login .primary {width:100%;padding:10px}
.site-page:is([data-page="activity"],[data-page="search"]) #app {height:calc(100dvh - var(--site-header-height,75px) - 20px)}
@media(max-width:760px){.site-page .site-header {padding:12px 14px;gap:10px;margin-bottom:16px}.site-header nav {order:3;flex-basis:100%;gap:4px}.site-admin-links {gap:4px}.site-header nav a {padding:6px 8px;font-size:12px}.site-page main {padding:0 14px 20px}.site-page:is([data-page="activity"],[data-page="search"]) #app {height:calc(100dvh - var(--site-header-height,110px) - 16px)}}

@media(max-width:760px){.site-page[data-page="search"] #app {height:auto;min-height:calc(100dvh - var(--site-header-height,110px) - 16px)}}

@media(max-width:760px){.site-header .site-admin-links {flex-basis:100%;min-width:0}}

.site-tools #site-signin {display:grid;place-items:center;width:34px;height:34px;padding:6px}

.auth-links {display:flex;justify-content:space-between;gap:12px;margin:14px 0;flex-wrap:wrap}.auth-links button {padding:0;border:0;background:none;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.site-login textarea {width:100%;resize:none;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:8px;font:14px monospace}.site-login .check {display:flex;align-items:center;gap:8px;margin:14px 0 16px;font-size:13px}.site-login .check input {flex:none;width:17px;height:17px;margin:0}
.profile-bar {margin-bottom:14px;max-width:780px}.profile-bar .fields {margin-top:0}.profile-actions {display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.profile-actions button {font-size:12px;padding:6px 9px}.account-heading {margin:24px 0 18px}.connection-row {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.connection-row:last-child {border:0}.account-message {font-size:13px;margin:12px 0}.account-security .fields {margin-bottom:12px}

#account-details,#account-guest {max-width:none}

.site-tools #site-role {font-size:11px;font-weight:650;color:var(--muted);padding:3px 6px;border:1px solid var(--line);border-radius:5px}

:root {--card-radius:12px;--card-gap:12px;--card-padding:12px;--tile-min:216px;--gold:#D5AB63;--gold-text:#15130b;--gold-border:#967431}
.site-page .card {border-radius:var(--card-radius)}
.site-page .tile {min-width:0;padding:var(--card-padding);border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface)}
.site-page .tile-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--tile-min)),1fr));gap:var(--card-gap)}
.site-page .tile:hover,.site-page .tile:focus-within {border-color:color-mix(in srgb,var(--line),var(--text) 35%)}
.site-page .tile.is-recommended {border-color:var(--gold-border)}
.site-page .tile.profile-add {border-style:dashed}
@media(prefers-reduced-motion:no-preference){.site-page .tile {transition:border-color .15s}}
.site-page .identity-grid {grid-template-columns:repeat(auto-fill,min(100%,var(--tile-min)))}
.site-page .tile.identity-card {position:relative;height:304px;aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:52px 40px 48px 38px 44px;gap:8px;padding:36px 16px 12px;text-align:center;align-items:center;justify-items:center}
.identity-card .card-logo {grid-row:1;width:52px;height:52px;margin:0}
.identity-card .card-name {grid-row:2;width:100%;margin:0;font-size:15px;font-weight:650;line-height:20px;height:40px;max-height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.identity-card .card-details {grid-row:3;width:100%;height:48px;margin:0;overflow:hidden;font-size:11px;line-height:16px;color:var(--muted)}
.identity-card .card-tags {grid-row:4;width:100%;height:38px;margin:0;max-height:38px;overflow:hidden;justify-content:center}
.identity-card .card-status {grid-row:5;width:100%;height:44px;margin:0;font-size:11px;line-height:14px;color:var(--muted);align-self:start}
.identity-card .card-status .row-note {font-size:11px;line-height:14px;margin:4px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.identity-card .card-actions {position:absolute;top:36px;right:6px;margin:0}
.site-page .identity-card.profile-add {display:grid;grid-template-rows:1fr;padding:12px}
@media(max-width:600px){
 .site-page .identity-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .site-page .tile.identity-card {padding-left:8px;padding-right:8px}
 .identity-card .card-name {font-size:13px}
 .identity-card .card-actions {top:36px;right:3px}
 .identity-card button.card-actions,.identity-card .card-actions button {width:28px;height:28px;padding:5px}
}

.identity-card .torrent-symbol {display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:24px}
.identity-card:has(.debrid-badge.cached) .torrent-symbol {visibility:hidden}
.identity-card:has(.debrid-badge.cached)>.card-name {padding-right:0}
.identity-card .torrent-peers {margin:0;font-size:11px;line-height:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.identity-card .debrid-row {margin:0;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:3px}
.identity-card .debrid-row button {padding:3px 8px;font-size:11px;line-height:16px}
.identity-card .debrid-badge:not(.cached) {font-size:10px;line-height:12px;padding:0 4px}
.identity-card .debrid-badge.cached {box-sizing:border-box;top:36px;left:calc(50% - 26px);right:auto;width:52px;height:52px;padding:6px;border-radius:14px}
.identity-card .provider-logo {max-width:100%;max-height:100%}

.identity-card .card-details p,.identity-card .card-details small {margin:0;font-size:11px;line-height:16px}

.source-recommended,.identity-card:has(.debrid-badge.cached)::before {position:absolute;top:0;left:0;right:0;box-sizing:border-box;height:24px;padding:4px 6px;border-radius:var(--card-radius) var(--card-radius) 0 0;background:var(--gold);color:var(--gold-text);font-size:10px;font-weight:700;line-height:16px;text-align:center}
.identity-card:has(.debrid-badge.cached)::before {content:"Cached"}
.identity-card .debrid-badge.cached {background:var(--gold);color:var(--gold-text)}
.identity-card.is-recommended {background:color-mix(in srgb,var(--surface),var(--gold) 5%)}
.identity-card .card-actions {z-index:1}

/* Keep page geometry stable as asynchronous content arrives. */
html {scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable) {html {overflow-y:scroll}}
.site-page .site-header {font:14px/1.5 system-ui,-apple-system,sans-serif}
.site-header nav a {line-height:20px}
.site-tools button {height:34px}
.site-page .connection-line {min-block-size:38px}
.site-page [role="status"],.site-page .site-login-error {min-block-size:1.5em}
.site-header,.site-page .stat-value,.site-page [data-home-count] {font-variant-numeric:tabular-nums}
.layout-skeleton {pointer-events:none;user-select:none}
.skeleton-line,.skeleton-block {display:block;background:var(--line);border-radius:6px}
.skeleton-line {height:1em;width:72%;margin-block:8px}
.skeleton-line.short {width:42%}
.skeleton-block {width:52px;height:52px}
.layout-skeleton .card-name,.layout-skeleton .card-details,.layout-skeleton .card-tags,.layout-skeleton .card-status {width:100%}
.layout-skeleton .card-name,.layout-skeleton .card-details,.layout-skeleton .card-status {background:var(--line);border-radius:6px}
.layout-skeleton .card-tags {opacity:.6}
.layout-skeleton-heading {margin-block-end:18px}
.layout-skeleton-heading .skeleton-line {max-width:300px}
.site-page dialog {scrollbar-gutter:stable}

/* Navigation keeps one row as authenticated links arrive; touch and keyboard scroll it. */
.site-header nav {flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-height:34px}
.site-header nav::-webkit-scrollbar {display:none}
.site-header .site-admin-links {flex-wrap:nowrap;flex:none;flex-basis:auto}
.site-tools #logout {display:grid;place-items:center;width:34px;height:34px;padding:6px}
.site-tools #logout[hidden] {display:grid!important;visibility:hidden}
@media(max-width:760px){.site-tools #site-role {font-size:10px;padding:2px 4px}.site-header .site-admin-links {flex-basis:auto}}

.site-tools #site-role[hidden] {display:inline-block!important;visibility:hidden}

/* One page frame for every Settings/Configure panel. Panel content and drafts
   stay mounted; no page-position/height animation or nested scroll surface. */
.site-page[data-config-shell] .site-header{border-bottom:0;min-height:70px;margin-bottom:20px}
.configuration-frame{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.configuration-frame h1{display:block;margin:0;font-size:30px;line-height:44px;font-weight:650;letter-spacing:-1px}
.configuration-tabs{display:flex;gap:22px;height:44px;align-items:center;white-space:nowrap;overflow-x:auto;scrollbar-width:none;margin:12px 0 0}
.configuration-tabs::-webkit-scrollbar{display:none}.configuration-tabs a{display:flex;align-items:center;height:44px;flex:none;color:var(--muted);text-decoration:none;font-size:13px;border-bottom:2px solid transparent}
.configuration-tabs a[aria-current]{color:var(--gold-border,#c9a65b);border-bottom-color:currentColor}
.configuration-status{min-height:22px;line-height:22px;font-size:12px;margin:4px 0 12px;color:var(--muted)}
.site-page[data-config-shell] main.configuration-panel{box-sizing:border-box;max-width:1180px;width:100%;margin:0 auto;padding:0 24px 32px;min-height:calc(100svh - 230px)}
.configuration-panel[hidden]{display:none!important}.configuration-panel>#integration-message{min-height:20px;margin:0 0 12px}.configuration-panel #integration-categories{min-height:166px}
@media(max-width:760px){.site-page[data-config-shell] .site-header{min-height:104px;margin-bottom:16px}.configuration-frame{padding:0 14px}.configuration-frame h1{font-size:28px;line-height:40px}.configuration-tabs{gap:20px}.site-page[data-config-shell] main.configuration-panel{padding:0 14px max(24px,env(safe-area-inset-bottom));min-height:calc(100svh - 250px)}}
@media(prefers-reduced-motion:no-preference){.configuration-tabs a{transition:color .15s,border-color .15s}}

/* Contain child margins so panel headings cannot move the shared frame. */
.configuration-frame,.site-page[data-config-shell] main.configuration-panel{display:flow-root}

.configuration-tabs a{position:relative}.site-page:has(#key-actions:not([hidden])) .configuration-tabs [data-config-tab=settings]::after,.site-page:has(#metadata-settings-actions:not([hidden])) .configuration-tabs [data-config-tab=metadata]::after,.site-page:has(.poster-workspace[data-unsaved=true]) .configuration-tabs [data-config-tab=posters]::after,.site-page:has(#catalog-unsaved:not([hidden])) .configuration-tabs [data-config-tab=catalogs]::after{content:'•';position:absolute;right:-9px;top:6px;color:var(--gold-border,#c9a65b);font-size:16px}

.integration-page #personal-integrations{display:flow-root}.integration-page .managed-connections>a{display:inline-flex;align-items:center;min-height:44px;margin-top:0}

/* P11 shared UI foundation. Page logic and native input semantics stay intact. */
:root{--gold:#D5AB63;--gold-text:#18130b;--gold-border:#a17b3c;--accent:#D5AB63;--accent-soft:#D5AB6318;--button-text:#18130b;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-control:44px;--ui-radius:8px;--ui-page-width:1180px;--ui-gutter:24px;--ui-muted:#a4a7ae}
:root[data-theme=dark]{--bg:#08090b;--surface:#111216;--text:#f1f2f4;--muted:#a4a7ae;--line:#292c32;--accent:#D5AB63;--button-text:#18130b;--warning:#e4ba76;--error:#f0a3a3}
:root[data-theme=light]{--bg:#f5f5f6;--surface:#fff;--text:#1a1c20;--muted:#60646c;--line:#d9dce1;--accent:#8b642e;--gold-border:#86612f;--warning:#815620;--error:#ae3535}
.site-page{font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-rendering:optimizeLegibility}
.site-page main,.configuration-frame,.site-page[data-config-shell] main.configuration-panel{max-width:var(--ui-page-width)}
.site-page :where(button,.button,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){min-height:var(--ui-control);font:inherit;border-radius:var(--ui-radius)}
.site-page :where(button,.button){font-size:13px;line-height:1.3}
.site-page :is(button.primary,a.primary,input[type=submit]){background:var(--gold);border-color:var(--gold);color:var(--gold-text)}
.site-page :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.site-page :where(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--gold)}
.site-page :where(.check,.personal-check,.poster-check){min-height:44px;align-items:center}
.site-page :where(h1){font-size:28px;line-height:1.3;letter-spacing:-.7px;font-weight:650}
.site-page :where(h2){font-size:16px;line-height:1.4;letter-spacing:-.2px}
.site-page :where(h3){font-size:14px;line-height:1.4}
.site-page :where(.card){padding:16px;border-radius:10px}
.site-page :where(th,td){padding:8px 10px;line-height:1.45}
.site-page :where(dialog){max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);overscroll-behavior:contain}
.site-page :where(dialog)::backdrop{background:#0009}
.site-page :where([role=tooltip]){font-size:12px;line-height:1.4;padding:6px 8px;border-radius:6px;background:var(--surface);color:var(--text)}
.site-page :where([role=alert],.error){color:var(--error);overflow-wrap:anywhere}
.site-page :where(.warning){color:var(--warning)}
.site-page :where(.success){color:var(--gold-border)}
.site-page :where(.toolbar,.page-actions,.actions){gap:8px;align-items:center;flex-wrap:wrap}
.site-page .site-header,.site-page[data-config-shell] .site-header{padding:12px var(--ui-gutter);gap:12px;min-height:68px;margin-bottom:16px;border-bottom:0}
.site-header nav{min-height:44px;gap:4px;overscroll-behavior-x:contain;scroll-padding-inline:4px}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;flex:none}
.site-header nav a[aria-current=page]{color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--surface));box-shadow:none}
.site-header nav a:hover{background:var(--surface);color:var(--text)}
.site-tools #theme,.site-tools #theme-toggle,.site-tools #site-signin,.site-tools #logout{width:44px;height:44px;min-height:44px;flex:none}
.configuration-frame h1{font-size:28px;line-height:38px}.configuration-tabs{gap:20px;margin-top:8px}.configuration-tabs a[aria-current]{color:var(--gold-border)}
.configuration-status{margin:2px 0 8px}.configuration-panel>.intro{margin-bottom:12px}
.site-page :where([role=tablist]){scroll-padding:4px;overscroll-behavior-x:contain}
.site-page :where([role=tab]){min-height:44px}
.site-page .api-key-row .provider-heading{min-height:26px;flex-wrap:wrap;gap:6px}
.site-page .api-key-row .integration-status{font-size:11px;line-height:18px;opacity:1}
.site-page .api-key-row .status-empty{color:var(--muted);opacity:1}
.site-page .api-key-row .status-warning{color:var(--warning)}
.site-page .api-key-row .provider-heading>a{min-height:32px;display:inline-flex;align-items:center}
.site-page .metadata-settings-grid{gap:12px 16px;margin-top:12px}.site-page .metadata-categories{gap:16px;margin-bottom:12px}
@media(max-width:760px){
 :root{--ui-gutter:14px}
 .site-page .site-header,.site-page[data-config-shell] .site-header{padding:10px 14px;gap:8px;min-height:116px;margin-bottom:12px}
 .site-header nav{order:3;flex-basis:100%;min-height:44px}.site-header nav a{padding-inline:9px;font-size:12px}
 .site-tools #site-role,.site-tools #site-role[hidden]{display:none!important}
 .site-page :where(h1),.configuration-frame h1{font-size:25px;line-height:34px}
 .configuration-tabs{gap:18px}.site-page :where(dialog){padding:16px;max-height:calc(100dvh - 24px)}
 .site-page :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){font-size:16px}
}
@media(prefers-reduced-motion:reduce){.site-page :where(button,a,input,select,summary,[role=tab]){transition:none!important;scroll-behavior:auto}}

/* P11.10: static compact navigation; motion is reserved for entry branding. */
.site-brand{display:inline-flex;align-items:center;gap:8px;flex:none;width:130px;height:28px;letter-spacing:0}.site-brand img{display:block;flex:none;object-fit:contain}.site-brand:hover .site-wordmark{opacity:.85}.brand-wordmark{display:block;width:174px;height:32px;max-width:100%;color:#D5AB63;overflow:visible}.auth-brand{width:130px;height:24px;margin:0 0 14px}.layout-skeleton-heading{position:relative}.loading-brand{position:absolute;inset-inline-end:0;top:0;display:block;opacity:.35;pointer-events:none}.footer-brand{display:inline-flex;align-items:center;gap:8px}#title-browser:has(#title-results:empty) #browse-status:not(:empty)::before{content:'';display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:middle;background:url('/site/brand/monogram.svg?v=p1112') center/contain no-repeat;opacity:.55}
@keyframes valzera-v{0%,18.1818%{transform:translateX(189px)}77.2727%,100%{transform:translateX(0)}}@keyframes valzera-a{0%,18.1818%{transform:translateX(-189px)}77.2727%,100%{transform:translateX(0)}}.brand-reveal .logo-v{animation:valzera-v 2200ms cubic-bezier(.45,0,.55,1) both}.brand-reveal .logo-a{animation:valzera-a 2200ms cubic-bezier(.45,0,.55,1) both}@keyframes valzera-letter-1{0%,70%{opacity:0}77%,100%{opacity:1}}.brand-reveal .letter-1{animation:valzera-letter-1 2200ms cubic-bezier(.45,0,.55,1) both}@keyframes valzera-letter-2{0%,56%{opacity:0}63%,100%{opacity:1}}.brand-reveal .letter-2{animation:valzera-letter-2 2200ms cubic-bezier(.45,0,.55,1) both}@keyframes valzera-letter-3{0%,42%{opacity:0}49%,100%{opacity:1}}.brand-reveal .letter-3{animation:valzera-letter-3 2200ms cubic-bezier(.45,0,.55,1) both}@keyframes valzera-letter-4{0%,52%{opacity:0}59%,100%{opacity:1}}.brand-reveal .letter-4{animation:valzera-letter-4 2200ms cubic-bezier(.45,0,.55,1) both}@keyframes valzera-letter-5{0%,67%{opacity:0}74%,100%{opacity:1}}.brand-reveal .letter-5{animation:valzera-letter-5 2200ms cubic-bezier(.45,0,.55,1) both}@media(prefers-reduced-motion:reduce){.brand-reveal :is(.logo-v,.logo-a,.logo-middle){animation:none!important;transform:none!important;opacity:1!important}.brand-reveal [data-letter]{animation:none!important;opacity:1!important}}
:root[data-motion="reduce"] .brand-reveal :is(.logo-v,.logo-a,.logo-middle){animation:none!important;transform:none!important;opacity:1!important}

.brand-entry-pending .home-wordmark .logo-v{transform:translateX(189px)}.brand-entry-pending .home-wordmark .logo-a{transform:translateX(-189px)}.brand-entry-pending .home-wordmark .logo-middle{opacity:0}

/* Leave room for signed-in account controls and classic mobile scrollbar gutters. */
@media(max-width:360px){.site-brand{width:44px;height:44px;justify-content:flex-start}.site-brand .site-monogram{width:32px;height:32px}.site-brand .site-wordmark{display:none}}

:root[data-motion="reduce"] .brand-reveal [data-letter]{animation:none!important;opacity:1!important}
.navigation-toast,.playback-notice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:1000;max-width:calc(100vw - 32px);margin:0;padding:10px 16px;border-radius:8px;background:#171717;color:#e9d2aa;font-size:13px;box-shadow:0 4px 20px #0006}.navigation-toast{pointer-events:none}.navigation-toast[hidden]{display:none!important}
.jellyfin-settings{max-width:800px;margin-inline:auto}.jellyfin-settings section{margin-top:24px}.jellyfin-settings h2{font-size:1rem;margin:0 0 12px}.jellyfin-settings fieldset{padding:0;border:0;min-width:0}.jellyfin-settings input,.jellyfin-settings select{max-width:100%;min-width:0}.jellyfin-settings .jellyfin-inline{display:flex;gap:8px;align-items:center}.jellyfin-inline input{flex:1;width:0}.jellyfin-inline button{white-space:nowrap}.jellyfin-device{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-block:10px}.jellyfin-device>div{min-width:0;overflow-wrap:anywhere}.jellyfin-device strong,.jellyfin-device span{display:block}.jellyfin-settings #jellyfin-status{min-height:1.5em}.jellyfin-settings .toggle-row{margin-block:16px}.jellyfin-settings #jellyfin-dismiss{margin-top:12px}@media(max-width:400px){.jellyfin-settings .jellyfin-inline{gap:6px}.jellyfin-settings button{padding-inline:10px}}

:root{--media-width:1392px;--media-gutter:24px;--media-hero-height:clamp(540px,43vw,590px)}
.site-page main:is(#member-home,#title-page,#discovery-page,[data-library],.metadata-page){width:100%;max-width:var(--media-width);margin-inline:auto;padding-inline:var(--media-gutter);box-sizing:border-box;min-width:0}
.site-page .site-header{max-width:var(--media-width);box-sizing:border-box;position:relative;z-index:20}
.global-search{position:relative;flex:1 1 260px;max-width:330px;min-width:120px;margin:0 16px}.global-search input{width:100%;height:40px;min-height:40px;margin:0;padding:8px 12px;background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;font-size:14px}.global-search [role=listbox]{position:absolute;inset:calc(100% + 8px) 0 auto;min-width:260px;max-height:460px;overflow-y:auto;border-radius:10px;background:var(--surface,#161619);box-shadow:0 12px 40px #0009;padding:6px;z-index:30}.global-search [role=option]{display:flex;align-items:center;gap:10px;padding:7px;color:var(--text);text-decoration:none;border-radius:6px}.global-search [aria-selected=true],.global-search [role=option]:hover{background:#d5ab6317}.global-search img{flex:none;object-fit:cover;border-radius:4px}.global-search strong,.global-search small{display:block;font-size:13px}.global-search small{font-size:11px;color:var(--muted);margin-top:4px}.global-search-all{display:block;padding:10px;color:#D5AB63;font-size:12px;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#discovery-page{padding-block:20px 40px}#discovery-page h1{font-size:26px;margin:20px 0 8px}#discovery-status{min-height:24px;color:var(--muted);font-size:13px}#discovery-more{display:block;margin:24px auto}#discovery-more[hidden]{display:none}.discovery-back{font-size:13px;color:var(--muted);text-decoration:none}
@media(max-width:1100px){.site-header{flex-wrap:wrap}.global-search{order:4;max-width:none;flex-basis:100%;margin:8px 0 0}}
@media(max-width:600px){:root{--media-gutter:14px;--media-hero-height:370px}.global-search input{font-size:16px}.global-search [role=listbox]{min-width:0;max-height:60svh}}
@media(min-width:601px) and (max-width:900px){:root{--media-hero-height:510px}}
@media(min-width:1600px){:root{--media-hero-height:590px}}

.site-page .site-header,.site-page[data-config-shell] .site-header,body[data-home=app] .site-header{flex-wrap:nowrap;min-height:68px;padding:12px var(--media-gutter);gap:16px}
.site-header .global-search{order:0;flex:1 1 330px;max-width:400px;margin:0 0 0 auto;min-width:0}.site-header .site-tools{margin:0}.site-header .site-brand{flex:none}
#profile-menu{inset:64px max(14px,calc((100vw - var(--media-width))/2 + var(--media-gutter))) auto auto;margin:0;width:232px;max-width:calc(100vw - 28px);padding:8px;border:0;border-radius:12px;background:var(--surface,#161619);color:var(--text);box-shadow:0 12px 40px #0008;box-sizing:border-box}
#profile-menu nav{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;overflow:visible}#profile-menu a,#profile-menu button{display:flex;align-items:center;width:100%;min-height:44px;height:auto;padding:10px 12px;margin:0;color:var(--text);font:inherit;font-size:13px;text-decoration:none;text-align:left;background:none;border:0;border-radius:6px;box-sizing:border-box}#profile-menu a:hover,#profile-menu button:hover{background:#d5ab6312}#profile-menu a:focus-visible,#profile-menu button:focus-visible{outline:2px solid #D5AB63;outline-offset:-2px}#profile-menu #active-profile{color:#D5AB63;font-weight:600}#profile-menu .site-admin-links{display:contents}#profile-menu [hidden]{display:none!important}#profile-menu #theme,#profile-menu #theme-toggle{width:100%;justify-content:flex-start}
#profile-menu:popover-open{display:block}#profile-menu #logout{width:100%;height:auto}#profile-menu::backdrop{background:transparent}
.discovery-sentinel{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.discovery-sentinel button{min-height:40px}.discovery-sentinel[hidden]{display:none}
@media(max-width:600px){.site-page .site-header,.site-page[data-config-shell] .site-header,body[data-home=app] .site-header{min-height:64px;gap:10px;padding:10px 14px}.site-header .site-brand{width:32px;height:44px}.site-header .site-monogram{width:28px;height:28px}.site-header .site-wordmark{display:none}.site-header .global-search{flex-basis:0;margin:0 0 0 auto}.site-header .global-search input{font-size:16px;padding-inline:10px}.global-search [role=listbox]{left:auto;right:-54px;width:min(360px,calc(100vw - 28px))}}

.discovery-sentinel{height:64px;box-sizing:border-box}.discovery-sentinel span{font-size:13px;color:var(--muted);max-width:70%;line-height:20px}

#profile-menu{max-height:calc(100dvh - 80px);overflow-y:auto}

#admin-page{max-width:var(--media-width);padding:0;margin-inline:auto}#admin-page #app>main{max-width:var(--media-width);padding-inline:var(--media-gutter)}

#profile-menu button svg{width:18px;height:18px;flex:none}

.home-feature,.detail-hero{height:var(--media-hero-height);min-height:var(--media-hero-height);border-radius:16px;position:relative;isolation:isolate;overflow:hidden;background:#111214}
.feature-image img,.detail-backdrop{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.85}
.feature-shade,.detail-hero:after{background:linear-gradient(90deg,rgba(7,8,10,.94),rgba(7,8,10,.68) 40%,rgba(7,8,10,.08)),linear-gradient(0deg,#09090b,transparent 60%)}

html{scrollbar-gutter:stable}

:root{--site-nav-height:76px;--hero-copy-inset:40px}
html{scroll-padding-top:calc(var(--site-nav-height) + 16px)}
.site-header-threshold{position:absolute;top:24px;left:0;width:1px;height:1px;pointer-events:none}
body.site-page>header.site-header{position:sticky;top:0;z-index:50;isolation:isolate;width:100%;max-width:none;height:var(--site-nav-height);min-height:var(--site-nav-height);margin:0;padding:12px max(var(--media-gutter),calc((100% - var(--media-width))/2 + var(--media-gutter)));background:transparent;border:0;overflow:visible}
.site-header::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(9,9,11,.96);box-shadow:inset 0 -1px #ffffff0c,inset 0 1px #d5ab630a,0 8px 28px #0002;opacity:0;transition:opacity 180ms ease}
.site-header[data-glass]::before{opacity:1}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header::before{background:rgba(9,9,11,.74);-webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%)}}
.site-header .global-search input{background:#0b0c10a6;border-color:#ffffff14;color:#f5f3ef}.site-header .global-search input::placeholder{color:#c2bfb8}.site-header .site-tools>#site-signin{background:#0b0c10a6;color:#f5f3ef;border-color:#ffffff14}
.site-header .global-search input:focus{border-color:var(--gold,#D5AB63)}
.site-page[data-home=app] #member-home,body.site-page main#title-page{max-width:none;padding:0;margin-top:calc(-1 * var(--site-nav-height))}
#home-content,#title-detail>div:not(.detail-loading):not(.detail-error){display:grid;grid-template-columns:minmax(var(--media-gutter),1fr) minmax(0,calc(var(--media-width) - 2 * var(--media-gutter))) minmax(var(--media-gutter),1fr)}
#home-content>*,#title-detail>div>*{grid-column:2;min-width:0}
#home-content>.home-feature,#title-detail>div>.detail-hero{grid-column:1/-1;height:calc(var(--media-hero-height) + var(--site-nav-height));min-height:calc(var(--media-hero-height) + var(--site-nav-height));border-radius:0;box-sizing:border-box}
#home-content>.home-feature .feature-copy{margin-left:max(0px,calc((100% - var(--media-width))/2));padding-left:calc(var(--media-gutter) + var(--hero-copy-inset))}
#home-content .feature-indicators{top:calc(var(--site-nav-height) + 12px);right:max(14px,calc((100% - var(--media-width))/2 + var(--media-gutter)))}
#title-detail .detail-summary{max-width:var(--media-width);margin-inline:auto;padding-inline:calc(var(--media-gutter) + 28px)}
#title-detail .detail-back{top:calc(var(--site-nav-height) + 16px);left:max(calc(var(--media-gutter) + 16px),calc((100% - var(--media-width))/2 + var(--media-gutter) + 16px))}
#title-detail>.detail-loading{height:calc(var(--media-hero-height) + var(--site-nav-height));border-radius:0}
@media(max-width:900px){:root{--hero-copy-inset:28px}}
@media(max-width:600px){:root{--site-nav-height:64px;--hero-copy-inset:18px}body.site-page>header.site-header{padding-block:10px}#title-detail .detail-summary{padding-inline:calc(var(--media-gutter) + 16px)}}
@media(prefers-reduced-motion:reduce){.site-header::before{transition:none}}
:root[data-motion=reduce] .site-header::before{transition:none}
#title-detail>.detail-error,#member-home>#home-session-error{box-sizing:border-box;max-width:var(--media-width);margin-inline:auto;padding:calc(var(--site-nav-height) + 40px) var(--media-gutter) 40px}

.configuration-frame,.site-page[data-config-shell] main.configuration-panel{max-width:var(--media-width);padding-inline:var(--media-gutter)}
.configuration-frame{padding-top:24px}.configuration-frame h1{font-size:28px;line-height:38px;letter-spacing:-.6px}.configuration-tabs{gap:24px;margin-top:8px}.configuration-tabs a[aria-current]{background:none;box-shadow:none;border-bottom:2px solid var(--gold);border-radius:0}
.site-page main[tabindex="-1"]:focus-visible{outline:none}
#profile-menu nav a{min-height:44px}#profile-menu #active-profile{color:var(--text);font-weight:600;overflow-wrap:anywhere}
#personal-settings{box-sizing:border-box;width:100%;max-width:var(--media-width);margin:0 auto;padding:24px var(--media-gutter) 40px}#personal-settings>h1{margin:0 0 24px}

.configuration-frame-placeholder{height:142px;max-width:var(--media-width);margin-inline:auto}
#poster-editor{min-height:calc(100svh - 200px)}

body:not([data-profile-ready]) #profile-fields[disabled]{visibility:hidden}body:not([data-profile-ready]) #profile-editor:has(#profile-fields[disabled]){background:linear-gradient(#ffffff04,#ffffff02) top/100% 420px no-repeat;border-radius:12px}

#admin-page .administration-tabs{margin:12px 0 20px;gap:24px;min-height:48px}#admin-page .administration-tabs a{min-height:44px;align-content:center;flex:none}#admin-page .administration-tabs a[aria-current]{background:none;box-shadow:none;border-bottom:2px solid var(--gold);border-radius:0}

:root{--ui-page-width:1392px;--media-width:var(--ui-page-width);--media-gutter:var(--ui-gutter);--poster-medium:clamp(135px,13.2vw,176px);--poster-small:calc(var(--poster-medium)*.85);--poster-large:calc(var(--poster-medium)*1.15);--poster-size:var(--poster-medium);--poster-gap:15px;--poster-radius:9px;--poster-caption-gap:9px;--landscape-size:calc((100% - 3 * var(--poster-gap))/3.2);--portrait-size:112px;--section-gap:28px}
@media(min-width:1600px){:root{--poster-medium:182px;--landscape-size:calc((100% - 4 * var(--poster-gap))/4.2)}}
@media(max-width:900px){:root{--poster-medium:155px;--poster-gap:12px}}
@media(max-width:600px){:root{--poster-medium:126px;--poster-gap:11px;--landscape-size:calc((100% - var(--poster-gap))/1.2);--portrait-size:96px;--section-gap:23px}}
.site-page main:is(#discovery-page,#watch-history,[data-library]){max-width:var(--media-width);padding-inline:var(--media-gutter);box-sizing:border-box;margin-inline:auto}

.home-track:not(.detail-related){gap:var(--poster-gap)}
.home-track:not(.detail-related) .home-poster,.home-poster-skeleton{flex-basis:var(--poster-size)}
.site-page .browse-art:not(.detail-related .browse-art){aspect-ratio:2/3;border-radius:var(--poster-radius);background:#16171c;box-sizing:border-box}
.site-page .browse-art:not(.detail-related .browse-art) img{object-fit:cover;object-position:center}
.site-page .browse-title:not(.detail-related .browse-title)>span:last-child{display:block;margin-top:var(--poster-caption-gap);min-width:0}
.site-page .browse-title:not(.detail-related .browse-title) strong{font-size:13px;font-weight:550;line-height:19px;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-page .browse-title:not(.detail-related .browse-title) small{display:block;font-size:11px;line-height:16px;color:var(--muted);margin-top:3px}
.media-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.media-section-heading h2{margin:0}
.media-carousel-controls{display:flex;align-items:center;gap:5px;flex:none}
.site-page .media-carousel-controls button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:50%;background:#ffffff09;color:var(--text);font-size:22px;line-height:1;cursor:pointer}
.site-page .media-carousel-controls button:disabled{opacity:.3;cursor:default}
.site-page [data-carousel]{scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.site-page [data-carousel]::-webkit-scrollbar{display:none}
[data-carousel]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.site-header .site-brand{width:144px;gap:9px}.site-header .site-monogram{width:27px;height:27px}.site-header .site-wordmark{width:108px;height:20px}
.site-header .global-search input,.site-header .site-tools>#site-signin{height:44px;min-height:44px;border-radius:var(--ui-radius)}
.site-header .global-search input{padding-left:38px}.search-icon{position:absolute;left:12px;top:13px;width:18px;height:18px;color:var(--muted);pointer-events:none}
#home-content>.home-feature .feature-copy{padding-left:var(--media-gutter)}
#home-content .feature-indicators{top:auto;bottom:24px}
#title-detail .detail-summary{padding-inline:var(--media-gutter)}
#title-detail .detail-back{left:max(var(--media-gutter),calc((100% - var(--media-width))/2 + var(--media-gutter)))}
#home-personal-sections:not([hidden]){position:relative;z-index:1;margin-top:-42px}
.site-page .home-track .home-continue-card{flex-basis:var(--landscape-size)}
.site-page .home-track .home-continue-card .browse-art{aspect-ratio:16/9}
@media(max-width:600px){.site-header .site-brand{width:32px}.site-header .site-monogram{width:30px;height:30px}.site-header .global-search input{padding-left:34px}#home-content .feature-indicators{bottom:20px;gap:0}#home-personal-sections:not([hidden]){margin-top:-34px}}
.detail-people{gap:var(--poster-gap)}.detail-person{flex-basis:var(--portrait-size)}.detail-person strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.detail-person small{margin-top:4px}
#watch-history{padding-block:24px 40px;min-width:0}#watch-history h1{margin:0 0 20px}.history-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.history-tabs{display:flex;gap:4px;flex-wrap:wrap}.history-tabs button{background:transparent;border:0;padding:8px 12px;color:var(--muted)}.history-tabs [aria-pressed=true]{background:#d5ab6317;color:var(--text)}.history-controls label{display:flex;align-items:center;gap:8px;color:var(--muted)}.history-controls select{max-width:100%;min-width:0}.history-card{min-width:0}.history-card .browse-title{margin-bottom:8px}.history-card p{font-size:12px;line-height:1.5;margin:4px 0;color:var(--muted)}.history-card .history-status{color:var(--text)}.history-card progress{display:block;width:100%;height:4px;accent-color:var(--gold)}.history-card .history-resume{background:none;border:0;padding:0;display:inline-flex;align-items:center;min-height:40px;font-size:13px;color:var(--gold);text-decoration:none}.history-status-message{min-height:24px;color:var(--muted)}.history-actions{min-height:64px;display:flex;align-items:center;justify-content:center;gap:12px}.history-actions[hidden]{display:none}
@media(prefers-reduced-motion:reduce){[data-carousel]{scroll-behavior:auto}}

.site-page .collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--poster-size)),1fr));gap:20px var(--poster-gap);width:100%;margin-block:16px 0;align-items:stretch}
.collection-card{display:flex;flex-direction:column;min-width:0;gap:0}.collection-card>.browse-title{display:block;margin:0;color:var(--text);text-decoration:none}.site-page .collection-grid .collection-card>.browse-title strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:19px;height:38px;max-height:38px;overflow:hidden;overflow-wrap:anywhere}
.collection-card .browse-art{width:100%;aspect-ratio:2/3;border-radius:var(--poster-radius)}.collection-card .browse-art img{object-fit:cover}
.collection-card .collection-details{margin-top:8px}.collection-card .collection-details p{font-size:12px;line-height:18px;color:var(--muted);margin:2px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.collection-card .collection-details .history-status{color:var(--text)}.collection-card progress{width:100%;height:4px;accent-color:var(--gold);margin-block:6px}
.collection-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}.collection-card-actions :is(a,button){display:inline-flex;align-items:center;min-height:40px;padding:0;border:0;background:none;color:var(--gold);font:inherit;font-size:13px;text-decoration:none}
.collection-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-block:16px}.collection-toolbar label{display:flex;gap:8px;align-items:center;color:var(--muted);min-width:0}.collection-toolbar :is(select,input,button){min-height:var(--ui-control);border-radius:var(--ui-radius)}
.collection-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;margin:12px 0 16px}.collection-pagination button{min-height:44px;padding:8px 14px}.collection-pagination span{text-align:center;color:var(--muted);font-size:12px}.collection-pagination [disabled]{opacity:.4}.collection-pagination[hidden]{display:none}.collection-pagination[aria-busy=true]{pointer-events:none}
.history-summary{display:flex;flex-wrap:wrap;gap:18px 32px;margin:0 0 20px}.history-summary div{display:grid;gap:2px}.history-summary dt{font-size:12px;color:var(--muted)}.history-summary dd{font-size:22px;font-weight:600;margin:0;font-variant-numeric:tabular-nums}.history-summary[hidden]{display:none}
.collection-empty{min-height:80px;color:var(--muted)}
@media(max-width:600px){.site-page .collection-grid{gap:18px var(--poster-gap)}.collection-toolbar{gap:8px 12px}.collection-pagination{gap:8px}.collection-pagination button{padding-inline:10px}.history-summary{gap:16px}.history-summary dd{font-size:20px}}

.collection-grid.collection-loading+.collection-pagination{visibility:hidden}

.site-page main[data-library] #title-browser{padding-inline:0;border:0;background:none}

.site-page .collection-page>h1,.site-page .collection-page #browse-intro h1{font-size:28px;line-height:38px;font-weight:650;letter-spacing:-.6px;margin:0 0 20px}.collection-result-count{min-height:24px;font-size:13px;line-height:20px;color:var(--muted);margin-block:8px 12px}@media(max-width:600px){.site-page .collection-page>h1,.site-page .collection-page #browse-intro h1{font-size:25px;line-height:34px}}

.detail-actions,.watch-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.watch-control{min-height:44px}.watch-dialog{position:relative;box-sizing:border-box;padding:20px;width:min(520px,calc(100vw - 28px));max-height:85dvh;overflow:auto}.watch-dialog h2{padding-right:64px;margin-bottom:18px}.watch-close{position:absolute;right:16px;top:16px}.watch-add{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-block:18px}.watch-add label{display:grid;gap:5px;min-width:0;flex:1}.watch-add input{min-width:0;width:100%;color-scheme:dark}.watch-occurrences{padding:0;list-style:none}.watch-occurrences li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.watch-occurrences button{flex:none}.watch-dialog details{margin-top:18px}.watch-dialog details select{max-width:100%;margin:10px 8px 8px 0}.watch-dialog button{min-height:44px}.watch-dialog summary{cursor:pointer}.watch-dialog[aria-busy=true]{cursor:wait}

.detail-actions .watch-control{width:180px;max-width:100%;min-height:44px}@media(max-width:600px){.detail-actions{flex-direction:column;align-items:flex-start}}

.history-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.history-heading h1{margin:0}.history-heading button{min-height:44px}.watch-sync-dialog{width:min(600px,calc(100vw - 28px))}.watch-sync-provider{padding:18px 0;border-bottom:1px solid var(--line)}.watch-sync-provider h3{margin:0 0 5px}.watch-sync-provider small{display:block;color:var(--muted);margin-bottom:10px}.watch-sync-state{margin:0 0 6px;font-size:13px}.watch-sync-modes{display:flex;flex-wrap:wrap;gap:6px}.watch-sync-modes button{flex:1;min-width:64px;padding:8px}.watch-sync-modes [aria-pressed=true]{background:var(--gold);color:#14110a;border-color:var(--gold)}.watch-sync-provider details{margin-block:12px}.watch-sync-permission{display:flex;align-items:center;gap:10px;min-height:44px}.watch-sync-permission input{width:18px;height:18px;flex:none}.watch-sync-provider .note{font-size:13px;line-height:1.5}.watch-sync-provider .watch-actions{margin-top:12px}

.watch-dialog-heading{position:sticky;top:-20px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);margin:-20px -20px 16px;padding:16px 20px;border-bottom:1px solid var(--line)}.watch-dialog-heading h2{padding:0;margin:0}.watch-dialog-heading .watch-close{position:static;flex:none}.watch-sync-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.watch-sync-modes button{min-width:0}@media(max-width:420px){.watch-sync-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}

.playback-notice{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.playback-notice[hidden]{display:none}.playback-notice a,.playback-notice button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}