@font-face{font-family:Inter;src:url('/Inter.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#191919;background:#fafafa;font-synthesis:none;--muted:#777;--line:#e5e5e5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #555;outline-offset:5px}main{max-width:1552px;margin:auto;padding:72px 64px 80px}header{max-width:1200px}h1{font-size:clamp(36px,4.1vw,60px);font-weight:500;line-height:1.14;letter-spacing:-.052em;margin:0;max-width:1120px}#seed{font-weight:500;color:#737373}.seed-placeholder{display:inline-block;width:260px;height:.85em;border-radius:6px;background:#e8e8e8;vertical-align:baseline;animation:pulse 1.5s ease-in-out infinite}.toolbar{display:flex;align-items:center;gap:20px;margin:34px 0 44px}.dice{width:62px;height:62px;display:grid;place-items:center;border:1px solid #d6d6d6;border-radius:14px;background:#fff;color:#262626;flex-shrink:0;transition:background .15s,transform .15s}.dice:hover{background:#eee;transform:rotate(-5deg)}.dice svg{width:38px;height:38px}.search{position:relative;width:360px;max-width:calc(100% - 82px)}.search>svg{position:absolute;left:18px;top:19px;width:21px;height:21px;color:#888;pointer-events:none}.search input{width:100%;height:60px;padding:16px 20px 16px 51px;background:#fff;border:1px solid var(--line);border-radius:12px;color:#222;font-size:15px;outline-offset:3px}.search input::placeholder{color:#8c8c8c}.search-results{position:absolute;z-index:20;top:70px;left:0;width:min(460px,85vw);background:white;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 12px 40px #0000000d;max-height:400px;overflow:auto}.search-results button{display:block;width:100%;text-align:left;padding:15px;border:0;border-radius:7px;background:white;font-size:14px;line-height:1.5}.search-results button:hover,.search-results button:focus{background:#f3f3f3}.search-results small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.search-results p{padding:10px 15px;font-size:13px;color:var(--muted)}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.column{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.vote{width:100%;background:#fff;border:0;border-bottom:1px solid var(--line);padding:30px 30px 28px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#222;min-height:130px;transition:background .15s,color .15s}.vote:hover:not(:disabled):not(.selected){background:#f1f1f1}.vote .label{font-size:24px;font-weight:500;letter-spacing:-.04em;line-height:1.2}.vote .action{display:block;font-size:13px;color:#777;margin-top:9px;letter-spacing:-.01em;font-weight:400}.vote .vote-icon{width:36px;height:36px;border:1px solid #d6d6d6;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.vote .vote-icon svg{width:18px;height:18px}.vote.selected{background:#1c1c1c;color:#fff}.vote.selected .action{color:#c6c6c6}.vote.selected .vote-icon{border-color:#777}.films{list-style:none;margin:0;padding:8px 28px 12px}.film{display:grid;grid-template-columns:68px minmax(0,1fr);gap:18px;min-height:155px;padding:24px 0;border-bottom:1px solid #ededed}.film:last-child{border-bottom:0}.poster{width:68px;aspect-ratio:2/3;object-fit:cover;border-radius:5px;background:#eee}.film-content{padding:1px 0}.film h2{font-size:16px;font-weight:550;line-height:1.35;letter-spacing:-.025em;margin:0 0 8px;overflow-wrap:anywhere}.film .director,.film .meta{font-size:12px;color:#797979;line-height:1.55;letter-spacing:-.015em}.film .meta{color:#999;margin-top:2px}.compare-film{background:none;border:0;color:#777;font-size:11px;padding:0;margin-top:13px;line-height:1.5;text-align:left;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c9c9c9}.compare-film:hover{color:#000;text-decoration-color:#000}.message{font-size:13px;color:#666;margin:-22px 0 24px;display:flex;align-items:center;gap:14px}.message button{background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;color:inherit;padding:6px}.skeleton .poster,.skeleton .bar{background:#eee;animation:pulse 1.5s ease-in-out infinite}.bar{height:12px;border-radius:3px;margin:4px 0 12px}.bar.title{height:17px;width:85%}.bar.short{width:55%}.bar.tiny{width:38%;height:9px;margin-top:18px}.skeleton .vote{color:#999}.column:has(.selected){border-color:#333}button:disabled:not(.selected){color:#aaa}@keyframes pulse{50%{opacity:.45}}[hidden]{display:none!important}@media(min-width:1500px){.film{grid-template-columns:76px minmax(0,1fr);gap:20px;min-height:165px}.poster{width:76px}.film h2{font-size:17px}.film .director,.film .meta{font-size:13px}}@media(max-width:1100px){main{padding:48px 28px}.columns{gap:16px}.vote{padding:26px 22px}.films{padding:8px 20px 10px}.film{gap:14px;grid-template-columns:58px minmax(0,1fr)}.poster{width:58px}.film h2{font-size:15px}}@media(max-width:780px){main{padding:32px 20px 50px}h1{font-size:38px}.toolbar{margin-top:28px;margin-bottom:30px;gap:14px}.dice{height:56px;width:56px}.search input{height:56px}.search>svg{top:17px}.search{max-width:calc(100% - 70px)}.columns-scroll{overflow-x:auto;margin:0 -20px;padding:0 20px 18px}.columns{grid-template-columns:repeat(3,300px);width:max-content;gap:16px}.vote{min-height:116px}.film{min-height:150px}.seed-placeholder{width:170px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.hero{display:grid;grid-template-columns:110px minmax(0,1fr);gap:32px;align-items:start;min-height:165px}.header-art{width:110px;height:165px;border-radius:8px;background:#e8e8e8;overflow:hidden}.header-art.loading{animation:pulse 1.5s ease-in-out infinite}.header-art img{width:100%;height:100%;object-fit:cover;display:block}.search-results button{display:flex;gap:14px;align-items:center;padding:12px}.search-results button>span{min-width:0}.search-poster{width:40px;height:60px;object-fit:cover;border-radius:4px;background:#eee;flex:0 0 40px}@media(max-width:780px){.hero{grid-template-columns:70px minmax(0,1fr);gap:20px;min-height:105px}.header-art{width:70px;height:105px;border-radius:5px}.hero h1{font-size:clamp(27px,5.8vw,38px)}}

@media(min-width:781px) and (max-width:1250px){.columns-scroll{overflow-x:auto;padding-bottom:18px}.columns{grid-template-columns:repeat(3,minmax(270px,1fr));min-width:858px}}

.film{position:relative}.film-link{position:absolute;inset:0;z-index:1;border-radius:5px}.film-link:focus-visible{outline-offset:-3px}.compare-film{position:relative;z-index:2}.film:has(.film-link:hover) h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

.vote.selected:hover{background:#1c1c1c;color:#fff}.vote.selected .vote-icon{color:#55ce8e;border-color:#55ce8e;transition:color .3s,border-color .3s}.vote.celebrate .vote-icon{animation:check-pop .55s ease-out}.vote.celebrate .vote-icon path{stroke-dasharray:20;animation:check-draw .45s ease-out both}.mobile-tabs,.mobile-vote{display:none}.dice.nudge{animation:dice-wiggle .85s ease-in-out}
@keyframes check-pop{0%{transform:scale(.8);color:#fff;border-color:#777}50%{transform:scale(1.22);color:#55ce8e;border-color:#55ce8e}100%{transform:scale(1);color:#55ce8e;border-color:#55ce8e}}
@keyframes check-draw{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}
@keyframes dice-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(4deg)}}
@media(max-width:780px){
 main{padding:28px 16px calc(128px + env(safe-area-inset-bottom))}.hero{grid-template-columns:62px minmax(0,1fr);gap:17px;align-items:start;min-height:105px}.header-art{width:62px;height:93px}.hero h1{font-size:clamp(26px,6.2vw,36px);line-height:1.18;letter-spacing:-.045em}.toolbar{margin:26px 0 18px;gap:12px}.search{width:100%;max-width:calc(100% - 68px)}.search-results{width:calc(100vw - 100px);max-height:45vh}.search-results button{padding:10px;gap:12px}.search-poster{width:34px;height:51px;flex-basis:34px}.message{margin:6px 0 12px;line-height:1.5}
 .mobile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;position:sticky;top:0;z-index:25;background:#fafafa;padding:12px 0 14px}.mobile-tabs button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 8px;border:1px solid #dedede;border-radius:10px;background:#fff;color:#686868;font:500 14px Inter,sans-serif}.mobile-tabs button[aria-selected=true]{background:#1c1c1c;border-color:#1c1c1c;color:white}.tab-check{display:flex;color:#35a86c}.tab-check svg{width:17px;height:17px}.mobile-tabs button[aria-selected=true] .tab-check{color:#55ce8e}
 .columns-scroll{overflow:visible;margin:0;padding:0}.columns{display:block;width:auto;min-width:0}.column{border-radius:12px}.column:not(.active){display:none}.column>.vote{display:none}.films{padding:0 18px}.film{grid-template-columns:64px minmax(0,1fr);gap:17px;min-height:140px;padding:20px 0}.poster{width:64px}.film h2{font-size:16px;line-height:1.4;margin-bottom:6px}.film .director,.film .meta{font-size:12px}.compare-film{font-size:12px;margin-top:10px;padding:4px 0}
 .mobile-vote{display:block;position:fixed;bottom:0;left:0;right:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fafafaf5;border-top:1px solid #e4e4e4}.mobile-vote>.vote{min-height:64px;padding:15px 20px;border:1px solid #1c1c1c;border-radius:12px;background:#1c1c1c;color:#fff}.mobile-vote>.vote:hover:not(:disabled):not(.selected){background:#1c1c1c}.mobile-vote .vote .label{font-size:17px;letter-spacing:-.025em}.mobile-vote .vote .action{font-size:11px;margin-top:5px;line-height:1.5}.mobile-vote .vote-icon{width:32px;height:32px;border-color:#777}.mobile-vote .vote:disabled:not(.selected){background:#eaeaea;border-color:#e0e0e0;color:#999}
}

.search-results{z-index:50}

#revealed-label{font-style:italic;font-synthesis:style}#vote-cta{font-size:14px;line-height:1.6;color:var(--muted);margin:12px 0 0;animation:cta-in .35s ease-out both}.heading-copy{min-width:0}@keyframes cta-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:780px){#vote-cta{font-size:12px;margin-top:12px}}

#seed{text-decoration:none}#seed[href]:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.1em}

@media(max-width:780px){.search input{font-size:16px}}