@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{--boba-pink: #fff7fb;--sea-window: #70d5f2;--milk-tea: #d9a76c;--strawberry-milk: #ff91b8;--strawberry-deep: #ff6fa3;--matcha-mint: #8be6c4;--pudding-yellow: #ffd989;--taro-lilac: #c7a8ff;--ink-plum: #3d2f46;--muted-plum: #7d6d86;--border-pink: #ffd7e8;color:var(--ink-plum);font-family:Nunito,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--boba-pink);background:radial-gradient(circle at 15% 8%,rgba(255,255,255,.9),transparent 30%),radial-gradient(circle at 88% 18%,rgba(255,217,137,.35),transparent 32%),radial-gradient(circle at 50% 100%,rgba(112,213,242,.28),transparent 45%),linear-gradient(160deg,#fff7fb,#ffeaf3 48%,#ffe0ee)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20200%20200'%20xmlns='http://www.w3.org/2000/svg'%20role='img'%20aria-hidden='true'%3e%3cg%20fill='%23FF91B8'%20opacity='0.5'%3e%3ccircle%20cx='30'%20cy='30'%20r='10'/%3e%3ccircle%20cx='130'%20cy='60'%20r='8'/%3e%3ccircle%20cx='90'%20cy='120'%20r='11'/%3e%3ccircle%20cx='170'%20cy='150'%20r='9'/%3e%3ccircle%20cx='50'%20cy='170'%20r='7'/%3e%3c/g%3e%3cg%20fill='%2370D5F2'%20opacity='0.4'%3e%3ccircle%20cx='160'%20cy='35'%20r='7'/%3e%3ccircle%20cx='70'%20cy='70'%20r='6'/%3e%3ccircle%20cx='20'%20cy='110'%20r='8'/%3e%3ccircle%20cx='120'%20cy='170'%20r='7'/%3e%3c/g%3e%3cg%20fill='%238BE6C4'%20opacity='0.4'%3e%3ccircle%20cx='110'%20cy='20'%20r='6'/%3e%3ccircle%20cx='180'%20cy='100'%20r='6'/%3e%3ccircle%20cx='40'%20cy='80'%20r='5'/%3e%3c/g%3e%3c/svg%3e");background-size:220px 220px;opacity:.4}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.cafe-shell{position:relative;min-height:100vh;overflow:hidden;padding:150px clamp(16px,4vw,56px) 80px}.cafe-scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.scene-awning{position:absolute;top:0;left:0;width:100%;height:96px;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%201200%20120'%20preserveAspectRatio='none'%20xmlns='http://www.w3.org/2000/svg'%20role='img'%20aria-hidden='true'%3e%3cdefs%3e%3cclipPath%20id='awnClip'%3e%3cpath%20d='M0%200%20H1200%20V40%20L1200%2040%20C1140%2040%201140%20110%201080%20110%20C1020%20110%201020%2040%20960%2040%20C900%2040%20900%20110%20840%20110%20C780%20110%20780%2040%20720%2040%20C660%2040%20660%20110%20600%20110%20C540%20110%20540%2040%20480%2040%20C420%2040%20420%20110%20360%20110%20C300%20110%20300%2040%20240%2040%20C180%2040%20180%20110%20120%20110%20C60%20110%2060%2040%200%2040%20Z'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23awnClip)'%3e%3crect%20x='0'%20y='0'%20width='1200'%20height='120'%20fill='%23FF91B8'/%3e%3cg%20fill='%23FFFFFF'%3e%3crect%20x='120'%20y='0'%20width='120'%20height='120'/%3e%3crect%20x='360'%20y='0'%20width='120'%20height='120'/%3e%3crect%20x='600'%20y='0'%20width='120'%20height='120'/%3e%3crect%20x='840'%20y='0'%20width='120'%20height='120'/%3e%3crect%20x='1080'%20y='0'%20width='120'%20height='120'/%3e%3c/g%3e%3c/g%3e%3crect%20x='0'%20y='0'%20width='1200'%20height='18'%20fill='%23FFD7E8'/%3e%3c/svg%3e");background-size:540px 96px;background-repeat:repeat-x;filter:drop-shadow(0 12px 22px rgba(255,111,163,.25));animation:awning-drop 1s cubic-bezier(.22,1,.36,1)}.scene-window{position:absolute;top:84px;right:-90px;width:min(56vw,640px);opacity:.5;animation:window-bob 9s ease-in-out infinite}.scene-foam{position:absolute;bottom:-6px;left:0;width:100%;height:clamp(120px,18vh,200px);opacity:.85;animation:foam-sway 11s ease-in-out infinite}.scene-cup{position:absolute;bottom:40px;left:-30px;width:min(34vw,300px);opacity:.92;filter:drop-shadow(0 24px 40px rgba(61,47,70,.2));animation:cup-bounce 4.6s ease-in-out infinite;transform-origin:bottom center}.scene-particles{position:absolute;top:18%;left:8%;width:min(40vw,460px);opacity:.7;animation:particle-drift 14s ease-in-out infinite}.steam{position:absolute;bottom:320px;left:80px;width:16px;height:70px;border-radius:999px;background:linear-gradient(to top,rgba(255,255,255,.8),transparent);filter:blur(2px);opacity:0;animation:steam-rise 5s ease-in-out infinite}.steam-b{left:120px;animation-delay:1.4s}.steam-c{left:160px;animation-delay:2.8s}.boba-float{position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc2dc,#ff7fae);box-shadow:0 0 14px #ff91b899;animation:boba-up 12s linear infinite}.float-1{left:22%;bottom:-30px;animation-delay:0s}.float-2{left:48%;bottom:-30px;width:14px;height:14px;background:radial-gradient(circle at 35% 30%,#b6f2dc,#8be6c4);animation-delay:3s}.float-3{left:68%;bottom:-30px;width:18px;height:18px;background:radial-gradient(circle at 35% 30%,#bfe6ff,#70d5f2);animation-delay:6s}.float-4{left:84%;bottom:-30px;width:12px;height:12px;background:radial-gradient(circle at 35% 30%,#ffeeb8,#ffd989);animation-delay:9s}.sparkle{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff,0 0 30px var(--strawberry-milk);animation:sparkle-twinkle 4.4s ease-in-out infinite}.spark-a{top:24%;left:16%}.spark-b{top:60%;right:14%;animation-delay:1.1s}.spark-c{bottom:26%;left:40%;animation-delay:2s}.spark-d{top:40%;right:32%;animation-delay:3.1s}.cafe-nav{position:fixed;top:22px;left:50%;z-index:30;display:flex;width:min(1140px,calc(100vw - 28px));align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border:2px solid rgba(255,199,223,.9);border-radius:26px;background:#ffffffc7;box-shadow:0 20px 50px #ff6fa333;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.brand-cup{display:inline-flex;align-items:center;gap:12px;padding:4px 14px 4px 6px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--strawberry-milk),var(--taro-lilac));box-shadow:0 10px 20px #ff6fa34d;animation:cup-tilt 5s ease-in-out infinite}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.12rem;color:var(--strawberry-deep)}.brand-text em{font-size:.74rem;font-style:normal;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-plum)}.cafe-nav nav{display:flex;gap:8px}.nav-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font-weight:800;color:var(--muted-plum);transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}.nav-chip.active,.nav-chip:hover{color:#fff;background:linear-gradient(135deg,var(--strawberry-milk),var(--strawberry-deep));box-shadow:0 12px 26px #ff6fa352;transform:translateY(-2px)}.page-shell{position:relative;z-index:1;width:min(1140px,100%);margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:9px 18px;border:2px solid var(--border-pink);border-radius:999px;background:#ffffffd1;color:var(--strawberry-deep);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem}.eyebrow-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc2dc,#ff6fa3)}h1,h2,h3,p{margin-top:0}h1{max-width:980px;margin-bottom:18px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.02;color:var(--ink-plum)}.lead,.hero-copy>p{max-width:780px;color:var(--muted-plum);font-size:clamp(1rem,2vw,1.18rem);line-height:1.75}.hero-greeting{color:var(--ink-plum);font-weight:700}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:26px;align-items:stretch;margin-top:8px}.glass-card,.hero-copy,.flavor-panel,.loyalty-card,.interest-cup,.flavor-card,.register-card,.receipt-copy,.thanks-receipt,.menu-banner{border:2px solid rgba(255,199,223,.85);background:#ffffffc7;box-shadow:0 24px 60px #3d2f461f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-copy{border-radius:30px;padding:clamp(22px,4vw,38px)}.identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.info-chip{min-height:92px;padding:15px 16px;border:2px solid rgba(255,199,223,.8);border-radius:20px;background:linear-gradient(135deg,#fff7fbeb,#ffeaf3eb)}.info-chip span{display:block;margin-bottom:7px;color:var(--strawberry-deep);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.info-chip strong{font-size:1.02rem;line-height:1.35}.style-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px}.style-label{font-weight:800;color:var(--muted-plum)}.loyalty-card{position:relative;display:flex;flex-direction:column;min-height:520px;padding:22px;border-radius:34px;overflow:hidden}.loyalty-tape{position:absolute;top:16px;left:50%;width:130px;height:26px;transform:translate(-50%) rotate(-3deg);background:#8be6c499;border:2px dashed rgba(255,255,255,.8);border-radius:6px}.avatar-frame{position:relative;flex:1;margin-top:18px;border-radius:26px;overflow:hidden;border:4px solid #fff;box-shadow:0 18px 40px #3d2f4633}.avatar-photo{width:100%;height:100%;object-fit:cover;object-position:50% 25%;min-height:360px}.avatar-badge{position:absolute;bottom:14px;right:14px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--strawberry-milk),var(--strawberry-deep));box-shadow:0 10px 22px #ff6fa366}.loyalty-foot{margin-top:16px}.loyalty-foot img{display:block;width:100%}.interest-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.interest-cup{position:relative;padding:26px 26px 26px 84px;border-radius:26px;overflow:hidden}.interest-icon{position:absolute;top:24px;left:22px;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--matcha-mint),var(--sea-window));box-shadow:0 10px 20px #70d5f24d}.interest-cup h3{margin-bottom:8px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.25rem}.interest-cup p{margin:0;color:var(--muted-plum);line-height:1.7}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.flavor-panel{position:relative;border-radius:28px;padding:clamp(22px,3vw,32px);overflow:hidden}.flavor-panel .panel-straw{position:absolute;top:-10px;right:30px;width:14px;height:80px;border-radius:999px;background:var(--matcha-mint);transform:rotate(12deg);opacity:.8}.accent-pink .panel-straw{background:var(--strawberry-milk)}.accent-mint .panel-straw{background:var(--matcha-mint)}.accent-blue .panel-straw{background:var(--sea-window)}.accent-lilac .panel-straw{background:var(--taro-lilac)}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.panel-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--strawberry-milk),var(--strawberry-deep))}.accent-mint .panel-icon{background:linear-gradient(135deg,var(--matcha-mint),var(--sea-window))}.accent-blue .panel-icon{background:linear-gradient(135deg,var(--sea-window),var(--taro-lilac))}.accent-lilac .panel-icon{background:linear-gradient(135deg,var(--taro-lilac),var(--strawberry-milk))}.panel-title h2{margin:0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(1.2rem,2vw,1.55rem)}ul{margin:0;padding-left:22px;color:var(--muted-plum);line-height:1.8}ul li{margin-bottom:8px}.panel-text{margin:0;color:var(--muted-plum);line-height:1.8}.boba-chips{display:flex;flex-wrap:wrap;gap:10px}.boba-chips span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 15px;border:2px solid rgba(255,199,223,.9);border-radius:999px;background:#ffffffd9;font-weight:800;color:var(--ink-plum)}.chip-pearl{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8a5a40,#4a2e20)}.boba-chips.dark span{color:#fff;border-color:#ffffff4d;background:#ffffff29}.boba-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.boba-pearl-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;border-radius:20px;border:2px solid rgba(255,199,223,.7);background:linear-gradient(160deg,#fff7fbf2,#ffeaf3e6);text-align:center;cursor:default}.pearl-dot{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffc2dc,#ff6fa3);box-shadow:0 8px 16px #ff6fa359}.boba-pearl-item:nth-child(3n+2) .pearl-dot{background:radial-gradient(circle at 35% 28%,#b6f2dc,#8be6c4);box-shadow:0 8px 16px #8be6c459}.boba-pearl-item:nth-child(3n) .pearl-dot{background:radial-gradient(circle at 35% 28%,#bfe6ff,#70d5f2);box-shadow:0 8px 16px #70d5f259}.pearl-label{font-weight:800;font-size:.92rem;color:var(--ink-plum)}.menu-banner{display:flex;align-items:center;gap:24px;margin-top:20px;padding:22px clamp(20px,3vw,32px);border-radius:26px}.menu-banner img{width:min(220px,40%);flex-shrink:0;animation:window-bob 7s ease-in-out infinite}.menu-banner p{margin:0;color:var(--muted-plum);font-size:1.05rem;line-height:1.7}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}.flavor-card{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding:30px 26px 26px;border-radius:30px;overflow:hidden}.card-awning{position:absolute;top:0;left:0;width:100%;height:12px;background:repeating-linear-gradient(90deg,var(--cup-accent) 0 22px,#fff 22px 44px);opacity:.85}.flavor-cup{position:relative;width:100px;height:150px;align-self:start;margin-top:6px}.flavor-cup .cup-straw{position:absolute;top:-22px;left:58px;width:12px;height:70px;border-radius:999px;background:var(--cup-accent);transform:rotate(10deg);transform-origin:bottom center;animation:straw-wiggle 3.4s ease-in-out infinite}.cup-lid{position:absolute;top:6px;left:0;width:100px;height:18px;border-radius:10px;background:var(--border-pink)}.cup-liquid{position:absolute;top:22px;left:8px;width:84px;height:122px;border-radius:6px 6px 18px 18px;background:linear-gradient(to bottom,color-mix(in srgb,var(--cup-accent) 55%,#fff),var(--cup-accent));border:3px solid #fff;overflow:hidden}.cup-bubble{position:absolute;bottom:8px;width:16px;height:16px;border-radius:50%;background:#4a2e20eb;animation:boba-bounce 2.6s ease-in-out infinite}.cup-bubble.b1{left:12px}.cup-bubble.b2{left:34px;animation-delay:.4s}.cup-bubble.b3{left:56px;animation-delay:.8s}.cup-number{position:absolute;bottom:-4px;right:-6px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:800;color:#fff;background:var(--cup-accent);box-shadow:0 8px 16px #3d2f4633}.flavor-body{min-width:0}.flavor-tag{display:inline-block;margin-bottom:8px;padding:5px 13px;border-radius:999px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--cup-accent)}.flavor-chapter{display:block;font-weight:800;color:var(--strawberry-deep);font-size:.92rem}.flavor-body h2{margin:4px 0 12px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.2}.flavor-goal{color:var(--ink-plum);font-weight:700;line-height:1.55}.flavor-process{color:var(--muted-plum);line-height:1.7}.flavor-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.flavor-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:2px solid rgba(255,199,223,.9);border-radius:999px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.flavor-action.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--strawberry-milk),var(--strawberry-deep));box-shadow:0 12px 26px #ff6fa34d}.flavor-action.secondary{color:var(--ink-plum);background:#ffffffd9}.flavor-action:hover,.flavor-action:focus-visible{transform:translateY(-3px);box-shadow:0 16px 32px #3d2f462e}.receipt-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:24px;margin-top:8px;align-items:stretch}.register-card{display:flex;align-items:center;justify-content:center;padding:26px;border-radius:30px}.register-card img{width:min(280px,90%);animation:window-bob 8s ease-in-out infinite}.receipt-copy{border-radius:30px;padding:clamp(24px,4vw,38px);background:#3d2f46eb!important;border-color:#ffffff2e!important;color:#fff}.receipt-stamp{display:inline-block;margin-bottom:16px;padding:7px 16px;border-radius:999px;font-weight:800;color:var(--matcha-mint);border:2px dashed rgba(139,230,196,.6)}.receipt-summary{font-size:1.12rem;font-weight:700;line-height:1.7;color:#fff}.receipt-experience{color:#ffffffc7;line-height:1.75}.receipt-copy h3{margin:22px 0 14px;font-family:"M PLUS Rounded 1c",sans-serif;color:var(--pudding-yellow)}.thanks-receipt{position:relative;margin-top:24px;padding:38px clamp(24px,5vw,56px);border-radius:30px;text-align:center}.thanks-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:16px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--strawberry-milk),var(--strawberry-deep));box-shadow:0 14px 30px #ff6fa359;animation:cup-bounce 3.4s ease-in-out infinite}.thanks-receipt p{max-width:760px;margin:0 auto 18px;font-size:clamp(1.02rem,2vw,1.2rem);line-height:1.8;color:var(--ink-plum);font-weight:600}.thanks-seal{display:inline-block;padding:8px 20px;border-radius:999px;font-weight:800;color:var(--strawberry-deep);background:#ff91b829;border:2px solid var(--border-pink)}@keyframes awning-drop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes window-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-1deg)}}@keyframes foam-sway{0%,to{transform:translate(0)}50%{transform:translate(-30px)}}@keyframes cup-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.02)}}@keyframes particle-drift{0%,to{transform:translate(0) rotate(-2deg)}50%{transform:translate(20px,-16px) rotate(3deg)}}@keyframes steam-rise{0%{opacity:0;transform:translateY(0) scaleY(.6)}40%{opacity:.8}to{opacity:0;transform:translateY(-90px) scaleY(1.2)}}@keyframes boba-up{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.9}90%{opacity:.9}to{transform:translateY(-110vh) translate(20px);opacity:0}}@keyframes sparkle-twinkle{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}@keyframes cup-tilt{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes straw-wiggle{0%,to{transform:rotate(10deg)}50%{transform:rotate(16deg)}}@keyframes boba-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:900px){.cafe-shell{padding-top:180px}.cafe-nav{flex-direction:column;align-items:stretch;border-radius:24px}.brand-cup{justify-content:center}.cafe-nav nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nav-chip{justify-content:center;padding:0 8px}.hero-grid,.two-column,.interest-row,.menu-grid,.receipt-grid{grid-template-columns:1fr}.scene-cup{width:200px;opacity:.75}.scene-particles,.boba-float.float-3,.boba-float.float-4{display:none}}@media(max-width:560px){.cafe-shell{padding-inline:12px}.identity-grid,.boba-grid{grid-template-columns:1fr 1fr}.flavor-card{grid-template-columns:1fr}.flavor-cup{margin:0 auto}.menu-banner{flex-direction:column;text-align:center}.menu-banner img{width:min(200px,60%)}.nav-chip span{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.boba-float,.steam,.sparkle{display:none}}