@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:#fbfbf8;color:#171716;font-family:DM Sans,sans-serif}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.primary span{color:#e0a900}main{min-height:100vh;max-width:1240px;margin:auto;padding:0 40px}.route-slot{display:grid}.route-slot>*{grid-area:1 / 1;align-self:start}.hero{min-height:100vh;padding:22vh 0 120px;max-width:760px;margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center}h1{font-family:Fraunces,serif;font-size:clamp(48px,7vw,86px);line-height:.98;letter-spacing:-4px;margin:0;font-weight:500}.primary{background:#f1cf63;padding:16px 22px;border-radius:3px;font-weight:600;box-shadow:inset 0 0 0 1px #0000000f;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s,box-shadow .28s}.primary:hover{background:#f5da7c;transform:scale(1.018);box-shadow:inset 0 0 0 1px #0000000d,0 8px 18px #8e711c21}.primary span{display:inline-block}.primary span{font-size:20px;margin-left:5px;color:#3d3200}.primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.app-footer{position:relative;width:min(100%,1000px);margin:28px auto 30px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;font-size:12px;color:#95938c}.app-footer button{justify-self:center;font:inherit;color:inherit;transition:color .2s}.app-footer button:hover{color:#171716}.app-footer .slot-left{grid-column:1;justify-self:start}.app-footer .slot-center{grid-column:2}.app-footer .slot-right{grid-column:3;justify-self:end}.hero-action{margin-top:28px;animation:gentle-pulse 2.8s ease-in-out infinite}.home-login{margin-top:22px;font-size:13px;color:#777670;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.home-login:hover{color:#171716}.mood-picker{width:min(100%,620px);margin-top:42px}.mood-options{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.mood-option{padding:9px 13px;border:1px solid #dfddd6;border-radius:999px;background:rgba(255,255,255,.5);font-size:13px;color:#68665f;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.mood-option:hover{border-color:#c8a92e;color:#3d3200;transform:translateY(-1px)}.mood-option.chosen{border-color:#d0ae2c;background:#fff1ba;color:#3d3200}.film-view{display:grid;grid-template-columns:minmax(230px,335px) 1fr;gap:clamp(38px,7vw,95px);padding:38px 6vw 48px}.poster-wrap{position:relative;width:335px;aspect-ratio:2 / 3;flex:0 0 auto}.poster-backdrop{display:none}.poster-wrap:after{display:none}.poster-image{display:block;width:100%;height:100%;object-fit:cover;box-shadow:12px 16px 35px #00000024;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s}.poster-wrap:hover .poster-image{transform:rotate(-1.5deg) translateY(-6px);box-shadow:17px 25px 45px #0000002e}.poster-badge{position:absolute;width:56px;height:56px;border-radius:50%;text-align:center;display:grid;place-content:center;font-family:DM Mono;font-size:7px;line-height:12px;letter-spacing:.03em;border:1px solid rgba(23,23,22,.11);box-shadow:0 7px 15px #17171629}.poster-badge.rating{right:-13px;bottom:18px;background:#f4cd4e;z-index:2}.poster-badge.rank{right:-38px;bottom:-15px;background:#fffdf6;z-index:1;transform:rotate(5deg)}.poster-badge b{font-size:14px;letter-spacing:-.04em}.film-copy{padding-top:4px;max-width:550px}.film-copy h1{font-size:clamp(45px,5vw,72px)}.film-title-row{display:block}.poster-mobile-title{display:none}.title-share{position:relative;display:inline-flex;margin-left:10px;color:#88867f;vertical-align:middle;transition:color .2s ease,transform .2s ease}.title-share:hover,.title-share.copied{color:#b58b00;transform:translateY(-1px)}.title-share svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.copy-feedback{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);padding:5px 7px;border-radius:2px;background:#171716;color:#fbfbf8;font:10px DM Mono;letter-spacing:0;line-height:1;white-space:nowrap;animation:copy-feedback 1.8s ease both}.year{color:#777670;font-family:DM Mono;font-size:12px;margin:17px 0 28px}.synopsis{font-family:Fraunces,serif;font-size:21px;line-height:1.4;max-width:500px;margin:0 0 34px}dl{border-top:1px solid #e4e2dc;margin:0 0 37px}dl div{border-bottom:1px solid #e4e2dc;display:grid;grid-template-columns:90px 1fr;padding:12px 0;font-size:13px}dt{color:#85837e}dd{margin:0}.people-links a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .18s ease,border-color .18s ease}.people-links a:hover{color:#a57f00;border-color:currentColor}.watched-button{display:block}.link-button{display:block;margin-top:17px;font-size:13px;color:#777670}.page-footer{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.page-home,.page-signout{font:12px DM Mono;color:#898781;transition:color .2s ease}.page-home:hover,.page-signout:hover{color:#171716}.shared-ratings{border-top:1px solid #e4e2dc;margin:-8px 0 30px}.shared-rating{border-bottom:1px solid #e4e2dc;padding:11px 0 12px;font-size:12px}.shared-rating>span{font-family:DM Mono;color:#777670}.shared-rating .mini-stars{display:inline-block;margin:0 0 0 9px}.shared-opinion{font-family:Fraunces,serif;color:#585750;margin:7px 0 0;font-size:15px}.flow{padding:14vh 0 0;max-width:620px;margin:auto}.login{padding:14vh 0 0;max-width:440px;margin:auto}.login form{display:grid;gap:17px}.login input{border:1px solid #e2e0db;border-radius:3px;background:#fff;padding:13px 14px;font:16px DM Sans;outline:none}.login input:focus{border-color:#e2b500;box-shadow:0 0 0 3px #fff1ba}.login-error{font-size:13px;color:#b23b28;margin:0}.turnstile{min-height:65px}.login-message{font-size:13px;color:#4d6d3c;margin:0}.auth-switch{justify-self:center;font-size:13px;color:#777670;text-decoration:underline;text-underline-offset:3px}.auth-switch:hover{color:#171716}.save-error{font-size:13px;color:#b23b28;margin:12px 0 0}.flow h1{font-size:70px}.rating-flow h1{animation:rating-title .62s .08s cubic-bezier(.2,.9,.3,1) both}.rating-flow .stars{animation:rating-stars .5s .2s cubic-bezier(.2,.9,.3,1) both}.stars{display:flex;gap:9px;margin:38px 0 8px}.stars button{font-size:53px;color:#deddd8;transition:color .2s ease,transform .2s ease}.stars button:hover{transform:scale(1.05)}.stars button.preview,.stars button.active{color:#f3c82d;animation:fill-star .28s var(--fill-delay, 0ms) cubic-bezier(.2,.9,.3,1) both}.flow textarea{display:block;width:100%;height:170px;background:#fff;border:1px solid #e2e0db;border-radius:3px;padding:17px;font:16px/1.5 DM Sans;resize:vertical;outline:none}.flow textarea{margin-top:14px}.flow textarea:focus{border-color:#e2b500;box-shadow:0 0 0 3px #fff1ba}.flow-actions{margin-top:22px}.archive{max-width:1000px;margin-left:auto;margin-right:auto;padding:9vh 0 60px}.archive-title h1{font-size:64px}.archive-title{text-align:center}.film-list{margin-top:54px;border-top:1px solid #e3e1da}.film-list article{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #e3e1da}.film-list img{width:80px;height:112px;object-fit:cover}.archive-poster-button{display:block;height:fit-content}.archive-poster-button img{transition:transform .2s ease}.archive-poster-button:hover img{transform:translateY(-2px)}.small-date{font-family:DM Mono;font-size:10px;color:#898781;margin:3px 0 8px}.film-list h2{font-family:Fraunces,serif;font-size:24px;font-weight:500;margin:0}.film-list h2 span{font-family:DM Sans;font-size:14px;color:#888}.archive-film-link{font:inherit;color:inherit;text-align:left;transition:color .2s ease}.archive-film-link:hover{color:#a57f00}.archive-share{font:11px DM Mono;color:#898781;transition:color .2s ease}.archive-share:hover{color:#171716}.archive-ratings{margin:13px 0 14px}.archive-rating+.archive-rating{border-top:1px solid #eceae4;margin-top:10px;padding-top:10px}.archive-rating>span{font:11px DM Mono;color:#777670}.archive-rating .mini-stars{display:inline-block;margin:0 0 0 8px}.archive-rating .opinion{margin-top:6px}.edit-rating{vertical-align:middle;margin-left:3px;color:#97948c;transition:color .2s ease}.edit-rating:hover{color:#171716}.edit-rating svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:rgba(26,25,21,.22);backdrop-filter:blur(3px)}.edit-modal{position:relative;width:min(100%,530px);padding:38px;background:#fbfbf8;box-shadow:0 24px 70px #0000002e}.edit-modal h2{font-family:Fraunces,serif;font-size:34px;font-weight:500;margin:0}.edit-modal textarea{display:block;width:100%;height:128px;margin:10px 0 22px;padding:13px;border:1px solid #e2e0db;background:#fff;font:15px/1.5 DM Sans;resize:vertical}.edit-stars{margin:21px 0 0}.modal-close{position:absolute;right:15px;top:11px;font-size:26px;color:#777670}.mini-stars{letter-spacing:2px;color:#e4b817;font-size:13px;margin:9px 0}.mini-stars em{color:#deddd8;font-style:normal}.opinion{font-family:Fraunces,serif;color:#585750;margin:4px 0;font-size:16px}.empty{text-align:center;margin-top:48px;padding:60px 20px}.empty span{font-size:25px;color:#dfb625}.empty h2{font-family:Fraunces,serif;font-size:28px;font-weight:500;margin:12px 0 4px}@keyframes gentle-pulse{0%,to{box-shadow:inset 0 0 0 1px #0000000f,0 0 #f5cb3261}50%{box-shadow:inset 0 0 0 1px #0000000f,0 0 0 9px #f5cb3200}}@keyframes fill-star{0%{color:#deddd8;transform:scale(.86)}to{color:#f3c82d;transform:scale(1)}}@keyframes rating-title{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes rating-stars{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes copy-feedback{0%{opacity:0;transform:translate(-50%,4px)}12%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-3px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 700px){main{padding-left:22px;padding-right:22px}.app-footer .slot-left{margin-left:0}.app-footer .slot-right{margin-right:0}.hero{padding-top:18vh;min-height:100vh}.mood-picker{margin-top:34px}.mood-options{justify-content:center;flex-wrap:wrap;overflow:visible;padding:2px 2px 8px;margin:0 -2px}.mood-option{flex:0 0 auto}.film-view{display:block;padding:0 0 38px}.poster-wrap{width:calc(100% + 44px);height:150vw;max-height:660px;margin:0 -22px;overflow:hidden;background:#e8e6df;position:sticky;top:0;z-index:1}.poster-wrap:after{content:"";position:absolute;z-index:2;inset:auto 0 0;display:block;height:min(26vw,125px);pointer-events:none;background:linear-gradient(to bottom,rgba(251,251,248,0),#fbfbf8)}.poster-backdrop{display:none}.poster-image{position:relative;z-index:1;object-fit:cover;object-position:center top}.poster-wrap:hover .poster-image{transform:none;box-shadow:none}.film-copy{position:relative;z-index:2;width:calc(100% + 44px);margin:-60vw -22px 0;padding:12vw 22px 32px;background:linear-gradient(to bottom,rgba(251,251,248,0),#fbfbf8 40vw);max-width:none;transform:translateY(var(--reveal-offset, 0));transition:transform .36s cubic-bezier(.2,.8,.2,1)}.film-copy.pulling{transition:none}.film-copy h1{font-size:50px}.film-copy .film-title-row{display:block}.poster-mobile-title{display:none}.poster-badge.rating{right:15px;top:15px;bottom:auto}.poster-badge.rank{right:8px;top:60px;bottom:auto}.flow{padding-top:11vh}.flow h1,.archive-title h1{font-size:51px}.stars button{font-size:43px}.archive{padding-top:8vh}.film-list{margin-top:35px}}