@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-top: #0b1120;--bg-bottom: #0f172a;--stroke: rgba(255, 255, 255, .08);--cyan: #38bdf8;--blue: #818cf8;--lime: #a3e635;--pink: #f472b6;--white: #f8fafc;--muted: #94a3b8;--dark: #020617}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100%;min-height:-webkit-fill-available;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--white);background:radial-gradient(circle at 15% 15%,rgba(56,189,248,.08),transparent 30%),radial-gradient(circle at 85% 18%,rgba(244,114,182,.06),transparent 30%),radial-gradient(circle at 70% 85%,rgba(163,230,53,.06),transparent 30%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;word-break:break-word;overflow-wrap:break-word}.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:linear-gradient(rgba(255,255,255,1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,1) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.page{min-height:100vh;min-height:-webkit-fill-available;display:flex;align-items:center;justify-content:center;padding:max(32px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(48px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));position:relative;width:100%}.shell{width:100%;max-width:min(420px,100%);position:relative}.glow-orb{position:absolute;border-radius:999px;filter:blur(50px);opacity:.4;z-index:0;pointer-events:none;animation:float 10s ease-in-out infinite}.orb-1{width:180px;height:180px;background:#38bdf82e;top:-50px;left:-30px}.orb-2{width:200px;height:200px;background:#f472b61f;right:-40px;top:220px;animation-delay:3s}.orb-3{width:160px;height:160px;background:#a3e6351a;left:0;bottom:10px;animation-delay:5.5s}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-14px) translate(8px)}}.card{position:relative;z-index:1;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--stroke);border-radius:28px;box-shadow:0 40px 80px -20px #0000008c,inset 0 1px #ffffff0a;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);overflow:hidden;width:100%}.top-band{height:5px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--pink),var(--lime));opacity:.7}.inner{padding:24px 18px 26px}.pill-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;padding:6px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);min-width:0;white-space:nowrap}.plate{display:inline-flex;align-items:center;justify-content:center;padding:5px 13px;border-radius:7px;background:linear-gradient(180deg,#f8fafc,#e2e8f0);color:#0f172a;font-weight:800;letter-spacing:.18em;font-size:12px;border:1px solid #cbd5e1;box-shadow:0 4px 14px #0000001f,inset 0 1px #fff;transform:rotate(-2deg);flex-shrink:0;white-space:nowrap}.hero{text-align:center;margin-bottom:26px}.eyebrow{font-family:"Baloo 2",sans-serif;font-size:clamp(14px,4vw,17px);font-weight:700;color:var(--cyan);margin-bottom:4px;opacity:.85;letter-spacing:.01em}h1{font-family:"Baloo 2",sans-serif;font-size:clamp(32px,10vw,44px);line-height:1.05;font-weight:800;letter-spacing:-.025em;color:var(--white);margin-bottom:10px;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.headline-glow{background:linear-gradient(135deg,#fff 25%,#ffffffa6);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{max-width:270px;margin:0 auto;color:var(--muted);font-size:clamp(13px,3.8vw,15px);line-height:1.55;font-weight:500}.drink-wrap{position:relative;margin-bottom:24px}.drink-frame{position:relative;border-radius:20px;padding:6px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);box-shadow:0 28px 56px -16px #00000073}.drink-image{position:relative;border-radius:15px;overflow:hidden;background:var(--dark)}.drink-image img{display:block;width:100%;height:auto;max-width:100%;transition:transform .6s ease;object-fit:cover}.drink-wrap:hover .drink-image img{transform:scale(1.02)}.copy-card{text-align:center;position:relative;padding-top:6px}.cta-spotlight{position:absolute;inset:-20px -30px;background:radial-gradient(ellipse at 50% 60%,rgba(56,189,248,.07) 0%,transparent 70%);pointer-events:none;border-radius:24px}.menu-line{margin:0 0 20px;color:var(--muted);font-size:clamp(12px,3.5vw,13.5px);font-weight:500;opacity:.75;letter-spacing:.01em;position:relative}.cta{margin-bottom:0;position:relative}.btn-ring-wrap{position:relative;border-radius:18px}.btn-ring-wrap:before{content:"";position:absolute;inset:-3px;border-radius:19px;background:transparent;border:1.5px solid rgba(248,250,252,0);pointer-events:none;transition:border-color .4s ease}.btn-ring-wrap.ring-active:before{animation:ring-pulse 3s ease-in-out .8s infinite}@keyframes ring-pulse{0%,to{border-color:#f8fafc00;box-shadow:0 0 #f8fafc00}45%,55%{border-color:#f8fafc33;box-shadow:0 0 14px 2px #f8fafc12}}.btn{display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none;border-radius:16px;padding:18px 22px;min-height:54px;font-size:clamp(14px,4vw,16px);font-weight:600;font-family:Inter,sans-serif;border:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent;word-break:normal;white-space:normal;text-align:center;line-height:1.3}.btn:active{transform:scale(.965)!important}.btn-pending{background:#ffffff0f;border:1px solid rgba(255,255,255,.09);color:#ffffff47;cursor:default;pointer-events:none}.btn-active{background:var(--white);color:#0b1120;animation:btn-arrive .55s cubic-bezier(.16,1,.3,1) both,pulse-glow 3.5s ease-in-out .7s infinite}.btn-active:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translate(-100%);transition:transform 0s}.btn-active:hover:after{transform:translate(100%);transition:transform .55s ease}.btn-active:hover{box-shadow:0 10px 32px -8px #ffffff4d}.btn-nudge{animation:btn-arrive .55s cubic-bezier(.16,1,.3,1) both,pulse-glow 3.5s ease-in-out .7s infinite,btn-nudge .65s cubic-bezier(.36,.07,.19,.97) both!important}@keyframes btn-nudge{0%{transform:translateY(0)}30%{transform:translateY(-3px)}60%{transform:translateY(1px)}to{transform:translateY(0)}}.btn-label{position:relative;z-index:1}.label-pending{transition:opacity .25s ease}.label-active{animation:label-rise .45s cubic-bezier(.16,1,.3,1) both}@keyframes btn-arrive{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes label-rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f8fafc00,0 6px 20px -6px #fff3}50%{box-shadow:0 0 0 5px #f8fafc0e,0 6px 20px -6px #ffffff52}}.mini-note{margin-top:18px;color:var(--muted);font-size:clamp(11px,3vw,12.5px);font-weight:500;opacity:.55;letter-spacing:.01em}.animate-fade-in{opacity:0;animation:fadeIn .7s ease .05s forwards}.animate-slide-up{opacity:0;transform:translateY(14px);animation:slideUp .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media(max-width:375px){.page{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(36px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));align-items:flex-start}.inner{padding:20px 14px 22px}.pill-row{margin-bottom:18px}.pill{font-size:9px;padding:5px 10px;letter-spacing:.07em}.plate{font-size:11px;padding:4px 11px}.hero,.drink-wrap{margin-bottom:20px}.drink-frame{padding:5px}.sticker{font-size:11px;padding:5px 11px;right:10px;bottom:10px}}@media(max-width:320px){.inner{padding:18px 12px 20px}.pill-row{gap:8px}.pill{font-size:8.5px;padding:5px 9px}h1{font-size:28px}}@media(min-width:390px){.inner{padding:26px 20px 28px}.pill{font-size:10.5px;padding:7px 14px}.plate{font-size:13px;padding:6px 14px}.hero{margin-bottom:28px}.drink-wrap{margin-bottom:26px}.btn{padding:18px 22px}}@media(min-width:430px){.page{padding-top:max(40px,env(safe-area-inset-top));padding-bottom:max(56px,env(safe-area-inset-bottom))}.inner{padding:28px 24px 32px}.btn{padding:19px 24px;min-height:56px}}