:root{--purple:#7c2fa0;--purple-soft:#9a5bbf;--teal:#189aac;--ink:#4a3850;--ink-soft:#8a7790;--cream:#fffaf5;--wa:#25d366;--wa-deep:#1aa851;--card:rgba(255,255,255,0.72);--line:rgba(124,47,160,0.1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{font-family:Noto Sans SC,Fredoka,system-ui,sans-serif;color:var(--ink);background:#fef3f6}.page{position:relative;min-height:100dvh;padding:30px 18px calc(34px + env(safe-area-inset-bottom));display:flex;justify-content:center;overflow:hidden;background:radial-gradient(125% 75% at 50% -8%,#fff1e2 0,rgba(255,241,226,0) 52%),linear-gradient(168deg,#fdeaf0,#f8ecf6 46%,#f5eef8)}.page:after{content:"";inset:0;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.blob,.page:after{position:fixed;z-index:0;pointer-events:none}.blob{border-radius:50%;filter:blur(46px);opacity:.5}.blob-a{width:280px;height:280px;top:-70px;right:-80px;background:#ffd6e6;animation:drift 11s ease-in-out infinite}.blob-b{width:260px;height:260px;bottom:-60px;left:-90px;background:#d9d2ff;animation:drift 13s ease-in-out infinite reverse}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(18px,24px)}}.shell{position:relative;z-index:1;width:100%;max-width:430px;display:flex;flex-direction:column;align-items:stretch}.hero{text-align:center;margin-bottom:22px}.mascot{width:192px;margin:0 auto 2px;animation:float 4.5s ease-in-out infinite}.mascot img{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 18px rgba(124,47,160,.16))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.wordmark{width:264px;margin:0 auto}.wordmark img{width:100%;height:auto;display:block}.tagline{margin-top:12px;font-size:15px;color:var(--ink);display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.pin,.tagline{font-weight:700}.pin{background:var(--teal);color:#fff;font-size:12.5px;padding:4px 11px;border-radius:999px;letter-spacing:.2px}.hello{margin-top:9px;font-family:Ma Shan Zheng,Noto Sans SC,cursive;font-size:19px;color:var(--purple);display:inline-flex;align-items:center;gap:6px;transform:rotate(-1.5deg)}.i-steam{width:17px;height:17px;color:var(--teal);animation:steam 3.2s ease-in-out infinite}@keyframes steam{0%,to{transform:translateY(0);opacity:.85}50%{transform:translateY(-2px);opacity:1}}.cta{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(180deg,#2bdd6e 0,var(--wa) 60%,var(--wa-deep) 100%);color:#fff;text-decoration:none;box-shadow:0 14px 26px -10px rgba(26,168,81,.6);overflow:hidden;transition:transform .18s cubic-bezier(.16,1,.3,1)}.cta,.cta-ring{border-radius:22px}.cta-ring{position:absolute;inset:0;border:2px solid rgba(255,255,255,.55);opacity:0;animation:ring 2.8s ease-out infinite;pointer-events:none}@keyframes ring{0%{transform:scale(.98);opacity:.55}70%,to{transform:scale(1.04);opacity:0}}.cta .i-wa{width:30px;height:30px;flex:none}.cta-text{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.cta-text b{font-size:18px;font-weight:900;letter-spacing:.3px}.cta-text small{font-size:12px;font-weight:500;opacity:.92;line-height:1.3}.i-arrow{width:20px;height:20px;flex:none;opacity:.9}.cta:active{transform:scale(.975)}.loc{margin-top:10px;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:16px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(124,47,160,.16);box-shadow:0 8px 18px -13px rgba(124,47,160,.45);text-decoration:none;color:var(--ink);font-size:13px;font-weight:600;transition:transform .18s cubic-bezier(.16,1,.3,1)}.loc .i-pin{width:20px;height:20px;flex:none;color:var(--teal)}.loc b{color:var(--purple);font-weight:800}.loc:active{transform:scale(.975)}.socials{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.soc{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 4px 11px;border-radius:18px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 18px -12px rgba(124,47,160,.45);text-decoration:none;color:var(--ink);transition:transform .18s cubic-bezier(.16,1,.3,1)}.soc svg{width:26px;height:26px}.soc span{font-size:11.5px;font-weight:700}.soc:active{transform:scale(.94)}.soc.ig svg{color:#d6307c}.soc.tt svg{color:#18181b}.soc.xhs svg{color:#ff2742}.soc.fb svg{color:#1877f2}.menu{position:relative;margin-top:30px;padding:24px 18px 16px;border-radius:22px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 22px -14px rgba(124,47,160,.45)}.menu-sticker{position:absolute;top:-16px;left:16px;font-family:Ma Shan Zheng,Noto Sans SC,cursive;font-size:21px;line-height:1;color:#fff;background:var(--purple);padding:8px 16px 9px;border-radius:13px;transform:rotate(-3deg);box-shadow:0 7px 14px -7px rgba(124,47,160,.6)}.hero-item{display:flex;align-items:center;gap:12px}.hi-info{display:flex;flex-direction:column;gap:1px;flex:1 1;min-width:0}.hi-info b{font-size:17px;font-weight:900;color:var(--ink)}.hi-info .en{font-size:12px;font-weight:600;color:var(--ink-soft)}.hi-price{display:flex;align-items:baseline;gap:7px;flex:none}.hi-price s{font-size:13px;font-weight:700;color:var(--ink-soft);opacity:.7}.hi-now{position:relative;display:inline-flex}.hi-price strong{font-size:26px;font-weight:900;color:#e0608a;line-height:1}.i-squiggle{position:absolute;left:-3px;right:-3px;bottom:-7px;width:calc(100% + 6px);height:8px;color:#f4a93f}.hi-desc{font-weight:600;color:var(--teal);background:rgba(24,154,172,.09);padding:9px 11px;border-radius:12px;text-align:center}.hi-desc,.soon{margin-top:10px;font-size:12.5px}.soon{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--ink-soft);padding-top:11px;border-top:1px solid var(--line)}.soon-tag{background:#f4c544;color:#5a4500;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:.3px;flex:none}.note{position:relative;margin-top:16px;padding:17px 18px 15px;border-radius:18px;background:linear-gradient(180deg,rgba(255,252,244,.92),rgba(255,247,250,.92));border:1px solid rgba(124,47,160,.12);box-shadow:0 8px 18px -14px rgba(124,47,160,.4);transform:rotate(-.6deg)}.note-hand{font-family:Ma Shan Zheng,Noto Sans SC,cursive;font-size:18.5px;line-height:1.55;color:var(--ink)}.note-sign{display:block;margin-top:8px;text-align:right;font-family:Caveat,cursive;font-size:17px;font-weight:700;letter-spacing:.3px;color:var(--purple)}.ugc{margin-top:14px;text-align:center;font-size:13px;font-weight:600;color:var(--ink);background:rgba(255,255,255,.55);border:1px dashed rgba(124,47,160,.28);padding:11px 14px;border-radius:14px}.ugc b{color:var(--purple);font-weight:800}.foot{margin-top:22px;text-align:center;color:var(--ink-soft);display:flex;flex-direction:column;gap:3px;align-items:center}.foot-hand{font-family:Caveat,cursive;font-size:21px;font-weight:700;color:var(--purple-soft)}.foot a{font-size:13.5px;font-weight:800;color:var(--purple);text-decoration:none}.foot-loc{font-size:12px;font-weight:700}.anim{opacity:0;transform:translateY(14px);animation:rise .62s cubic-bezier(.16,1,.3,1) forwards}.d1{animation-delay:.05s}.d2{animation-delay:.14s}.d3{animation-delay:.23s}.d4{animation-delay:.32s}.d4b{animation-delay:.37s}.d5{animation-delay:.42s}.d6{animation-delay:.52s}.d6b{animation-delay:.58s}.d7{animation-delay:.66s}@keyframes rise{to{opacity:1;transform:translateY(0)}}.mascot.anim{animation:rise .62s cubic-bezier(.16,1,.3,1) .05s forwards,float 4.5s ease-in-out .7s infinite}.hello.anim{animation:riseHello .62s cubic-bezier(.16,1,.3,1) .23s forwards}.note.anim{animation:riseNote .62s cubic-bezier(.16,1,.3,1) .58s forwards}@keyframes riseHello{0%{opacity:0;transform:translateY(14px) rotate(-1.5deg)}to{opacity:1;transform:translateY(0) rotate(-1.5deg)}}@keyframes riseNote{0%{opacity:0;transform:translateY(14px) rotate(-.6deg)}to{opacity:1;transform:translateY(0) rotate(-.6deg)}}@media (prefers-reduced-motion:reduce){.anim,.blob,.cta-ring,.mascot{animation:none!important;opacity:1!important;transform:none!important}}@media (hover:hover){.cta:hover,.soc:hover{transform:translateY(-2px)}}@media (max-width:360px){.soc span{font-size:10.5px}.cta-text small{font-size:11px}}