:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24251f;background:#f5f3ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{border:0;border-radius:.65rem;padding:.8rem 1.15rem;color:#fffefa;background:#596a40;cursor:pointer}.movie-card{scroll-margin-top:1rem;font-weight:650}button:hover:not(:disabled){background:#465534}button:disabled{cursor:not-allowed;opacity:.55}.page{display:grid;width:min(100%,54rem);gap:1.25rem;min-height:100vh;margin:0 auto;padding:2rem;align-content:center}.welcome-card,.import-card,.collection-card,.fun-stuff-card,.recommendations-card{padding:clamp(1.5rem,6vw,3rem);border:1px solid #e1ded4;border-radius:1.25rem;background:#fffefa;box-shadow:0 1.5rem 4rem #36301f14}.main-navigation{display:flex;flex-wrap:wrap;gap:.5rem;padding:.55rem;border:1px solid #e1ded4;border-radius:.9rem;background:#fffefa}.main-navigation a{border-radius:.55rem;padding:.65rem .9rem;color:#414338;font-weight:650;text-decoration:none}.main-navigation a:hover,.main-navigation a[aria-current=page]{color:#38462a;background:#e9e6dc}.eyebrow{margin:0 0 .75rem;color:#68734b;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(2.5rem,9vw,4rem);letter-spacing:-.06em;line-height:1}.welcome-card h1{text-align:center}.welcome-card--collage{position:relative;isolation:isolate;overflow:hidden}.welcome-poster-collage{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(52,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));overflow:hidden}.welcome-poster-collage img{width:100%;height:100%;min-width:0;object-fit:cover}.welcome-card--collage:before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:#07090d73;content:"";transition:background-color .18s ease}.welcome-card--collage:hover:before{background:#07090db8}.welcome-content{position:relative;z-index:2}.welcome-card--collage h1,.welcome-card--collage .welcome-subtitle{text-shadow:0 2px 14px rgb(0 0 0 / 65%)}.welcome-subtitle{margin:.55rem 0 0;color:#74756c;font-size:.95rem;text-align:center}@media(max-width:900px){.welcome-poster-collage{grid-template-columns:repeat(40,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr))}}@media(max-width:420px){.welcome-poster-collage{grid-template-columns:repeat(22,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr))}}h2{margin:0;font-size:clamp(1.5rem,5vw,2rem);letter-spacing:-.04em}h3{margin:1.75rem 0 .9rem}.intro,.section-copy{max-width:38rem;margin:1rem 0 1.5rem;color:#65665e;font-size:1.05rem;line-height:1.6}.api-status{display:inline-flex;align-items:center;gap:.6rem;margin:0;color:#55564f;font-size:.9rem}.status-indicator{width:.55rem;height:.55rem;border-radius:50%;background:#c3933d}.api-status--online .status-indicator{background:#52845a}.api-status--offline .status-indicator{background:#b8493c}.import-form{display:flex;flex-wrap:wrap;align-items:end;gap:.8rem}.collection-heading,.recommendations-heading,.fun-stuff-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem}.fun-stuff-heading .section-copy{margin-bottom:0}.wheel-controls{display:flex;flex:1 1 18rem;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.wheel-stage{display:grid;justify-items:center;gap:1rem;padding-top:1.25rem}.wheel-frame{position:relative;width:min(100%,32rem);aspect-ratio:1;margin:.5rem auto;border:.7rem solid #3b414d;border-radius:50%;padding:.35rem;background:#10131a;box-shadow:0 1rem 2rem #00000059,inset 0 0 0 .25rem #e7a36b}.movie-wheel{display:block;width:100%;height:100%;overflow:visible;border-radius:50%;transition:transform 5.2s cubic-bezier(.12,.76,.16,1)}.wheel-label{fill:#fffaf0;font-size:13px;font-weight:700;paint-order:stroke;stroke:#00000047;stroke-width:.5px}.wheel-poster-badge circle{fill:#141820;stroke:#fffaf0;stroke-width:1px}.wheel-poster-badge text{fill:#fffaf0;font-size:7px;font-weight:700}.wheel-movie-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.5rem;width:min(100%,42rem);margin:.25rem 0;padding-left:1.75rem;color:#e1ddd5;font-size:.9rem}.wheel-movie-key li::marker{color:#e7a36b;font-weight:700}.wheel-movie-key a{color:#f0ae62}.wheel-movie-director{color:#b0b3bc;font-size:.82rem}.wheel-hub{fill:#f4efe6;stroke:#222630;stroke-width:2px}.wheel-pointer{position:absolute;z-index:1;top:-.6rem;left:50%;width:0;height:0;border-top:1.8rem solid #e7a36b;border-right:1rem solid transparent;border-left:1rem solid transparent;filter:drop-shadow(0 .15rem .1rem rgb(0 0 0 / 45%));transform:translate(-50%)}.wheel-size{margin:0;color:#b0b3bc;font-size:.9rem}.wheel-winner{display:grid;justify-items:center;gap:.5rem;width:min(100%,32rem);margin-top:.5rem;border:1px solid #454b57;border-radius:.85rem;padding:1.25rem;background:#1a1e27;text-align:center}.wheel-winner .eyebrow{margin:0}.wheel-winner-title{color:#f4efe6;font-size:clamp(1.35rem,5vw,1.8rem);font-weight:750;text-decoration:none}.wheel-winner-title:hover{color:#ffd091}.source-label{display:grid;gap:.45rem;color:#55564f;font-size:.85rem;font-weight:650}.source-label{flex:1 1 14rem;max-width:20rem}.source-label select{width:100%;min-width:0;border:1px solid #d7d4c9;border-radius:.55rem;padding:.65rem .75rem;color:#24251f;background:#fffefa}.tmdb-attribution{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.55rem 1rem;margin:.75rem 0 1rem;color:#65665e;font-size:.9rem;line-height:1.5}.tmdb-attribution p{margin:0}.tmdb-credit{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1rem;border-top:1px solid #e8e5dc;padding-top:.9rem}.tmdb-logo-link{display:inline-flex;align-items:center}.tmdb-logo-link img{display:block;width:4rem;max-width:100%}.attribution-notice{margin:0;color:#65665e;font-size:.78rem}.recommendation-list{display:grid;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.manually-watched-recommendations{margin-top:1rem}.manually-watched-recommendations>summary{color:#55564f;cursor:pointer;font-size:.9rem;font-weight:650}.recommendation-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem 1rem;border:1px solid #e5e2d8;border-radius:.65rem;padding:.8rem .95rem;background:#fffefa}.recommendation-main{min-width:0}.recommendation-title-line,.recommendation-edit-form{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .65rem}.recommendation-edit-form input{width:min(24rem,100%);min-width:0;border:1px solid #d7d4c9;border-radius:.55rem;padding:.55rem .7rem;color:#24251f;background:#fffefa}.recommendation-edit-button{flex:none}.recommendation-title{color:#414338;font-weight:700}a.recommendation-title{color:#596a40}.recommendation-count{color:#74756c;font-size:.85rem}.recommendation-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1rem;margin-top:1rem}.recommendation-pagination-status{margin:0;color:#b0b3bc;font-size:.85rem}.director-coverage{margin:.8rem 0;color:#b0b3bc;font-size:.85rem}.director-list{display:grid;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.director-list>li{min-width:0}.director-choice{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid #343945;border-radius:.65rem;padding:.8rem .95rem;color:#f4efe6;background:#1a1e27;text-align:left}.director-choice span:first-child{font-weight:700}.director-choice span:last-child{color:#b0b3bc;font-size:.85rem;font-weight:400;text-align:right}.director-choice:hover:not(:disabled),.director-choice[aria-pressed=true]{border-color:#86533d;background:#28201f}.director-filmography{margin-top:.7rem;border-top:1px solid #343945;padding-top:.7rem}.director-filmography h3{margin-top:0}.director-film-item{justify-content:flex-start}.director-film-poster{flex:0 0 auto;width:3rem;height:4.5rem;border-radius:.25rem;object-fit:cover}.director-film-info{display:grid;flex:1 1 12rem;gap:.3rem;min-width:0}.count,.movie-meta{color:#74756c;font-size:.9rem;font-weight:400;letter-spacing:0}.search-label,.movie-form label,.suggestion-form>label:not(.checkbox-label){display:grid;gap:.45rem;color:#55564f;font-size:.85rem;font-weight:650}.search-label{flex:1 1 16rem;max-width:24rem}.search-label input,.movie-form input,.suggestion-form input:not([type=checkbox]),.suggestion-form select{width:100%;min-width:0;border:1px solid #d7d4c9;border-radius:.55rem;padding:.65rem .75rem;color:#24251f;background:#fffefa}.add-movie{margin:1.4rem 0;border-top:1px solid #e8e5dc;border-bottom:1px solid #e8e5dc;padding:.9rem 0}.add-movie>summary,.suggestion-list>summary{cursor:pointer;font-weight:650}.movie-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));align-items:end;gap:.8rem;margin-top:1rem}.movie-form button{justify-self:start}.form-actions{display:flex;flex-wrap:wrap;gap:.55rem}.button-secondary{border:1px solid #c9c7bb;color:#414338;background:#f5f3ee}.button-secondary:hover:not(:disabled){background:#e9e6dc}.movie-list{display:grid;gap:.65rem;margin-top:1.25rem}.movie-pagination{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.25rem}.movie-pagination a{border:1px solid #d7d4c9;border-radius:.5rem;padding:.4rem .65rem;color:#596a40;background:#fffefa;font-size:.85rem;text-decoration:none}.movie-pagination a:hover,.movie-pagination a[aria-current=page]{color:#414338;background:#e9e6dc}.movie-card{border:1px solid #e5e2d8;border-radius:.8rem;background:#fffefa}.movie-card>summary{display:grid;gap:.25rem;cursor:pointer;padding:.95rem 1rem}.movie-title{font-weight:700}.movie-external-links{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:.2rem;font-size:.82rem}.movie-external-links a{color:#596a40;font-weight:650}.movie-external-links a:hover{color:#38462a}.unmatched-link,.match-attribution{color:#74756c;font-size:.82rem}.external-match-section{display:grid;justify-items:start;gap:.65rem}.match-attribution{margin:0;line-height:1.5}.match-attribution a{color:#596a40}.candidate-panel{display:grid;width:100%;gap:.8rem;border:1px solid #e5e2d8;border-radius:.75rem;padding:1rem;background:#faf9f5}.candidate-panel .hint{margin:0}.candidate-search{display:flex;flex-wrap:wrap;align-items:end;gap:.6rem}.candidate-search label{display:grid;flex:1 1 15rem;gap:.4rem;color:#55564f;font-size:.85rem;font-weight:650}.candidate-search input{min-width:0;border:1px solid #d7d4c9;border-radius:.55rem;padding:.65rem .75rem;color:#24251f;background:#fffefa}.candidate-search button{padding:.65rem .85rem}.candidate-results{display:grid;gap:.65rem}.candidate-results h3{margin:0}.candidate-card{display:grid;grid-template-columns:minmax(10rem,1fr) auto;align-items:center;gap:.8rem;border:1px solid #e5e2d8;border-radius:.65rem;padding:.85rem;background:#fffefa}.candidate-card p{margin:.25rem 0}.candidate-card a{color:#596a40;font-size:.82rem}.candidate-links{display:grid;justify-items:start;gap:.4rem}.candidate-links button{margin-top:.25rem}.text-button{padding:0;color:#74756c;background:transparent;font-size:.82rem;font-weight:500;text-decoration:underline}.text-button:hover:not(:disabled){color:#414338;background:transparent}.movie-content{display:grid;gap:1rem;border-top:1px solid #e8e5dc;padding:1rem}.raw-alternatives{margin:0;color:#55564f;font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}.suggestion-list{border-top:1px solid #eeeae0;padding-top:.8rem}.suggestion-items{display:grid;gap:.7rem;margin-top:.75rem}.suggestion-form{display:grid;grid-template-columns:minmax(12rem,2fr) minmax(9rem,1fr) auto auto;align-items:end;gap:.6rem;border-radius:.65rem;padding:.75rem;background:#f5f3ee}.checkbox-label{display:flex;min-height:2.6rem;align-items:center;gap:.4rem;color:#55564f;font-size:.85rem;white-space:nowrap}.checkbox-label input{width:1rem;height:1rem;accent-color:#596a40}.file-label{display:grid;flex:1 1 16rem;gap:.5rem;font-size:.9rem;font-weight:650}input[type=file]{width:100%;max-width:100%;border:1px solid #d7d4c9;border-radius:.55rem;padding:.55rem;background:#fffefa;color:#55564f}.file-name,.hint{color:#65665e;font-size:.9rem;line-height:1.55}.file-name{flex-basis:100%;margin:0}.hint{margin:1rem 0 0}.preview{margin-top:1.5rem;border-top:1px solid #e8e5dc;padding-top:.25rem}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.65rem;margin:0 0 1rem}.summary div{border-radius:.7rem;padding:.85rem;background:#f5f3ee}.summary dt{color:#65665e;font-size:.8rem}.summary dd{margin:.3rem 0 0;font-size:1.35rem;font-weight:700}.movie-preview{margin:1rem 0 1.25rem}.movie-preview summary{cursor:pointer;font-weight:650}.movie-preview ol{display:grid;max-height:24rem;gap:.75rem;overflow:auto;padding:.5rem .5rem .5rem 2rem}.movie-preview li{padding-left:.2rem;line-height:1.45}.movie-preview li>span{display:block;margin-top:.15rem;color:#65665e;font-size:.88rem;overflow-wrap:anywhere}.movie-preview .raw-alternatives{color:#4f5148}.notice{border-radius:.65rem;padding:.85rem 1rem;line-height:1.5}.notice ul{margin-bottom:0}.notice--error{color:#702d25;background:#fae9e5}.notice--success{color:#315c39;background:#e9f2e8}.auth-page{display:grid;min-height:100vh;place-items:center;padding:1rem}.auth-card{display:grid;width:min(100%,32rem);gap:1rem;border:1px solid #30343e;border-radius:1.25rem;padding:clamp(1.5rem,6vw,3rem);background:#151820;box-shadow:0 1.5rem 4rem #00000052}.auth-card h1{font-size:clamp(2rem,8vw,3rem)}.auth-form{display:grid;gap:.9rem}.auth-form label{display:grid;gap:.45rem;color:#b0b3bc;font-size:.9rem;font-weight:650}.auth-form input,.auth-form select{width:100%;min-width:0;border:1px solid #454b57;border-radius:.55rem;padding:.7rem .75rem;color:#eee9df;background:#10131a}.auth-form input:focus,.auth-form select:focus{outline:2px solid #e7a36b;outline-offset:1px}.account-form{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));align-items:end}.nav-account{display:flex;align-items:center;gap:.65rem;margin-left:auto;padding:.35rem;color:#b0b3bc;font-size:.88rem;overflow-wrap:anywhere}.account-list{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.account-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid #30343e;border-radius:.7rem;padding:.8rem;background:#10131a}.account-list li div{display:grid;gap:.25rem}.account-list li span,.temporary-password span{color:#b0b3bc;font-size:.88rem}.temporary-password{display:grid;gap:.5rem}.temporary-password code{border-radius:.45rem;padding:.65rem;color:#f4efe6;background:#10131a;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}@media(max-width:520px){.page{padding:1rem;align-content:start}.nav-account{flex:1 1 100%;justify-content:space-between;margin-left:0}.import-form button{width:100%}.suggestion-form,.candidate-card{grid-template-columns:1fr}.candidate-search button{flex:1 1 100%}.wheel-controls{display:grid;grid-template-columns:minmax(0,1fr)}.wheel-movie-key{grid-template-columns:minmax(0,1fr)}.suggestion-form button,.movie-form button,.recommendation-pagination button{width:100%}.recommendation-pagination{align-items:stretch}}:root{color:#eee9df;color-scheme:dark;background:#090b10}body{color:#eee9df;background:radial-gradient(ellipse at 50% -25%,rgb(113 47 36 / 24%),transparent 55%),linear-gradient(180deg,#11141b,#090b10 65%)}.page{width:min(100%,70rem);align-content:start;padding:clamp(1rem,4vw,2.5rem)}.welcome-card,.import-card,.collection-card,.fun-stuff-card,.recommendations-card,.main-navigation{border-color:#30343e;background:#151820;box-shadow:0 1.5rem 4rem #00000052}.main-navigation a,.movie-preview summary,.add-movie>summary,.suggestion-list>summary{color:#d5d0c7}.main-navigation a:hover,.main-navigation a[aria-current=page]{color:#ffe0b4;background:#34241f}h1,h2,h3,.movie-title,.recommendation-title,.summary dd{color:#f4efe6}.welcome-subtitle{color:#b0b3bc}.eyebrow,.movie-card-rating>span{color:#e7a36b}.intro,.section-copy,.api-status,.count,.movie-meta,.movie-card-meta,.attribution-notice,.file-name,.hint,.recommendation-count,.manually-watched-recommendations>summary,.match-attribution,.unmatched-link,.raw-alternatives,.checkbox-label,.search-label,.movie-form label,.suggestion-form>label:not(.checkbox-label),.source-label,.candidate-search label{color:#b0b3bc}a,.movie-external-links a,.match-attribution a,.candidate-card a,.candidate-results a{color:#f0ae62}a:hover,.movie-external-links a:hover{color:#ffd091}button{color:#fff7ed;background:#a84934}button:hover:not(:disabled){background:#c25a40}.button-secondary{border:1px solid #454b57;color:#e1ddd5;background:#252a34}.button-secondary:hover:not(:disabled){background:#343a46}.movie-card,.recommendation-item,.candidate-card,.candidate-panel{border-color:#343945;background:#1a1e27}.movie-card{overflow:hidden;border-radius:.75rem;box-shadow:0 .5rem 1.5rem #00000029}.movie-card>summary{padding:.75rem}.movie-card>summary::marker{color:#e7a36b}.movie-card>.movie-card-summary{display:grid;grid-template-columns:minmax(0,1fr) 13rem;align-items:center;gap:1rem;cursor:pointer;padding:.75rem .9rem}.movie-card-primary{display:grid;min-width:0;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:1rem}.movie-card-primary--with-poster{grid-template-columns:2rem 6rem minmax(0,1fr)}.movie-card-count{color:#e7a36b;font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:700;text-align:center}.movie-card-poster-link{display:block;overflow:hidden;border-radius:.35rem;background:#0f1218}.movie-card-poster{display:block;width:6rem;height:9rem;object-fit:cover}.movie-card-info{display:grid;min-width:0;align-content:center;gap:.35rem}.movie-title{font-size:1.1rem;line-height:1.25}.movie-card-info>.movie-title{position:relative;display:inline-block;width:fit-content;max-width:100%;padding-right:.9rem}.movie-card-info>.movie-title:after{position:absolute;top:.35rem;right:.15rem;width:.4rem;height:.4rem;border-right:1.5px solid #e7a36b;border-bottom:1.5px solid #e7a36b;content:"";transform:rotate(-45deg);transition:transform .12s ease}.movie-card[open] .movie-card-info>.movie-title:after{transform:rotate(45deg)}.movie-card-info>.movie-meta{line-height:1.4}.movie-external-links{gap:.45rem .85rem;margin-top:.1rem}.movie-card-meta{display:flex;flex-wrap:wrap;gap:.25rem .85rem;font-size:.78rem}.movie-card-rating-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.4rem}.movie-card-rating{display:grid;min-width:0;justify-items:center;gap:.3rem;font-size:.78rem;font-weight:700}.movie-card-rating select{width:100%;min-width:0;border:1px solid #454b57;border-radius:.4rem;padding:.38rem .15rem;color:#f4efe6;background:#10131a;text-align:center}.movie-card-rating select:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #f0ae62;outline-offset:2px}.movie-content{border-color:#343945}.movie-card .movie-form input,.movie-card .candidate-search input,.movie-card .candidate-search select,.movie-card .suggestion-form input:not([type=checkbox]),.movie-card .suggestion-form select,.search-label input,.source-label select,.recommendation-edit-form input,input[type=file]{border-color:#454b57;color:#eee9df;background:#10131a}.add-movie,.preview,.suggestion-list{border-color:#343945}.suggestion-form,.summary div,.movie-preview,.movie-preview li>span,.movie-preview .raw-alternatives{color:#c7c4bd;background:#1a1e27}.recommendation-title{color:#f0ae62}.movie-pagination a{border-color:#454b57;color:#d5d0c7;background:#10131a}.movie-pagination a:hover{color:#ffe0b4;background:#34241f}.movie-pagination a[aria-current=page]{border-color:#a84934;color:#fff7ed;background:#a84934}.text-button{color:#b0b3bc}.text-button:hover:not(:disabled){color:#f4efe6;background:transparent}.tmdb-credit{border-color:#30343e}.notice--error{color:#ffd0c8;background:#4b2826}.notice--success{color:#d1ebd2;background:#243b2b}@media(max-width:720px){.movie-card>.movie-card-summary{grid-template-columns:minmax(0,1fr);gap:.8rem}.movie-card-rating-controls{width:min(100%,13rem);justify-self:end}}@media(max-width:420px){.movie-card>.movie-card-summary{padding:.55rem}.movie-card-primary{grid-template-columns:1.4rem minmax(0,1fr);gap:.45rem}.movie-card-primary--with-poster{grid-template-columns:1.4rem 4.25rem minmax(0,1fr)}.movie-card-poster{width:4.25rem;height:6.4rem}.movie-title{font-size:1rem}}
