/* Vesper shared presentation: same palette, artwork policy and interaction language. */
:root{color-scheme:dark;--ink:#0b0c10;--surface:#14161c;--paper:#f3f1ec;--muted:#b8b5ad;--accent:#e8a85f;--line:rgba(243,241,236,.12)}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth}
body{margin:0;isolation:isolate}
button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed!important}
img{display:block;max-width:100%}img[data-broken]{visibility:hidden}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--accent)!important;outline-offset:4px}
button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}
.poster-art{isolation:isolate;background:var(--surface)}
.poster-art img{opacity:1!important;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.poster-art:has(img:not([data-broken]))>.artwork-title{display:none}
.poster-art:has(img:not([data-broken]))>div[style*="linear-gradient"]{opacity:.12}
button:hover .poster-art img{transform:scale(1.035)}
button:has(>.poster-art):hover>.poster-art{box-shadow:0 0 0 1px rgba(243,241,236,.3),0 16px 36px #0006!important}
.cast-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}
.prototype-tools{position:fixed;right:18px;bottom:16px;z-index:200;max-width:min(660px,calc(100vw - 32px));color:#b8b5ad;background:rgba(20,22,28,.96);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 40px #0005;font:12px/1.6 'Hanken Grotesk',system-ui,sans-serif;backdrop-filter:blur(20px)}
.prototype-tools>summary{list-style:none;cursor:pointer;padding:8px 13px;color:#d9d6ce;letter-spacing:.02em;display:flex;align-items:center;gap:14px;min-height:36px}
.prototype-tools>summary::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent)}
.prototype-tools>summary::-webkit-details-marker{display:none}.prototype-tools>summary span{color:var(--accent);font-size:14px}
.prototype-tools[open]>summary{border-bottom:1px solid var(--line)}
.prototype-tools>div{background:transparent!important;border:0!important;padding:16px!important;gap:12px!important}
.prototype-tools>div>span:first-child{width:100%;letter-spacing:.08em;font-size:10px;color:var(--accent)!important}
.prototype-tools p{padding:0 16px 16px;margin:0;font-size:12px}.prototype-tools a{color:var(--paper)}
.app-header{height:88px!important;margin-bottom:-88px!important;transition:background .25s}
body.has-scrolled .app-header{background:rgba(11,12,16,.96)!important;box-shadow:0 1px 0 var(--line);backdrop-filter:blur(20px)}
.featured-hero>img{object-position:center 42%}
.featured-hero .hero-content{padding-top:148px!important;padding-bottom:64px!important;max-width:710px!important;gap:20px!important}
.featured-hero h1{font-size:clamp(64px,7.4vw,108px)!important;letter-spacing:-.035em!important;line-height:.96!important}
.featured-hero p{font-size:17px!important;line-height:1.65!important;max-width:480px!important;color:#d9d6ce!important}
.featured-hero button{min-height:48px}.featured-hero [role=group] button{min-height:32px;height:32px!important;background-clip:content-box!important;padding:12px 0!important;box-sizing:content-box}
.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:35;display:flex;padding:10px 12px max(12px,env(safe-area-inset-bottom));background:rgba(11,12,16,.97);backdrop-filter:blur(20px);border-top:1px solid var(--line);gap:4px}
.mobile-nav button{flex:1;min-width:0;min-height:44px;padding:8px 4px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.mobile-nav button[aria-current=page]{color:var(--paper);background:#ffffff12}
.skip-link{position:fixed;left:20px;top:-100px;z-index:210;padding:12px 20px;border-radius:8px;background:var(--paper);color:var(--ink)}.skip-link:focus{top:16px}
[role=dialog]{overscroll-behavior:contain}body.modal-open{overflow:hidden}
body[data-platform=tv] [data-f]:focus{outline:5px solid var(--paper)!important;outline-offset:7px;box-shadow:0 16px 36px #0008!important}
body[data-platform=tv] [data-f]:focus .poster-art{box-shadow:0 0 0 5px var(--paper)!important}
body[data-platform=ios]{background:radial-gradient(ellipse at 50% 30%,#24292c 0%,#101215 38%,#07080b 72%)!important}
body[data-platform=ios] .poster-art{border-radius:7px!important}
@media(max-width:759px){
 body[data-platform=web] main{padding-bottom:84px}
 body[data-platform=web] .app-header{height:72px!important;margin-bottom:-72px!important;padding:0 20px!important;gap:12px!important}
 body[data-platform=web] .app-header>div{gap:4px!important}
 .featured-hero .hero-content{padding-top:154px!important;padding-bottom:62px!important;max-width:100%!important;gap:16px!important}
 .featured-hero h1{font-size:clamp(54px,14vw,76px)!important}
 .featured-hero>img{object-position:65% center}
 .featured-hero p{font-size:15px!important;max-width:100%!important}
 body[data-platform=web] main h1{overflow-wrap:anywhere}
 body[data-platform=web] section>div[style*="flex:1 1 480px"]{flex-basis:100%!important;min-width:0}
 body[data-platform=web] section>div[style*="flex:1 1 360px"]{flex-basis:100%!important;min-width:0}
 body[data-platform=web] [role=dialog]{max-width:100vw!important}
 .prototype-tools{right:12px;bottom:86px}.prototype-tools>summary{font-size:11px}
 body[data-platform=ios] .prototype-tools,body[data-platform=tv] .prototype-tools{bottom:10px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}button:hover .poster-art img{transform:none}}
/* Large hit targets with a quiet visual indicator. */
.featured-hero [role=group] button{width:32px!important;height:44px!important;min-height:44px!important;padding:20px 0!important;background:transparent!important;box-sizing:border-box}
.featured-hero [role=group] button[aria-current=true]{width:48px!important}
.featured-hero [role=group] button::after{content:'';display:block;height:3px;width:100%;border-radius:3px;background:#ffffff50}
.featured-hero [role=group] button[aria-current=true]::after{background:var(--paper)}
body.modal-open .prototype-tools{visibility:hidden}
@media(max-width:759px){
 .version-grid{grid-template-columns:22px minmax(0,1fr) minmax(0,1fr)!important;gap:14px 12px!important}
 .version-grid>span{min-width:0;overflow-wrap:anywhere}
 .version-grid>span:nth-child(1){grid-area:1/1/4/2}
 .version-grid>span:nth-child(2){grid-area:1/2}
 .version-grid>span:nth-child(3){grid-area:1/3}
 .version-grid>span:nth-child(4){grid-area:2/2}
 .version-grid>span:nth-child(5){grid-area:2/3}
 .version-grid>span:nth-child(6){grid-area:3/2/4/4}
 .version-grid>span:nth-child(5)::before{content:'SUBTITLES';display:block;color:var(--muted);font-size:9px;letter-spacing:.08em;margin-bottom:4px}
}
/* Live interests: an entertainment collection, with preferences kept in context. */
.settings-layout:has(.live-interests){gap:36px!important;flex-wrap:nowrap!important}
.settings-layout:has(.live-interests)>div:first-child{flex:0 0 196px!important;position:sticky;top:116px}
.settings-content:has(.live-interests){max-width:none!important;min-width:0;flex:1!important}
.live-interests{container-type:inline-size;min-width:0;padding:4px 0 28px}
.li-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:32px}
.li-eyebrow{font:600 10px/1.4 'Hanken Grotesk',system-ui;letter-spacing:.17em;color:var(--accent)}
.li-heading h2{margin:16px 0;font:400 clamp(40px,4.2vw,60px)/1.02 'Instrument Serif',serif;letter-spacing:-.025em;text-wrap:balance}
.li-heading p{margin:0;max-width:430px;font:400 14px/1.65 'Hanken Grotesk';color:var(--muted)}
.li-text-action{flex:none;margin-top:4px;padding:9px 0;border:0;background:none;font-size:13px;color:#d9d6ce;display:flex;gap:12px;align-items:center}
.li-text-action span{font-size:20px;color:var(--accent)}
.li-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:28px;align-items:start}
.li-explorer{min-width:0}
.li-search{display:flex;align-items:center;gap:12px;padding:0 15px;height:52px;background:#15181e;border:1px solid var(--line);border-radius:10px;color:#8c929e}
.li-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #e8a85f10}
.li-search svg{flex:none}.li-search input{width:100%;min-width:0;border:0;outline:0!important;background:transparent;font-size:14px;color:var(--paper);height:100%}
.li-search>span{font-size:10px;padding:3px 7px;border:1px solid var(--line);border-radius:4px;color:#757b87}
.li-search>button{border:0;background:none;font-size:24px;width:32px;height:40px;color:var(--muted)}
.li-sport-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:20px 1px 22px;border-bottom:1px solid var(--line);scroll-padding:8px}
.li-sport-tabs>button{position:relative;flex:1 0 75px;min-height:74px;padding:11px 7px;display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid transparent;border-radius:10px;background:transparent;color:#8e949f;font-size:11px;font-weight:500;white-space:nowrap}
.li-sport-tabs>button[aria-current=page]{background:#e8a85f0d;border-color:#e8a85f3b;color:var(--accent)}
.li-sport-tabs>button:hover{background:#ffffff07;color:var(--paper)}
.li-sport-tabs i{position:absolute;top:9px;right:12px;width:4px;height:4px;border-radius:50%;background:#77b599}
.li-section-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}
.li-section-top h3,.li-results-heading h3{font:500 25px/1.2 'Instrument Serif';margin:0}
.li-section-top p{margin:6px 0 0;font-size:12px;color:#9096a1;line-height:1.5}
.li-follow-sport{flex:none;min-height:36px;padding:8px 11px;border:1px solid #ffffff20;border-radius:8px;background:transparent;font-size:11px;font-weight:600;color:#d9d6ce}
.li-follow-sport[aria-pressed=true]{color:var(--accent);background:#e8a85f0a;border-color:#e8a85f35}
.li-kind-tabs{display:flex;gap:24px;margin:20px 0;border-bottom:1px solid var(--line)}
.li-kind-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 12px;color:#8f95a0;font-size:13px}
.li-kind-tabs button[aria-pressed=true]{color:var(--paper);border-color:var(--accent)}
.li-results-heading{display:flex;justify-content:space-between;align-items:baseline;margin:24px 0 20px}.li-results-heading span{font-size:12px;color:#8f95a0}
.li-entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.li-entity{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:16px 14px 14px;border:1px solid #ffffff0b;border-radius:12px;background:linear-gradient(140deg,#191d24,#13161c);text-align:left;transition:transform .18s,border-color .18s,background .18s}
.li-entity:hover{transform:translateY(-2px);border-color:#ffffff35;background:linear-gradient(140deg,#20252d,#171b22)}
.li-entity[aria-pressed=true]{border-color:#e8a85f65;background:linear-gradient(140deg,#28231e,#19191a)}
.li-entity-top{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.li-crest{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#ffffff07;color:#aeb4bf}
.li-crest img{max-width:43px;max-height:44px;width:auto;height:auto;object-fit:contain}
.li-follow-mark{display:grid;place-items:center;width:23px;height:23px;border:1px solid #ffffff24;border-radius:50%;font-size:17px;color:#8f95a0}
.li-entity[aria-pressed=true] .li-follow-mark{background:var(--accent);color:var(--ink);border-color:var(--accent);font-size:13px}
.li-entity-name{font-size:13px;line-height:1.35;font-weight:600;min-height:18px;overflow-wrap:anywhere}
.li-entity-meta{font-size:11px;line-height:1.5;color:#9299a5;min-height:17px}
.li-entity-status{display:flex;gap:5px;align-items:center;margin-top:7px;font-size:9px;line-height:1.4;color:#89919d}
.li-entity-status i{flex:none;width:4px;height:4px;border-radius:50%}
.li-discovery-note{margin:22px 0 0;max-width:560px;font-size:11px;line-height:1.7;color:#7f8794}
.li-following{position:sticky;top:112px;border:1px solid var(--line);background:#12151b;border-radius:14px;overflow:hidden;padding:20px}
.li-following-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.li-following-top h3{font:400 29px/1 'Instrument Serif';margin:0}.li-following-top>span{display:grid;place-items:center;min-width:22px;height:22px;border:1px solid #e8a85f30;border-radius:7px;background:#e8a85f12;color:var(--accent);font-size:11px}
.li-following>p{font-size:12px;line-height:1.6;color:#8f97a4;margin:12px 0}
.li-saved{display:flex;gap:6px;align-items:center;font-size:9px;color:#81b79e;margin:16px 0 20px}.li-saved span{font-size:12px}
.li-follow-list{max-height:290px;overflow-y:auto;scrollbar-width:thin}
.li-follow-item{display:flex;align-items:center;gap:10px;margin:0 0 15px;min-width:0}.li-follow-avatar{width:32px;height:32px;display:grid;place-items:center;flex:none;background:#ffffff04;border-radius:50%;color:#a1a8b5}.li-follow-avatar img{max-width:26px;max-height:27px;object-fit:contain}
.li-follow-item>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.li-follow-item strong{font-size:11px;font-weight:500;line-height:1.4}.li-follow-item small{font-size:9px;color:#7f8998}.li-follow-item button{margin-left:auto;flex:none;width:32px;height:36px;border:0;background:transparent;color:#737c8a;font-size:19px}.li-follow-item button:hover{color:var(--paper)}
.li-following-empty{padding:18px 0 25px;color:#8f97a4;font-size:13px;line-height:1.8}
.li-preferences{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:20px;margin-top:8px}
.li-preferences>button{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:0;padding:0;background:none;text-align:left}.li-preferences>button>span:first-child{display:flex;flex-direction:column;gap:5px}.li-preferences strong{font-size:11px;font-weight:500}.li-preferences small{font-size:10px;line-height:1.6;color:#7f8998}
.li-switch{flex:none;width:36px;height:21px;border-radius:12px;padding:3px;margin-top:1px}.li-switch i{display:block;width:15px;height:15px;border-radius:50%;background:var(--paper);transition:transform .2s}
.li-preview{padding:20px 0 0;margin-top:24px;border-top:1px solid var(--line)}.li-preview .li-eyebrow{font-size:8px}.li-preview h4{font:400 24px/1.15 'Instrument Serif';margin:12px 0}.li-preview p{font-size:10px;line-height:1.7;color:#8f97a4;margin:8px 0}.li-preview button{width:100%;display:flex;justify-content:space-between;min-height:38px;align-items:center;border:1px solid #ffffff18;border-radius:7px;background:#ffffff04;padding:0 10px;margin-top:14px;font-size:11px}.li-preview small{display:block;font-size:8px;color:#687181;line-height:1.7;margin-top:14px}
.li-empty{padding:32px 20px;border:1px dashed #ffffff1c;border-radius:12px;text-align:center}.li-empty h3{font:28px 'Instrument Serif';margin:14px 0}.li-empty p{font-size:13px;line-height:1.7;color:#8f97a4}.li-empty button{margin-top:12px}
@container(max-width:820px){.li-layout{grid-template-columns:minmax(0,1fr)}.li-following{position:static}.li-follow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.li-preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.li-preview{max-width:520px}.li-entity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:450px){.li-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.li-heading h2{font-size:40px}.li-heading{display:block}.li-text-action{margin-top:14px}.li-sport-tabs{padding-top:16px}.li-follow-list,.li-preferences{grid-template-columns:1fr}.li-section-top{align-items:flex-start}.li-section-top p{max-width:180px}.li-follow-sport{font-size:10px;padding:8px}.li-search>span{display:none}}
@media(max-width:759px){.settings-layout:has(.live-interests){flex-direction:column!important;gap:24px!important;padding-top:100px!important}.settings-layout:has(.live-interests)>div:first-child{position:static;flex:auto!important;width:100%;gap:16px!important}.settings-layout:has(.live-interests)>div:first-child h1{font-size:32px!important}.settings-layout:has(.live-interests)>div:first-child nav{flex-wrap:nowrap!important;overflow-x:auto;margin-right:-20px;padding:2px 20px 6px 2px}.settings-layout:has(.live-interests)>div:first-child nav button{flex:none;font-size:12px!important;height:36px!important}.settings-content:has(.live-interests){width:100%;flex:auto!important}}
.li-entity-name{font-size:14px}.li-entity-meta{font-size:12px}.li-entity-status{font-size:10px}.li-sport-tabs>button{font-size:12px}.li-follow-item strong,.li-preferences strong{font-size:12px}.li-follow-item small,.li-preferences small{font-size:11px}.li-saved{font-size:10px}.li-preview small{font-size:9px}
.li-header-actions{display:flex;flex:none;align-items:center;gap:20px;flex-wrap:wrap;margin-top:2px}.li-follow-jump{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 12px;border:1px solid #ffffff20;border-radius:20px;background:#ffffff04;color:#b8b5ad;font-size:11px}.li-follow-jump span{color:var(--accent)}.li-following{scroll-margin-top:108px}
@container(max-width:450px){.li-header-actions{margin-top:18px;gap:18px}.li-header-actions .li-text-action{margin-top:0}.li-following{scroll-margin-top:88px}}
/* Home customization: reusable section rules, independent of provider labels. */
.settings-layout:has(.home-customizer){gap:36px!important;flex-wrap:nowrap!important}
.settings-layout:has(.home-customizer)>div:first-child{flex:0 0 196px!important;position:sticky;top:116px}
.settings-content:has(.home-customizer){max-width:none!important;min-width:0;flex:1!important}
.home-customizer{container-type:inline-size;min-width:0;padding:4px 0 28px}
.hc-heading,.hc-editor-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px}
.hc-heading h2{margin:15px 0;font:400 clamp(40px,4.2vw,60px)/1.02 'Instrument Serif';letter-spacing:-.025em}
.hc-heading p,.hc-editor-heading p{font-size:14px;line-height:1.7;color:var(--muted);max-width:480px;margin:0}
.hc-primary,.hc-secondary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:600;white-space:nowrap}
.hc-primary{background:var(--paper);color:var(--ink);flex:none}.hc-primary:hover{background:white}.hc-secondary{border-color:#ffffff26;background:transparent;color:var(--muted)}
.hc-heading>.hc-primary{margin-top:5px}
.hc-starters{margin:0 0 32px}.hc-starters>span{display:block;font-size:11px;color:#939aa7;margin-bottom:12px}.hc-starters>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hc-starters button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:84px;padding:15px 28px 15px 14px;border:1px solid #ffffff12;background:linear-gradient(135deg,#1a1d24,#12151a);border-radius:10px;text-align:left}.hc-starters strong{font-size:13px;font-weight:500}.hc-starters small{font-size:11px;line-height:1.5;color:#8992a0}.hc-starters button>span{position:absolute;right:12px;top:12px;color:var(--accent)}.hc-starters button:hover{border-color:#e8a85f70}
.hc-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:24px;align-items:start}.hc-list-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.hc-list-heading h3{font:400 27px 'Instrument Serif';margin:0}.hc-list-heading>span{font-size:10px;color:#8e97a4}
.hc-help{font-size:11px;line-height:1.7;color:#8992a0;margin:10px 0 18px}.hc-section-list{display:flex;flex-direction:column;gap:10px}
.hc-section{display:flex;align-items:center;gap:10px;padding:18px 14px;border:1px solid #ffffff10;border-radius:11px;background:#14171d;min-width:0;scroll-margin:110px}
.hc-section[data-enabled=false]{background:#101218;opacity:.68}.hc-section.is-dragging{opacity:.35}.hc-section.drag-over{border-color:var(--accent);box-shadow:0 -3px 0 var(--accent)}
.hc-grip{color:#616b7a;cursor:grab;flex:none;font-size:23px;line-height:1;user-select:none}.hc-position{flex:none;width:22px;font-size:11px;font-variant-numeric:tabular-nums;color:#747f8d}
.hc-section-text{min-width:0;flex:1}.hc-section-text>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hc-section h4,.hc-title-button{font:500 13px/1.4 'Hanken Grotesk';margin:0}.hc-title-button{border:0;background:none;padding:0;text-align:left}.hc-title-button:hover{color:var(--accent)}.hc-kind{font-size:8px;letter-spacing:.04em;padding:3px 5px;border-radius:4px;border:1px solid #ffffff10;color:#8c96a5}.hc-kind[data-custom=true]{color:var(--accent);background:#e8a85f09;border-color:#e8a85f25}.hc-section-text p{margin:7px 0 5px;font-size:10px;line-height:1.6;color:#8c96a5}.hc-section-text>small{font-size:9px;color:#6d7a89}
.hc-row-controls{flex:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:110px}.hc-move-controls{display:flex;gap:3px}.hc-move-controls button{width:30px;height:32px;border:1px solid #ffffff12;border-radius:6px;background:#ffffff03;color:#adb5c1;font-size:15px}.hc-move-controls button:disabled{opacity:.25}.hc-switch{flex:none;width:34px;height:21px;padding:3px;border-radius:12px;border:0;background:#343a45}.hc-switch>span{display:block;width:15px;height:15px;border-radius:50%;background:var(--paper);transition:transform .18s}.hc-switch[aria-checked=true]{background:var(--accent)}.hc-switch[aria-checked=true]>span{transform:translateX(13px)}.hc-edit-button{padding:3px 0;border:0;background:none;color:#a2acba;font-size:10px}
.hc-add-row{width:100%;margin-top:12px;border:1px dashed #ffffff28;background:none;color:#b5bdc9;border-radius:10px;min-height:46px;font-size:12px}
.hc-home-preview,.hc-match-preview{position:sticky;top:112px;border:1px solid var(--line);background:#12151b;border-radius:14px;padding:18px;min-width:0;align-self:start}
.hc-preview-header{display:flex;flex-direction:column;gap:8px}.hc-preview-header .li-eyebrow{font-size:8px}.hc-preview-header>span:last-child{font-size:9px;color:#7cae97}
.hc-mini-hero{height:118px;position:relative;border-radius:7px;overflow:hidden;margin:20px 0;background:#181c24}.hc-mini-hero img{height:100%;width:100%;object-fit:cover;opacity:.7}.hc-mini-hero>span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;background:linear-gradient(0deg,#0b0c10e0,transparent);font:24px 'Instrument Serif'}.hc-mini-hero small{font:9px 'Hanken Grotesk';color:#a2adbc;margin-top:4px}
.hc-mini-row{margin:20px 0}.hc-mini-row h4{font-size:10px;font-weight:500;margin:0 0 9px}.hc-mini-row>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.hc-mini-row img{aspect-ratio:2/3;width:100%;object-fit:cover;border-radius:4px;background:#1c2028}.hc-preview-open{width:100%;min-height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;border:1px solid #ffffff20;background:#ffffff04;border-radius:8px;font-size:11px}.hc-home-preview>p{font-size:10px;line-height:1.7;color:#727f90;margin-bottom:0}
.hc-back{border:0;background:transparent;padding:0;color:#a3adbb;font-size:12px;min-height:32px;margin:0 0 20px}.hc-editor-heading h2{font:400 46px/1.05 'Instrument Serif';margin:14px 0;letter-spacing:-.02em}.hc-editor-heading>.hc-primary{margin-top:4px}.hc-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:24px;align-items:start}
.hc-form{min-width:0;display:flex;flex-direction:column;gap:16px}.hc-form-block{display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid #ffffff0e;background:#13161c;border-radius:12px}.hc-step-label{font-size:9px;letter-spacing:.12em;font-weight:600;color:#8996a8}.hc-form label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#b7c0cd;min-width:0}.hc-form input,.hc-form select{width:100%;min-width:0;height:44px;border:1px solid #ffffff21;background:#0e1117;color:var(--paper);border-radius:8px;padding:0 12px;font-size:14px}.hc-form input::placeholder{color:#647182}.hc-form input:focus,.hc-form select:focus{border-color:var(--accent);outline:1px solid #e8a85f30!important;outline-offset:1px}.hc-form-block>p{font-size:11px;line-height:1.7;color:#929cac;margin:0}.hc-form-block>.hc-help{color:#7a8799;font-size:10px}.hc-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hc-map-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.hc-map-heading>span:last-child{font-size:10px;color:var(--accent)}.hc-category-mode{display:flex;gap:6px}.hc-category-mode button{flex:1;min-height:38px;padding:8px 10px;border:1px solid #ffffff20;border-radius:7px;background:none;color:#9faaba;font-size:11px}.hc-category-mode button[aria-checked=true]{border-color:#e8a85f55;background:#e8a85f09;color:var(--accent)}
.hc-selected-mappings{display:flex;gap:6px;flex-wrap:wrap;max-height:124px;overflow-y:auto}.hc-selected-mappings:empty{display:none}.hc-selected-mappings button{display:flex;align-items:center;gap:12px;border:1px solid #e8a85f30;background:#e8a85f08;color:#e3c4a0;border-radius:7px;padding:7px 9px;text-align:left;font-size:10px}.hc-selected-mappings button>span:first-child{display:flex;flex-direction:column;gap:3px}.hc-selected-mappings small{font-size:8px;color:#a18f7b}.hc-selected-mappings button>span:last-child{font-size:16px}
.hc-category-search>span{font-size:10px}.hc-category-search input{height:38px;font-size:12px}.hc-category-picker{max-height:268px;overflow-y:auto;padding-right:6px;scrollbar-width:thin}.hc-category-picker section+section{margin-top:20px;border-top:1px solid #ffffff10;padding-top:16px}.hc-category-picker h4{font-size:12px;font-weight:500;color:#c0c9d5;margin:0 0 10px}.hc-category-kind{display:block;font-size:9px;color:#69788d;letter-spacing:.05em;text-transform:uppercase;margin:12px 0 7px}.hc-category-picker section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.hc-category-picker button{min-height:35px;display:flex;align-items:center;gap:8px;padding:6px;border:0;border-radius:6px;background:none;color:#a7b1c0;text-align:left;font-size:11px}.hc-category-picker button:hover{background:#ffffff05}.hc-category-picker button>small{font-size:9px;color:#67798b;margin-left:auto}.hc-checkbox{display:grid;place-items:center;flex:none;width:16px;height:16px;border:1px solid #516072;border-radius:4px}.hc-category-picker button[aria-checked=true] .hc-checkbox,.hc-watched[aria-checked=true] .hc-checkbox{background:var(--accent);border-color:var(--accent);color:var(--ink)}.hc-category-picker button[aria-checked=true] .hc-checkbox::after,.hc-watched[aria-checked=true] .hc-checkbox::after{content:'✓';font-size:12px}.hc-all-note{padding:14px;background:#ffffff03;border-radius:8px}
.hc-advanced{border-top:1px solid #ffffff12;padding-top:14px}.hc-advanced summary{list-style:none;display:flex;justify-content:space-between;color:#acb8c8;font-size:12px;cursor:pointer}.hc-advanced summary::-webkit-details-marker{display:none}.hc-advanced[open]{display:flex;flex-direction:column;gap:16px}.hc-advanced[open]>div,.hc-advanced[open]>label,.hc-advanced[open]>button{margin-top:16px}.hc-watched{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;border:0;background:none;padding:0;text-align:left;font-size:12px}.hc-watched>span:first-child{display:flex;flex-direction:column;gap:6px}.hc-watched small{font-size:10px;color:#75869b}.hc-form-actions{display:flex;justify-content:flex-end;gap:10px}.hc-remove{border:0;background:none;min-height:34px;padding:0;color:#d18f91;font-size:11px;align-self:flex-start}.hc-remove-confirm{padding:18px;border:1px solid #d18f9140;border-radius:10px;font-size:12px;background:#261719}.hc-remove-confirm p{color:#bd9fa1;font-size:11px;line-height:1.6}.hc-remove-confirm>div{display:flex;gap:20px;align-items:center}.hc-error{border:1px solid #d18f9166;background:#291c20;color:#edbcc0;padding:15px;border-radius:8px;font-size:12px;line-height:1.6}
.hc-match-preview>.li-eyebrow{font-size:9px}.hc-match-preview h3{font:400 32px/1.05 'Instrument Serif';margin:16px 0 10px;overflow-wrap:anywhere}.hc-match-preview>p[role=status]{font-size:13px;color:var(--accent);margin:0 0 7px}.hc-match-preview>small{font-size:10px;color:#8190a3}.hc-matches{max-height:480px;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:15px;margin-top:20px}.hc-matches>div{display:flex;gap:12px;align-items:center}.hc-matches img{width:47px;aspect-ratio:2/3;object-fit:cover;flex:none;border-radius:5px}.hc-matches>div>span{display:flex;flex-direction:column;gap:6px}.hc-matches strong{font-size:12px;line-height:1.5;font-weight:500}.hc-matches small{font-size:10px;line-height:1.6;color:#7e8fa4}.hc-rule-note{font-size:10px;line-height:1.8;color:#93a1b2;border-top:1px solid #ffffff10;padding-top:16px;margin-top:22px}.hc-preview-note{font-size:10px!important;line-height:1.8!important;color:#64778d!important;margin-bottom:0}.hc-match-empty{padding:24px 0;text-align:center;color:#788da4}.hc-match-empty>span{font-size:32px}.hc-match-empty h4{font:25px 'Instrument Serif';margin:12px 0;color:#c7ced7}.hc-match-empty p{font-size:11px;line-height:1.8}
@container(max-width:800px){.hc-layout,.hc-editor-layout{grid-template-columns:minmax(0,1fr)}.hc-home-preview,.hc-match-preview{position:static}.hc-home-preview{max-width:540px}.hc-mini-hero{height:170px}.hc-mini-row img{max-height:120px}.hc-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:400px}}
@container(max-width:470px){.hc-heading,.hc-editor-heading{display:block}.hc-heading h2{font-size:44px}.hc-heading>.hc-primary,.hc-editor-heading>.hc-primary{margin-top:20px}.hc-editor-heading h2{font-size:37px}.hc-starters>div{grid-template-columns:1fr}.hc-starters button{min-height:68px}.hc-section{gap:6px;padding:14px 10px;flex-wrap:wrap}.hc-grip{font-size:19px}.hc-position{width:14px}.hc-row-controls{width:100%;max-width:none;justify-content:flex-end;padding-top:8px}.hc-section-text h4,.hc-title-button{font-size:13px}.hc-list-heading>span{font-size:9px}.hc-move-controls button{width:38px;height:36px}.hc-edit-button{min-width:40px;min-height:36px}.hc-form-block{padding:18px 14px}.hc-field-pair{grid-template-columns:1fr}.hc-form input,.hc-form select{font-size:16px}.hc-category-picker section>div{grid-template-columns:1fr}.hc-matches{grid-template-columns:1fr}.hc-kind{font-size:7px}}
@media(max-width:759px){.settings-layout:has(.home-customizer){flex-direction:column!important;gap:24px!important;padding-top:100px!important}.settings-layout:has(.home-customizer)>div:first-child{position:static;flex:auto!important;width:100%;gap:16px!important}.settings-layout:has(.home-customizer)>div:first-child h1{font-size:32px!important}.settings-layout:has(.home-customizer)>div:first-child nav{flex-wrap:nowrap!important;overflow-x:auto;margin-right:-20px;padding:2px 20px 6px 2px}.settings-layout:has(.home-customizer)>div:first-child nav button{flex:none;font-size:12px!important;height:36px!important}.settings-content:has(.home-customizer){width:100%;flex:auto!important}}

/* Vesper discovery — shared metadata shelves, independent of provider categories. */
.discovery-stack{display:flex;flex-direction:column;gap:36px;margin:8px 0 20px;min-width:0}
.discovery-section{display:flex;flex-direction:column;gap:14px;min-width:0}
.discovery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-width:0}
.discovery-heading>div{min-width:0}.discovery-heading h2,.discovery-library-heading h2{margin:0;font:600 20px/1.2 'Hanken Grotesk';letter-spacing:-.01em}
.discovery-heading p{margin:5px 0 0;color:#8c897f;font-size:13px;line-height:1.45}
.discovery-see{flex:none;min-height:40px;padding:6px 0 6px 12px;border:0;background:none;color:#b8b5ad;font:600 13px 'Hanken Grotesk';white-space:nowrap}
.discovery-shelf{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding:6px 2px 10px;scroll-snap-type:x mandatory;min-width:0}
.discovery-card{flex:none;width:192px;padding:0;border:0;background:none;text-align:left;display:flex;flex-direction:column;gap:10px;scroll-snap-align:start;border-radius:6px}
.discovery-card>.poster-art{position:relative;aspect-ratio:2/3;width:100%;border-radius:6px;overflow:hidden;box-shadow:0 10px 30px #0005}
.discovery-card img{width:100%;height:100%;object-fit:cover}.discovery-card>.poster-art>.artwork-title{position:absolute;left:12px;right:12px;bottom:12px;font:400 24px/1 'Instrument Serif'}
.discovery-card>span{font-size:13px;color:#b8b5ad;line-height:1.35}
.discovery-empty{padding:20px;border:1px dashed #f3f1ec26;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#b8b5ad;font-size:14px;line-height:1.5}.discovery-empty p{margin:0}.discovery-empty button{min-height:40px;padding:0 16px;border:1px solid #f3f1ec40;border-radius:20px;background:none;color:#f3f1ec;white-space:nowrap}
.discovery-home-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.discovery-tabs{display:flex;gap:4px;padding:3px;background:#f3f1ec06;border:1px solid #f3f1ec12;border-radius:20px}.discovery-tabs button{height:30px;padding:0 12px;border:0;border-radius:16px;font:600 12px 'Hanken Grotesk'}
.discovery-library-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid #f3f1ec12}.discovery-library-heading>span{font-size:13px;color:#8c897f}
.search-suggestions{display:flex;flex-wrap:wrap;gap:8px}.search-suggestions button{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #f3f1ec24;border-radius:22px;background:#14161c;color:#f3f1ec;text-align:left}.search-suggestions small{font-size:11px;color:#8c897f}.search-suggestions button:hover{background:#1c1f27;border-color:#e8a85f77}
.search-recent-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.search-recent-heading h2{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8c897f}.search-recent-heading button{min-height:40px;border:0;background:none;color:#b8b5ad;font-size:12px}
@media(max-width:759px){.home-section-heading{flex-wrap:wrap;gap:10px!important}.discovery-home-actions{width:100%;margin:0;justify-content:space-between}.discovery-card{width:142px}.discovery-heading h2,.discovery-library-heading h2{font-size:19px}.discovery-heading p{font-size:12px}.discovery-see{font-size:12px}.discovery-empty{align-items:flex-start;flex-direction:column}.discovery-library-heading{align-items:flex-start;flex-direction:column;gap:6px}.discovery-stack{gap:30px}.search-suggestions{gap:6px}.search-suggestions button{font-size:13px}.search-suggestions small{font-size:10px}}
body[data-platform=ios] .discovery-shelf{margin:0 -20px;padding-left:20px;padding-right:20px;scroll-padding:0 20px;gap:12px}body[data-platform=ios] .discovery-card{width:118px}body[data-platform=ios] .discovery-card>span{font-size:11px}body[data-platform=ios] .discovery-heading h2{font-size:19px}body[data-platform=ios] .discovery-stack{margin:12px 0}
body[data-platform=tv] .discovery-stack{gap:60px;margin:32px 0 64px}body[data-platform=tv] .discovery-heading h2{font-size:34px}body[data-platform=tv] .discovery-heading p{font-size:22px}body[data-platform=tv] .discovery-card{width:260px}body[data-platform=tv] .discovery-card>span{font-size:22px}body[data-platform=tv] .discovery-shelf{gap:32px;padding:20px 10px 30px;overflow:hidden;scroll-snap-type:none}body[data-platform=tv] .discovery-see{font-size:22px;min-height:60px;padding:12px 20px}body[data-platform=tv] .discovery-tabs button{font-size:20px;height:48px;padding:0 18px}body[data-platform=tv] .discovery-tabs{border-radius:28px}body[data-platform=tv] .discovery-empty{font-size:24px;padding:28px}body[data-platform=tv] .discovery-empty button{min-height:60px;font-size:22px}body[data-platform=tv] .discovery-library-heading h2{font-size:34px}body[data-platform=tv] .discovery-library-heading>span{font-size:22px}body[data-platform=tv] .search-suggestions button{font-size:22px;min-height:60px;border-radius:30px}body[data-platform=tv] .search-suggestions small{font-size:17px}
.discovery-section[data-layout=continue] .discovery-card{width:340px}.discovery-section[data-layout=continue] .poster-art{aspect-ratio:16/9}
@media(max-width:759px){.discovery-section[data-layout=continue] .discovery-card{width:270px}}
body[data-platform=ios] .discovery-section[data-layout=continue] .discovery-card{width:250px}body[data-platform=tv] .discovery-section[data-layout=continue] .discovery-card{width:520px}
.discovery-progress{position:absolute;left:12px;right:12px;bottom:8px;height:3px;border-radius:2px;background:#f3f1ec47;overflow:hidden}.discovery-progress i{display:block;height:100%;background:#e8a85f}.discovery-play{position:absolute;left:12px;bottom:20px;width:36px;height:36px;border-radius:50%;background:#f3f1eceb;color:#0b0c10;display:grid;place-items:center;font-size:13px}