:root{font-family:DM Sans,sans-serif;color:#f8ead8;background:#170f0b;font-synthesis:none;--ember:#e7552d;--gold:#efae47;--cream:#f8ead8;--muted:#bfa892;--card:#281c16;--line:#493326;--green:#8bab68}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% 5%,#3a1d12 0,transparent 32%),#170f0b}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #efae4777;outline-offset:3px}.app{min-height:100vh;display:flex;flex-direction:column}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid #ffffff10}header nav{display:flex;gap:8px}header nav button,footer button{border:0;background:none;display:flex;align-items:center;gap:8px;padding:10px;color:var(--muted);cursor:pointer}.logo{font:600 22px Fraunces;background:none;border:0;display:flex;align-items:center;gap:10px;cursor:pointer;padding:0}.logo-mark{width:36px;height:36px;border-radius:50% 45% 48% 42%;display:grid;place-items:center;background:var(--ember);font:700 22px Fraunces;transform:rotate(-5deg)}main{flex:1}.hero{max-width:1050px;margin:auto;padding:clamp(70px,10vw,130px) 24px 80px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}.hero h1,.results h1,.page-head h1,.account-page h1,.paywall h1{font:700 clamp(44px,7vw,82px)/.98 "Fraunces";letter-spacing:-.04em;margin:20px 0}.hero h1 em{color:var(--gold);font-style:italic}.hero-copy{max-width:700px;margin:0 auto 30px;color:var(--muted);font-size:18px;line-height:1.65}.button{border:0;border-radius:12px;background:linear-gradient(135deg,var(--ember),#bd351b);box-shadow:0 10px 28px #0005;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;cursor:pointer;transition:.2s}.button:hover:not(:disabled){transform:translateY(-2px)}.button.secondary{background:#ffffff09;border:1px solid var(--line);box-shadow:none}.button:disabled{opacity:.45;cursor:not-allowed}.free-note,.fine,.hint{color:#987f6c;font-size:13px}.share-link,.switch,.skip,.danger,.back{border:0;background:none;cursor:pointer}.share-link{color:var(--muted);display:flex;gap:8px;align-items:center;margin:20px auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:80px;text-align:left;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.steps>div{background:#1d140f;padding:28px}.steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7552d22;color:var(--ember);font-weight:700;margin-bottom:18px}.steps strong{display:block}.steps p{color:var(--muted);font-size:14px;margin-bottom:0}.flow{max-width:680px;margin:auto;padding:50px 20px 100px}.back{color:var(--muted);display:flex;align-items:center;gap:8px;padding:10px 0;margin-bottom:18px}.flow-card{padding:clamp(24px,5vw,50px);background:linear-gradient(145deg,#2b1e17,#221711);border:1px solid var(--line);border-radius:22px;text-align:center}.pot-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e7552d20;color:var(--ember);margin:0 auto 18px}.flow h2{font:600 clamp(30px,5vw,44px) "Fraunces";margin:8px 0}.flow-card>p{color:var(--muted);margin:0 0 30px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.service-grid button{border:1px solid var(--line);border-radius:12px;padding:13px;display:flex;align-items:center;text-align:left;gap:10px;background:#ffffff04;cursor:pointer}.service-grid button svg{margin-left:auto;opacity:0}.service-grid button.selected{border-color:var(--gold);background:#efae4710}.service-grid button.selected svg{opacity:1;color:var(--gold)}.service-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#3b2a20;color:var(--gold);font-weight:700}.field{display:block;text-align:left;margin:18px 0}.field span{font-size:13px;font-weight:600;color:var(--muted);display:block;margin-bottom:7px}.field input{width:100%;background:#160f0b;border:1px solid var(--line);color:var(--cream);padding:14px;border-radius:10px}.flow form .button,.oauth .button{width:100%}.or{border-top:1px solid var(--line);margin:25px 0;text-align:center;height:1px}.or span{position:relative;top:-10px;background:#261a14;padding:0 12px;color:var(--muted);font-size:13px}.oauth{display:grid;gap:10px}.switch{color:var(--gold);margin-top:22px}.error{margin:18px 0;padding:12px;border-radius:10px;background:#9f2d2230;border:1px solid #d44b3d55;color:#ffb0a7;display:flex;gap:8px;align-items:center;text-align:left;font-size:14px}.people-list{display:grid;gap:8px;margin:20px 0}.people-list>div{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:36px 1fr auto 20px;gap:10px;align-items:center;text-align:left}.people-list>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e7552d22;color:var(--ember);font-weight:700}.people-list small{color:var(--muted)}.people-list svg{color:var(--green)}.flow-card>.button{margin:5px}.rating-screen{max-width:720px;margin:auto;padding:40px 20px 90px;text-align:center}.rating-top{text-align:left;margin-bottom:22px}.rating-top>div:first-child{display:flex;justify-content:space-between}.rating-top span{color:var(--gold);font-weight:700}.rating-top small{color:var(--muted);font-weight:400}.progress{height:5px;background:#38271e;border-radius:10px;margin-top:12px;overflow:hidden}.progress i{display:block;height:100%;max-width:100%;background:var(--ember);transition:.2s}.title-card{min-height:390px;padding:60px 25px 35px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 50% 0,#4b2819,#281b15 50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.type-pill,.rec-meta span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);border:1px solid #efae4744;border-radius:20px;padding:5px 9px}.title-card h2{font:600 clamp(34px,7vw,58px) "Fraunces";margin:20px 0 5px}.title-card>p{color:var(--muted)}.rating-buttons{display:flex;gap:10px;margin:28px 0}.rate{min-width:130px;border:1px solid var(--line);border-radius:12px;background:#1a120e;padding:13px 11px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.rate.selected.loved{color:#ff7e6b;border-color:#ff7e6b;background:#e7552d18}.rate.selected.liked{color:#b7d58f;border-color:#8bab68;background:#8bab6818}.rate.selected.not_for_me{color:#bba38d;border-color:#8f7560;background:#ffffff08}.skip{color:var(--muted)}.deck-nav{display:flex;justify-content:space-between;margin:18px 0;color:var(--muted);font-size:13px}.deck-nav button{background:none;border:0;color:var(--muted);cursor:pointer}.results{max-width:1050px;margin:auto;padding:70px 20px 100px}.results-head{text-align:center;max-width:720px;margin:auto}.results h1{font-size:clamp(42px,7vw,70px)}.results-head>p{color:var(--muted);font-size:17px}.recommendations{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:45px 0}.recommendations article{display:grid;grid-template-columns:56px 1fr;background:var(--card);border:1px solid var(--line);border-radius:17px;overflow:hidden}.pick-number{background:#211610;color:#755a47;font:600 18px Fraunces;padding-top:25px;text-align:center}.rec-main{padding:25px}.rec-meta{display:flex;gap:7px}.rec-main h2{font:600 29px Fraunces;margin:13px 0 8px}.rec-main>p{color:var(--muted);font-size:14px;line-height:1.55;min-height:44px}.where{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.where span{background:#ffffff08;border-radius:7px;padding:6px 8px;font-size:12px}.rating-buttons.compact{margin:10px 0 0}.compact .rate{min-width:0;flex:1;padding:8px 5px;font-size:11px}.result-actions{display:flex;justify-content:center;gap:12px}.paywall{max-width:620px;margin:60px auto 100px;padding:45px;text-align:center;border:1px solid var(--line);border-radius:24px;background:var(--card)}.paywall h1{font-size:52px}.paywall>p{color:var(--muted);line-height:1.6}.price{margin:28px 0}.price span{font-size:25px;vertical-align:top;color:var(--gold)}.price strong{font:700 60px Fraunces}.price small{color:var(--muted)}.price em{display:block;color:var(--gold);font-style:normal;font-size:12px}.paywall ul{list-style:none;padding:0;text-align:left;display:inline-grid;gap:10px}.paywall li{display:flex;align-items:center;gap:10px}.paywall li svg{color:var(--green);width:18px}.history-page,.account-page{max-width:900px;margin:auto;padding:70px 20px 100px}.page-head .eyebrow,.account-page>.eyebrow{justify-content:flex-start}.page-head h1,.account-page h1{font-size:60px}.history-list{display:grid;gap:10px}.history-list button{border:1px solid var(--line);background:var(--card);border-radius:13px;padding:20px;display:grid;grid-template-columns:100px 1fr 2fr 25px;align-items:center;text-align:left;cursor:pointer}.history-list .pot-number{color:var(--gold);font-weight:700}.history-list small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center;color:var(--muted);padding:70px}.empty svg{width:45px;height:45px}.account-card{max-width:620px;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:28px;margin-bottom:18px}.account-card>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0}.account-card span{color:var(--muted)}.account-card .button{margin-top:25px}.status{text-transform:capitalize;color:var(--green)}.danger{display:block;color:#e98174;margin-top:24px;padding:10px 0}footer{min-height:100px;border-top:1px solid #ffffff10;padding:24px clamp(20px,5vw,76px);display:flex;align-items:center;gap:25px;color:#806a59;font-size:13px}footer>span{flex:1}@media(max-width:700px){header{height:68px}header nav button{font-size:0}header nav button svg{width:21px}.steps,.recommendations{grid-template-columns:1fr}.steps{margin-top:55px}.service-grid{grid-template-columns:1fr}.rating-buttons{flex-direction:column;width:100%}.rating-buttons.compact{flex-direction:row}.rate{width:100%}.recommendations article{grid-template-columns:42px 1fr}.rec-main{padding:20px 16px}.compact .rate span{display:none}.history-list button{grid-template-columns:90px 1fr 20px}.history-list small{display:none}.result-actions{flex-direction:column}.paywall{margin:25px 15px;padding:30px 20px}.paywall h1{font-size:42px}footer>span{display:none}}.tagline{font:600 clamp(20px,3vw,28px) "Fraunces";color:var(--cream);margin:-4px 0 16px}.rec-meta .fit-label{color:#21140d;background:var(--gold);border-color:var(--gold);font-weight:800}.result-actions{flex-wrap:wrap}.taste-confirmation{display:flex;align-items:center;gap:12px;margin-top:18px;padding:15px;border:1px solid #8bab6866;border-radius:11px;background:#8bab6814;color:#b7d58f;text-align:left}.taste-confirmation div{display:grid;gap:3px}.taste-confirmation small{color:var(--muted)}.rated-rec{opacity:.88}.rated-rec .pick-number{color:var(--green)}.rating-count{display:flex;align-items:center;gap:10px}.rating-top .minimum-badge{padding:5px 10px;border-radius:999px;background:var(--gold);color:#21140d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 0 4px #efae4718}.spice-picker{margin:24px 0;text-align:left}.spice-label{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.spice-label span{font-weight:700}.spice-label small{color:var(--muted)}.spice-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.spice-options button{padding:12px 7px;border:1px solid var(--line);border-radius:10px;background:#170f0b;color:var(--muted);cursor:pointer}.spice-options button strong,.spice-options button small{display:block}.spice-options button small{font-size:10px;margin-top:4px}.spice-options button.selected{background:var(--gold);border-color:var(--gold);color:#21140d;box-shadow:0 0 0 3px #efae4718}@media(max-width:560px){.spice-label{align-items:start;flex-direction:column;gap:3px}.spice-options{grid-template-columns:1fr}.spice-options button{display:flex;justify-content:space-between;align-items:center}.spice-options button small{margin:0}}.jumble-loader{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#170f0bf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:25px}.spinning-j{width:82px;height:82px;border-radius:50% 43% 48% 42%;display:grid;place-items:center;background:var(--ember);color:var(--cream);font:700 50px Fraunces;box-shadow:0 0 0 10px #e7552d18,0 20px 50px #0008;animation:stir 1.5s cubic-bezier(.55,.1,.45,.9) infinite}.jumble-loader strong{font:600 clamp(30px,5vw,44px) "Fraunces";margin-top:30px}.jumble-loader p{color:var(--gold);font-size:19px;margin:12px 0;animation:message-in .35s ease}.jumble-loader small{color:var(--muted)}@keyframes stir{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}@keyframes message-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.spinning-j,.jumble-loader p{animation:none}}.title-meta{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.genre-pill{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cream);border:1px solid #ffffff24;border-radius:20px;padding:5px 9px}.title-poster{width:112px;aspect-ratio:2/3;object-fit:cover;border-radius:10px;margin:-35px 0 20px;box-shadow:0 14px 30px #0008}.recommendations article.has-poster{grid-template-columns:56px 112px 1fr}.rec-poster{width:92px;aspect-ratio:2/3;object-fit:cover;align-self:start;margin:25px 0 25px 20px;border-radius:9px;box-shadow:0 12px 24px #0007}.rec-meta{flex-wrap:wrap}@media(max-width:700px){.recommendations article.has-poster{grid-template-columns:42px 1fr}.recommendations article.has-poster .pick-number{grid-row:1/3}.rec-poster{grid-column:2;width:104px;margin:20px auto 0}.recommendations article.has-poster .rec-main{grid-column:2}.rec-main{min-width:0}.rec-meta{gap:5px}.rec-meta span{font-size:9px;padding:4px 6px}.title-poster{width:96px;margin-top:-28px}}.claim-notice{position:fixed;top:90px;left:50%;z-index:90;transform:translate(-50%);width:min(620px,calc(100% - 30px));display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #8bab6866;border-radius:12px;background:#24301eee;color:#d8edbd;box-shadow:0 14px 40px #0008}.claim-notice span{flex:1}.claim-notice button{border:0;background:none;display:grid;place-items:center;cursor:pointer}.auth-notice{display:flex;align-items:center;gap:9px;margin:16px 0;padding:12px;border:1px solid #8bab6866;border-radius:10px;background:#8bab6814;color:#d8edbd;text-align:left;font-size:14px}.rating-guidance{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.rating-fallback{max-width:570px;margin:16px auto;padding:12px 15px;border:1px solid #efae4755;border-radius:11px;background:#efae4710;color:var(--gold);font-size:13px;line-height:1.45}.rating-fallback.ready{border-color:#8bab6866;background:#8bab6814;color:#b7d58f}.reroll-panel{max-width:680px;margin:20px auto 28px;padding:22px;border:1px solid var(--line);border-radius:17px;background:#211610;text-align:center}.reroll-panel>div:first-child{display:grid;gap:4px}.reroll-panel>div:first-child strong{font:600 24px Fraunces}.reroll-panel>div:first-child span{color:var(--muted);font-size:14px}.reroll-panel .spice-picker{margin:18px 0}.reroll-panel>.button{width:100%}.history-meta{display:flex;align-items:center;gap:9px;min-width:0}.history-spice{display:inline-flex;padding:4px 7px;border:1px solid #efae4744;border-radius:999px;color:var(--gold);font-size:9px;font-style:normal;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.history-spice.adventurous{color:#e88f72;border-color:#e88f7255}.history-spice.mainstream{color:#b7d58f;border-color:#8bab6866}.history-nav{color:var(--gold)!important}.history-nav svg{filter:drop-shadow(0 0 7px #efae4777)}@media(max-width:700px){.history-meta{align-items:flex-start;flex-direction:column;gap:5px}.history-spice{font-size:8px}.reroll-panel{padding:18px 14px}.history-nav{border:1px solid #efae4755!important;border-radius:50%;background:#efae4712!important;padding:9px!important}}.footer-brand{display:flex;align-items:center;gap:18px;flex:1}.footer-links{display:flex;align-items:center;gap:18px}.footer-links a{color:var(--muted);text-decoration:none;padding:8px 0}.footer-links a:hover,.public-page a{color:var(--gold)}.public-page{max-width:900px;margin:auto;padding:52px 24px 100px}.public-page>.back{margin-bottom:30px}.public-head{max-width:760px;padding-bottom:36px;border-bottom:1px solid var(--line)}.public-head .eyebrow{justify-content:flex-start}.public-head h1{font:700 clamp(44px,7vw,68px)/1 "Fraunces";letter-spacing:-.04em;margin:15px 0}.public-head>p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.6}.public-head small{color:#8e7562}.public-content{max-width:760px}.public-content>section{padding:30px 0;border-bottom:1px solid #ffffff10}.public-content h2{font:600 clamp(24px,4vw,31px) "Fraunces";margin:0 0 13px}.public-content p,.public-content li{color:#cbb5a1;line-height:1.75}.public-content p{margin:10px 0}.public-content ul{padding-left:23px}.public-content li+li{margin-top:7px}.public-content strong{color:var(--cream)}.public-content a{text-underline-offset:3px}.contact-email{font:600 clamp(25px,5vw,38px) "Fraunces";overflow-wrap:anywhere}@media(max-width:850px){footer{align-items:flex-start;flex-wrap:wrap}.footer-brand{min-width:100%}.footer-links{order:3;width:100%;justify-content:center;border-top:1px solid #ffffff10;padding-top:16px}}@media(max-width:700px){.footer-brand>span{display:none}.footer-links{gap:14px;justify-content:space-between}.footer-links a{font-size:12px}.public-page{padding:35px 20px 75px}.public-head{padding-bottom:26px}.public-content>section{padding:24px 0}}
