/* Discovery and personal lists share the site's existing editable palette. */
[hidden]{display:none!important}
body>nav{gap:20px}nav .nav-search{border:0;background:none;color:var(--ink);font:inherit;font-size:14px;cursor:pointer;padding:10px 0}
.hero{min-height:0;padding:52px 8vw 58px;gap:7vw;grid-template-columns:1.25fr .75fr}
.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.02;max-width:710px}
.hero .lede{font-size:17px;line-height:1.5;max-width:550px}.hero .actions{margin-top:22px}
.hero-card{height:270px}.hero-card .rings{width:210px;height:210px;border-width:25px}.hero-card .rings:after{inset:30px;border-width:13px}.hero-card .quote{font-size:21px;max-width:240px;padding:22px}.hero-card .tomato{width:74px;height:74px;bottom:-14px;right:-14px;font-size:14px}
.hero-card:has(video),.hero-card:has(iframe){height:auto;min-height:270px}.hero-card:has(.tiktok-standard-wrap){min-height:0}
section.spotlight{padding:30px 7vw 46px;border-top:1px solid var(--line)}
.spotlight-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}.spotlight-heading h2{font-size:32px}.spotlight-heading>a{color:var(--ink);font-size:14px}
.spotlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:22px}
.spotlight-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:22px;padding:24px;background:color-mix(in srgb,var(--ink) 5%,var(--paper));border-top:3px solid var(--red);align-items:start}
.spotlight-card>img{width:100%;aspect-ratio:2/3;object-fit:cover}.spotlight-card h3{font-family:'DM Serif Display';font-size:26px;line-height:1.08;margin:5px 0 12px;overflow-wrap:anywhere}.spotlight-card p{line-height:1.5;font-size:14px}.spotlight-card .eyebrow{font-size:10px;margin-top:0}.spotlight-card .secondary{display:inline-block;font-size:13px;padding:10px 15px;color:var(--ink);text-decoration:none}.spotlight-film{color:var(--muted)}.spotlight-placeholder{display:grid;place-items:center;aspect-ratio:2/3;background:var(--yellow);font-weight:700}
.catalog-tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.catalog-tools button{font-size:13px}
.movie-save-row{margin-top:12px}.movie-save-row .secondary{font-size:12px;padding:8px 12px;min-height:40px}
.discover-movie .score{font-size:12px}.detail-facts span{line-height:1.5}
dialog:has(.discovery-panel),dialog:has(.library-panel){width:min(760px,calc(100vw - 24px))}
.discovery-panel h2,.library-panel h2{font-size:42px}.discovery-panel>p,.library-panel>p{line-height:1.55}
.global-input-row{display:flex;gap:8px}.global-input-row input{min-width:0}.global-input-row button{flex:none}
.global-results{display:grid;gap:14px;margin:20px 0}.global-result{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;padding:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 3%,var(--paper))}
.global-result>img,.library-no-poster{width:76px;aspect-ratio:2/3;object-fit:cover;background:var(--line)}.library-no-poster{display:grid;place-items:center;font-weight:bold}
.global-result h3{margin:0 0 8px;line-height:1.2;font-family:'DM Serif Display';font-size:23px}.global-result h3 button{border:0;padding:0;background:none;font:inherit;text-align:left;color:inherit;cursor:pointer;overflow-wrap:anywhere}.global-result p{font-size:13px;margin:4px 0 12px;color:var(--muted)}
.library-actions,.library-tabs{display:flex;flex-wrap:wrap;gap:8px}.library-actions button{font-size:12px;min-height:42px;padding:8px 12px}.library-remove{border:0;background:none;color:var(--red);text-decoration:underline;cursor:pointer}.library-tabs{margin:24px 0 12px}.library-tabs [aria-pressed=true],.detail-library [aria-pressed=true]{background:var(--ink);color:var(--paper)}
.detail-library{padding:18px 0;margin-bottom:22px;border-bottom:1px solid var(--line)}.detail-library .library-feedback{font-size:13px;color:var(--muted);margin:0 0 10px}.profile-library{margin:20px 0;display:inline-block}.profile-library small{display:block;font-weight:400;margin-top:4px}
button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(min-width:601px) and (max-width:800px){body>nav{display:flex;justify-content:center;padding:12px;flex-wrap:wrap}}
@media(max-width:600px){
  body>nav{gap:2px}nav .nav-search{flex:1;color:var(--paper);font-size:10px;font-weight:700;padding:12px 3px}
  .hero{padding:36px 20px 42px;grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(38px,11vw,52px)}.hero .lede{font-size:15px}.hero .actions{display:flex;gap:8px}.hero .actions>*{width:auto;flex:1;padding:12px;font-size:12px}
  .hero-card{height:200px;margin:6px 10px 8px 0}.hero-card .quote{font-size:17px;padding:16px;max-width:210px}.hero-card .rings{width:165px;height:165px;border-width:18px}.hero-card .rings:after{inset:25px;border-width:10px}.hero-card .tomato{width:62px;height:62px;font-size:12px}
  section.spotlight{padding:24px 20px 32px}.spotlight-heading{align-items:start;flex-direction:column;gap:12px}.spotlight-heading h2{font-size:28px}.spotlight-card{grid-template-columns:70px minmax(0,1fr);padding:16px;gap:14px}.spotlight-card h3{font-size:22px}.spotlight-card p{font-size:13px}
  .global-result{grid-template-columns:58px minmax(0,1fr);padding:12px;gap:12px}.global-result>img,.library-no-poster{width:58px}.global-result h3{font-size:20px}.global-input-row{flex-wrap:wrap}.global-input-row button{width:100%}.discovery-panel h2,.library-panel h2{font-size:34px}.movie-save-row .secondary{width:100%;font-size:11px;padding:8px 4px}.catalog-tools>*{flex:1}.catalog-tools button{padding:10px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster img{transition:none}.movie:hover img{transform:none}}
