@font-face{font-family:ReelDisplay;src:url('/fonts/barlow-condensed-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:ReelText;src:url('/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--ink:#f3eee7;--muted:#b5afbf;--paper:#131119;--surface:#1d1927;--line:#3d354a;--accent:#d9f46d;--violet:#c3adeb;font-family:ReelText,Arial,sans-serif;font-size:16px;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-family:ReelDisplay,'Arial Narrow',Arial,sans-serif;font-weight:600;letter-spacing:.005em}button{transition:background .16s,color .16s,border-color .16s}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:-5rem;left:1rem;padding:1rem;background:var(--accent);color:var(--paper);z-index:99}.skip-link:focus{top:1rem}
.site-header,main{max-width:1440px;margin:auto;padding-left:48px;padding-right:48px}.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-family:ReelDisplay,'Arial Narrow',sans-serif;font-size:2.3rem;line-height:1;letter-spacing:.025em}.brand img{width:36px;height:42px}.brand-second{color:var(--accent)}.quiet-button{border:0;background:none;display:flex;gap:10px;align-items:center;padding:12px 0;font-size:.875rem}.quiet-button span{display:grid;place-items:center;border:1px solid var(--line);width:24px;height:24px;color:var(--violet)}
.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0}.eyebrow,.small-label{font-size:.75rem;line-height:1.5;letter-spacing:.13em;font-weight:700;color:var(--violet);margin:0}.eyebrow{margin-bottom:5px}h1{font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.06;text-transform:uppercase;margin:0}.intro-copy{color:var(--muted);line-height:1.65;margin:0;font-size:1rem;max-width:310px}.workspace{display:block;padding-bottom:40px}
.taste-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);column-gap:32px;padding:24px 28px 18px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--violet);margin-bottom:34px}.panel-heading h2{font-size:1.7rem;margin:3px 0 4px}.panel-heading p{font-size:1rem;color:var(--muted);line-height:1.5;margin:0}.panel-heading .small-label{font-size:.75rem;color:var(--violet)}.search-wrap{position:relative;align-self:center}.search-wrap input{width:100%;height:52px;padding:0 34px 0 42px;background:var(--paper);border:1px solid #655672;border-radius:3px;font-size:1rem}.search-wrap input::placeholder{color:var(--muted)}.search-icon{position:absolute;left:14px;top:17px;width:18px;height:18px;color:var(--violet);pointer-events:none}.search-options{position:absolute;top:calc(100% + 7px);left:0;right:0;margin:0;padding:6px;list-style:none;background:#272132;border:1px solid #655672;box-shadow:0 12px 32px #0008;max-height:360px;overflow:auto;z-index:10}.search-options li{padding:10px;font-size:1rem;line-height:1.4;cursor:pointer}.search-options li[role=option]{display:flex;align-items:center;gap:12px}.search-options li[aria-selected=true],.search-options li:hover{background:#3c304a}.search-options .no-options{cursor:default;color:var(--muted)}.option-meta{display:block;font-size:.875rem;color:var(--muted);margin-top:3px}.selection-note{grid-column:1/-1;margin:15px 0 9px;font-size:.875rem;line-height:1.5;color:var(--muted)}.selected-films{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.selected-film{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:12px;max-width:320px;flex:0 1 290px;background:#282130;border:1px solid #4a3d58;border-radius:3px;padding:9px 10px}.film-name-button{background:none;border:0;text-align:left;padding:0;font-size:.875rem;font-weight:600;line-height:1.5}.film-name-button:hover{color:var(--accent)}.film-year{display:block;color:var(--muted);font-size:.875rem;font-weight:400}.remove-pick{border:0;background:none;font-size:1.5rem;width:32px;height:36px;color:var(--muted)}.remove-pick:hover{background:#493954;color:var(--ink)}.empty-taste{grid-column:1/-1;color:var(--muted);font-size:1rem;line-height:1.6}.taste-actions{display:flex;gap:24px;align-items:center;margin-top:10px}.text-button{border:0;background:none;padding:10px 0;font-size:.875rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#7d6d8d;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.5}.text-button:hover{color:var(--accent);text-decoration-color:var(--accent)}.taste-footer{display:flex;justify-content:flex-end;gap:8px;align-items:center;color:var(--muted);font-size:.875rem;line-height:1.5;margin-top:10px}.taste-footer svg{flex-shrink:0;color:var(--violet)}
.results-controls{display:flex;justify-content:space-between;align-items:center;gap:28px}.results-controls h2{font-size:2.5rem;line-height:1.15;margin:4px 0 0}.method-field{min-width:225px}.method-field label{display:block;font-size:.875rem;margin-bottom:6px;color:var(--muted)}.method-field select{width:100%;min-height:46px;background:var(--surface);border:1px solid #655672;border-radius:3px;padding:9px 32px 9px 12px;font-size:.875rem}.method-description{font-size:1rem;color:var(--muted);line-height:1.6;margin:12px 0 22px;max-width:760px}.results-state{font-size:.875rem;color:var(--muted);margin:0 0 12px}.results-state:empty{display:none}.film-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}.film-card{display:grid;grid-template-columns:148px minmax(0,1fr);align-items:start;gap:22px;padding:25px 0;border-top:1px solid var(--line)}.film-card-copy{min-width:0}.film-card-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.film-card h3{font-size:1.9rem;line-height:1.1;margin:0 0 10px}.like-film{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;border:1px solid #655672;border-radius:50%;background:none;color:var(--accent)}.like-film svg{width:18px;height:18px}.like-film:hover{background:var(--accent);color:var(--paper);border-color:var(--accent)}.film-meta{display:flex;flex-wrap:wrap;gap:5px 8px;list-style:none;padding:0;margin:0;color:var(--muted);font-size:.875rem;line-height:1.6}.film-meta li+li:before{content:'·';margin-right:8px;color:#9f8cba}.film-synopsis{font-size:1rem;line-height:1.6;margin:12px 0 0;color:#d3ccd9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.film-reason{font-size:.875rem;line-height:1.55;color:var(--violet);margin:12px 0 4px;display:flex;align-items:baseline;gap:7px}.reason-mark{display:none}.film-details-button{color:var(--accent);text-decoration-color:#7d8a49;padding:5px 0;min-height:34px}.poster-frame{position:relative;display:grid;place-items:center;aspect-ratio:2/3;width:100%;overflow:hidden;background:#292331;border:1px solid #4c4059;border-radius:2px}.poster-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.poster-missing{font-size:.875rem;color:var(--muted);text-align:center;line-height:1.5;padding:12px}.has-poster .poster-missing{display:none}.mini-poster{width:32px;height:48px;flex-shrink:0}.mini-poster .poster-missing{display:none}.results-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:24px;gap:24px}.outline-button{background:var(--accent);color:var(--paper);border:1px solid var(--accent);border-radius:3px;padding:12px 20px;font-size:.875rem;font-weight:700;line-height:1.5}.outline-button:hover{background:#e8ffa1}.page-footer{display:flex;justify-content:space-between;gap:24px;padding:24px 0 32px;border-top:1px solid var(--line);font-size:.875rem;line-height:1.6;color:var(--muted)}.page-footer span:first-child{font-family:ReelDisplay,'Arial Narrow',sans-serif;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.alert{padding:18px 22px;margin:20px 0;background:#35212a;color:#ffcebc;border:1px solid #875848;line-height:1.6;font-size:1rem}.alert p{margin:0 0 12px}.alert button{background:#f3ccb8;color:#25151a;border:0;padding:10px 18px}
/* Film details share the same typography and restrained cinema palette. */
dialog{width:calc(100% - 32px);max-width:610px;max-height:90dvh;overflow:auto;background:#211b2b;color:var(--ink);border:1px solid #766087;border-top:3px solid var(--violet);border-radius:4px;padding:28px 32px;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#09070dd9;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.icon-button{flex-shrink:0;background:none;border:1px solid var(--line);width:38px;height:38px;font-size:1.8rem}.icon-button:hover{background:#473452}dialog h2{font-size:2.4rem;line-height:1.15;margin:18px 0}dialog p{font-size:1rem;line-height:1.7;color:#d3ccd9}.method-note{border-top:1px solid var(--line);padding:14px 0}.method-note h3{font-size:1.5rem;margin:0 0 7px}.method-note p{margin:0}.dialog-footnote{border-top:1px solid var(--line);padding-top:18px;font-size:.875rem}.metadata-credit{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.metadata-credit img{width:72px;height:auto}.metadata-credit p,.metadata-sources{font-size:.875rem;line-height:1.6;margin:0}.metadata-sources{margin-top:14px}.film-dialog{max-width:880px}.film-dialog .dialog-top{margin-bottom:22px}.detail-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;align-items:start}.detail-poster{width:210px;position:sticky;top:0}.detail-copy h2{margin:0 0 12px;font-size:2.6rem}.detail-overview{margin:18px 0}.film-credits{margin:20px 0;font-size:1rem;line-height:1.6}.film-credits div+div{margin-top:14px}.film-credits dt{font-size:.875rem;color:var(--violet);margin-bottom:3px}.film-credits dd{margin:0}.detail-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}.detail-actions a{font-size:.875rem;text-underline-offset:4px}
@media(max-width:1100px){.site-header,main{padding-left:30px;padding-right:30px}.film-list{column-gap:28px}.film-card{grid-template-columns:110px minmax(0,1fr);gap:18px}.film-card h3{font-size:1.7rem}.film-card-heading{gap:8px}.like-film{width:34px;height:34px}.taste-panel{padding:22px}}
@media(max-width:800px){.film-list{grid-template-columns:1fr}.film-card{grid-template-columns:140px minmax(0,1fr);gap:24px}.film-card h3{font-size:2rem}.taste-panel{grid-template-columns:minmax(0,1fr);gap:0}.search-wrap{margin-top:18px}.taste-footer{justify-content:flex-start}.intro-copy{max-width:250px}.selected-film{flex:1 1 220px;max-width:none}.detail-layout{grid-template-columns:155px minmax(0,1fr);gap:24px}.detail-poster{width:155px}.detail-copy h2{font-size:2.2rem}}
@media(max-width:540px){.site-header,main{padding-left:20px;padding-right:20px}.site-header{min-height:76px}.brand{font-size:1.9rem;gap:9px}.brand img{width:30px;height:36px}.quiet-button{font-size:.875rem}.quiet-button span{display:none}.intro{display:block;padding:24px 0}.intro-copy{max-width:none;margin-top:10px}.intro-copy br{display:none}.intro-copy br:after{content:' '}.taste-panel{padding:18px;margin-bottom:28px}.panel-heading h2{font-size:1.8rem}.selected-film{flex-basis:100%}.taste-actions{gap:20px;flex-wrap:wrap}.results-controls{align-items:flex-start;flex-direction:column;gap:18px}.results-controls h2{font-size:2.3rem}.method-field{width:100%;min-width:0}.film-card{grid-template-columns:95px minmax(0,1fr);gap:16px;padding:22px 0}.film-card h3{font-size:1.65rem}.film-synopsis{-webkit-line-clamp:3}.like-film{width:32px;height:32px}.film-card-heading{gap:8px}.film-meta{gap:3px 6px}.film-meta li+li:before{margin-right:6px}.results-footer{gap:16px}.outline-button{padding:11px 15px}.page-footer{display:block}.page-footer span{display:block;margin-bottom:5px}dialog{padding:20px}.detail-layout{grid-template-columns:100px minmax(0,1fr);gap:20px}.detail-poster{width:100px;position:static}.detail-copy{display:contents}.detail-title-block{grid-column:2;grid-row:1}.detail-copy h2{font-size:2rem}.detail-overview,.film-credits,.detail-actions{grid-column:1/-1;margin:0}.metadata-credit{align-items:flex-start}}
@media(max-width:360px){.site-header,main{padding-left:16px;padding-right:16px}.brand{font-size:1.7rem}.film-card{grid-template-columns:76px minmax(0,1fr);gap:12px}.film-card h3{font-size:1.5rem}.results-footer{flex-wrap:wrap}.detail-layout{display:block}.detail-poster{width:96px;float:left;margin:0 16px 16px 0}.detail-copy{display:block}.detail-overview{clear:both;padding-top:16px}.film-credits,.detail-actions{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.film-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.film-more{max-width:11rem;padding:.5rem;background:var(--surface,#1d1927);color:#f3eee7;border:1px solid #61596c;border-radius:4px}.film-actions [aria-pressed="true"]{color:#d9f46d}.library-films{list-style:none;padding:0}.library-film{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #61596c}.library-film>:nth-child(2){flex:1;text-align:left}.action-status{position:sticky;bottom:0;background:#1d1927;color:#f3eee7;display:flex;justify-content:center;gap:1rem;padding:.5rem;z-index:5}.action-status:has(#action-message:empty){display:none}#library-category{margin:1rem;max-width:100%}.site-header{gap:1rem}.site-header .brand{margin-right:auto}

.results-controls{flex-wrap:wrap;gap:1rem}.results-controls>div:first-child{flex:1 1 13rem}.method-field{min-width:10rem}

.landscape-artwork img{object-fit:contain;background:#131119}

.film-action[aria-pressed="true"],.like-film[aria-pressed="true"]{color:#d9f46d}.film-action-status{min-height:1.5rem;color:#d9f46d}.demo-area{margin:1.5rem 0;padding:1rem;border:1px solid #61596c;border-radius:4px}.demo-area summary{cursor:pointer}.update-picks{margin:.5rem 0 1rem}.film-actions{gap:.65rem 1rem}.film-actions button{font-size:.875rem}.film-actions .film-action{padding:.35rem 0}

/* A compact favourites shelf keeps discovery close, even with a large library. */
.selected-films{max-height:15rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#766087 transparent;padding-right:.35rem}
.results-controls .method-field{flex:0 1 14rem}
.audience-rating{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1.2rem;margin-top:1.2rem;padding:1rem;border:1px solid #655672;border-left:3px solid var(--accent);background:#17131f;font-size:.875rem}
.rating-value{font-family:ReelDisplay,'Arial Narrow',sans-serif;font-size:2rem;color:var(--accent);white-space:nowrap}
.rating-value small{font-family:ReelText,sans-serif;font-size:.875rem;color:var(--muted)}
.audience-rating>span:last-child small{display:block;font-size:.75rem;color:var(--muted);margin-top:.3rem;line-height:1.5}
.rating-unavailable{font-size:.875rem;color:var(--muted)}
.like-film[aria-pressed="true"]{background:#344022;border-color:var(--accent)}
.like-film[aria-pressed="true"] svg{fill:var(--accent)}
.film-card .poster-frame img{transition:transform .2s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.film-card:hover .poster-frame img{transform:scale(1.025)}}
@media(max-width:540px){.results-controls .method-field{flex:auto;width:100%}.selected-films{max-height:13rem}}