@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT,WONK@9..144,400..700,50..100,0..1&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#eef2f3;--bg2:#e3eaec;--paper:#f7f9f9;--paper-edge:rgba(16,42,54,.08);--ink:#102a36;--ink2:#3d5a6c;--ink3:#7a92a0;--rule:rgba(16,42,54,.18);--rule-soft:rgba(16,42,54,.08);--overlay:rgba(16,42,54,.04);--accent:#00a9d3;--accent-deep:#0084a8;--accent-soft:rgba(0,169,211,.18);--on-accent:#08222a;--gold:#d8a84b;--serif:"Fraunces",Georgia,serif;--body:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;font-family:var(--body);color:var(--ink)}a{color:inherit;text-decoration:none}::-moz-selection{background:#00a9d34d}::selection{background:#00a9d34d}.page{min-height:100vh}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:baseline;gap:18px;font-family:var(--serif);font-style:italic;font-size:1.75rem;line-height:1;letter-spacing:-.01em}.brand small{font-family:var(--body);font-style:normal;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);white-space:nowrap}.nav{display:flex;gap:28px;flex-wrap:wrap;align-items:center;color:var(--ink2)}.nav a{font-size:.86rem;padding:4px 0}.nav a.router-link-active,.nav a:hover{color:var(--ink);box-shadow:0 2px 0 var(--accent)}.hero{min-height:calc(100vh - 190px);padding:clamp(56px,10vh,120px) 0 64px;display:flex;flex-direction:column;justify-content:center}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(3.4rem,8vw,7.25rem);line-height:.95;letter-spacing:-.035em;margin:0;max-width:1080px;text-wrap:balance}.hero strong{color:var(--accent-deep);font-style:italic;font-weight:500;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:.12em}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:56px;flex-wrap:wrap}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);font-size:.68rem;font-weight:700}.lead{font-size:1.15rem;color:var(--ink2);max-width:680px;margin:0 auto 28px}.button{border:0;border-radius:999px;padding:15px 22px;font-size:.95rem;font-weight:700;background:var(--accent);color:var(--on-accent);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:none}.button:hover{background:var(--accent-deep)}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--rule)}.button-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--on-accent);color:var(--accent)}.wave-divider{width:100%;height:14px;margin-top:56px;opacity:.55;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14'%3E%3Cpath fill='none' stroke='%2300a9d3' stroke-linecap='round' stroke-width='1.4' d='M0 7q16-6 32 0t32 0'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:64px 14px;background-position:0}.hero-wave{margin-top:clamp(88px,14vh,150px)}.reveal-anchor{scroll-margin-top:24px}.reveal-anchor.has-reveal{min-height:520px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card,.drink-card{background:color-mix(in srgb,var(--paper) 86%,transparent);color:var(--ink);border-radius:0;padding:24px;box-shadow:none;border:1px solid var(--paper-edge);-webkit-backdrop-filter:none;backdrop-filter:none}.drink-card{position:relative;margin:26px auto;max-width:920px;padding:clamp(24px,4vw,40px);animation:reveal .45s ease both}.refresh-button{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:999px;border:1px solid var(--rule);background:transparent;color:var(--ink2);font-size:1.35rem;line-height:1;cursor:pointer}.refresh-button:hover{color:var(--accent-deep);border-color:var(--accent);background:var(--accent-soft)}.drink-title{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,7vw,5.5rem);line-height:.95;letter-spacing:-.03em;margin:0}.drink-copy{min-width:0}.drink-description{max-width:680px;color:var(--ink2);font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.45;margin:24px 0 28px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.drink-title-link{display:inline-block}.drink-title-link:hover .drink-title{color:var(--accent-deep)}.drink-title em,.leaderboard-page em,.section-heading em{color:var(--accent-deep);font-style:italic}.original{color:var(--ink3);margin-top:4px}.meta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.pill{border-radius:0;padding:7px 10px;background:transparent;color:var(--accent-deep);border:1px solid var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.rating-pill{display:inline-flex;align-items:center;gap:8px;letter-spacing:.04em}.section-title{font-family:var(--serif);font-weight:500;margin-bottom:8px}.list{padding-left:20px;line-height:1.75;color:var(--ink2)}.star-rating{display:inline-flex;gap:2px;vertical-align:middle;line-height:1}.star-rating.interactive{cursor:pointer}.star-wrap{position:relative;display:inline-block;font-size:1.35rem;width:1.05em}.star-base,.star-wrap{color:var(--rule-soft)}.star-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;color:var(--accent);pointer-events:none}.rating-meta{color:var(--ink3);font-size:.8rem;white-space:nowrap}.leaderboard-page{margin:56px auto;max-width:920px}.back-link{display:inline-flex;margin:24px 0 6px;border:0;background:transparent;padding:0;cursor:pointer}.back-link:hover{color:var(--accent-deep)}.next-drink-panel{display:block;max-width:920px;margin:24px auto 0;padding:22px 24px;border:1px solid var(--paper-edge);background:color-mix(in srgb,var(--paper) 76%,transparent);transition:background .12s,border-color .12s}.next-drink-panel:hover{background:var(--paper);border-color:var(--rule)}.next-drink-panel .section-title{margin:8px 0 4px}.leaderboard-page .drink-title{max-width:780px}.leaderboard-list{width:100%;max-width:920px;margin:6px auto 0}.leaderboard-row{display:grid;grid-template-columns:44px minmax(160px,1.25fr) minmax(120px,.9fr) minmax(120px,1.1fr) 94px;gap:18px;align-items:center;padding:18px 8px;border-bottom:1px solid var(--rule-soft);color:var(--ink);transition:background .12s}.leaderboard-row:hover{background:var(--overlay)}.leaderboard-rank{font-family:var(--serif);font-style:italic;font-size:1.75rem;color:var(--accent-deep);font-variant-numeric:tabular-nums}.leaderboard-name{font-family:var(--serif);font-size:1.35rem}.leaderboard-original{font-family:var(--serif);font-style:italic;color:var(--ink3)}.leaderboard-meter{position:relative;height:6px;background:var(--rule-soft);border-radius:3px;overflow:hidden}.leaderboard-meter span{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:inherit}.leaderboard-score{text-align:right;color:var(--ink3);font-size:.78rem;font-variant-numeric:tabular-nums}.leaderboard-score small{display:block;letter-spacing:.04em}.leaderboard-teaser{max-width:920px;margin:clamp(24px,8vh,92px) auto 0;padding:32px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}.leaderboard-teaser h2,.section-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.25rem,4.2vw,3.4rem);line-height:.98;letter-spacing:-.025em;margin:12px 0 0}.teaser-link{display:inline-flex;margin-top:18px;color:var(--ink);border:1px solid var(--rule);border-radius:999px;padding:12px 18px;text-decoration:none;font-weight:600;font-size:.85rem}.rating-panel{margin-top:24px;padding:18px;border:1px solid var(--rule-soft);border-radius:0;background:var(--overlay)}.account-card{max-width:920px;margin:40px auto}.rating-history-card{position:relative;padding-right:54px}.close-button{position:absolute;top:12px;right:12px;width:32px;height:32px;border:1px solid var(--rule-soft);background:transparent;color:var(--ink3);font-size:1.35rem;line-height:1;cursor:pointer}.close-button:hover{color:var(--accent-deep);border-color:var(--accent);background:var(--accent-soft)}.drink-card-actions{display:flex;align-items:center;gap:14px;margin-top:30px;padding-top:20px;border-top:1px solid var(--rule-soft)}.share-button,.text-link-action{border:0;background:transparent;color:var(--ink2);font:inherit;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:0;cursor:pointer}.share-button:hover,.text-link-action:hover{color:var(--accent-deep)}.share-message{color:var(--ink3);font-size:.82rem}.rating-panel .star-wrap{font-size:1.75rem}.rating-details{margin-top:14px;display:grid;gap:12px;max-width:520px}.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.footer{padding:64px 0 36px;color:var(--ink3);text-align:left;max-width:920px;margin-top:80px}.form{max-width:480px;margin:40px auto}.auth-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid var(--rule-soft)}.auth-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid var(--rule);border-radius:999px;color:var(--accent-deep);font-weight:800;font-size:.9rem;text-decoration:none}.auth-links a:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.auth-links p{flex-basis:100%;margin:4px 0 0;color:var(--ink3);font-size:.88rem;line-height:1.45}.input{width:100%;padding:13px 14px;border-radius:0;background:#ffffff73;color:var(--ink);margin:8px 0 16px}.input,.notice{border:1px solid var(--rule)}.notice{border-radius:0;padding:12px 14px;background:var(--overlay);color:var(--ink2)}.notice.error{border-color:#b2563873;color:#8a3a1a}.notice.success{border-color:#00a9d373;color:var(--accent-deep)}button:disabled{opacity:.55;cursor:not-allowed}.skeleton-card{min-height:440px}.skeleton-line{height:16px;border-radius:999px;margin:12px 0;background:linear-gradient(90deg,#102a360f,#102a3624,#102a360f);background-size:220% 100%;animation:shimmer 1.35s ease-in-out infinite}.skeleton-line.title{height:clamp(40px,7vw,70px);width:min(620px,82%)}.skeleton-line.short{width:42%}.skeleton-line.wide{width:78%}.skeleton-line.section{height:22px;width:55%;margin-top:0}.skeleton-line.tiny{height:12px}.fade-enter-active,.fade-leave-active{transition:all .25s}.fade-enter-from{opacity:0;transform:translateY(12px)}@keyframes reveal{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media(max-width:820px){.header{align-items:flex-start}.brand,.header{flex-direction:column}.brand{gap:5px}.recipe-grid{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:34px 1fr 76px;gap:12px}.leaderboard-meter,.leaderboard-original{display:none}.leaderboard-name{font-size:1.1rem}.leaderboard-score{font-size:.72rem}}