#mug-stage{overflow:visible;min-height:620px;margin-top:-8px}#mug-stage:before{width:112%;height:85%;left:-6%;top:7%;background:radial-gradient(ellipse at 50% 48%,#f1b34a22 0,#e6a8380b 38%,transparent 68%);filter:blur(8px)}#mug-stage:after{content:'';position:absolute;inset:12% 6% 15%;border-radius:50%;border:1px solid #e6b35a13;box-shadow:0 0 80px #e4a92a0a,inset 0 0 80px #b5d9bc05;transform:rotate(-20deg);pointer-events:none;z-index:-1}#mug-canvas{height:620px;min-height:620px;touch-action:pan-y}.visual-word{font-size:clamp(50px,6.5vw,100px);inset:50px -3px auto auto;letter-spacing:-3px;opacity:.8}.fresh-label{top:38px;left:8%;padding:11px 14px;border-color:#e9bd6855;color:#f4dba4;background:#263024cc;backdrop-filter:blur(8px);transform:rotate(-8deg);box-shadow:0 10px 30px #0002}.hello-label{right:0;top:46%;max-width:190px;line-height:1.4;transform:rotate(6deg);background:#fff3d8;color:#3e341e;box-shadow:0 14px 32px #0003;font-size:10px;letter-spacing:0}.mug-controls{position:absolute;bottom:27px;left:0;right:0;z-index:3;display:flex;justify-content:center;align-items:center;gap:9px}.mug-controls .cheers-button{position:static;transform:none;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 19px;min-height:44px;background:linear-gradient(135deg,#ffe09b,#efba52);color:#2b301e;border:1px solid #f9d78999;border-radius:30px;font-size:12px;box-shadow:0 6px 28px #e8ac3522;transition:transform .2s,box-shadow .2s}.mug-controls .cheers-button span{font-size:19px;margin:0}.mug-controls .cheers-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #e8ac3544}.mug-pour{border:1px solid #e4c87c55;border-radius:30px;padding:12px 15px;min-height:44px;background:#253128c9;backdrop-filter:blur(8px);color:#e3d7b7;font-size:11px;font-weight:600;display:flex;gap:6px;align-items:center;transition:border-color .2s,background .2s}.mug-pour:hover{background:#354032;border-color:#e4c87c}.mug-pour:disabled{opacity:.6}.mug-pour svg{width:15px;height:15px}.visual-caption{bottom:0;font-size:9px;letter-spacing:.15px;color:#b9b49e}.visual-number{bottom:-22px;right:3%;opacity:.7}.mug-live-badge{position:absolute;z-index:2;left:9%;top:112px;display:flex;align-items:center;gap:6px;color:#b9c7af;font-size:8px;font-weight:600;letter-spacing:1.5px;pointer-events:none}.mug-live-badge i{width:5px;height:5px;background:#f1c366;border-radius:50%;box-shadow:0 0 10px #f1c366aa}#mug-stage[data-effect=cheers]:before{animation:mug-glow 1.8s ease-out}#mug-stage[data-effect=pour] .mug-live-badge i{animation:mug-breathe .65s infinite alternate}@keyframes mug-glow{0%{opacity:.45;transform:scale(.9)}35%{opacity:1;transform:scale(1.13)}100%{opacity:1;transform:scale(1)}}@keyframes mug-breathe{to{opacity:.25}}@media(max-width:1100px){#mug-stage,#mug-canvas{min-height:560px}#mug-canvas{height:560px}.mug-controls{gap:7px}.mug-controls .cheers-button{padding:11px 15px;font-size:11px}.mug-pour{padding:11px 12px;font-size:10px}.hello-label{right:-4px;max-width:150px;font-size:9px}.fresh-label{left:1%;top:40px;font-size:8px}.mug-live-badge{left:3%;top:103px}}@media(max-width:760px){#mug-stage{margin:0;min-height:500px}#mug-canvas{min-height:500px;height:500px;max-width:100%}.fresh-label{top:14px;left:6%;font-size:8px}.mug-live-badge{left:8%;top:70px}.hello-label{top:45%;right:0;font-size:9px;max-width:145px;padding:10px 12px}.mug-controls{bottom:25px;gap:8px}.mug-controls .cheers-button{padding:11px 17px}.mug-pour{padding:11px 14px}.visual-caption{bottom:0}.visual-number{display:none}.visual-word{font-size:64px;top:30px}.hero-visual:before{max-width:100%;left:0}}@media(max-width:360px){.mug-controls{gap:6px}.mug-controls .cheers-button{font-size:10px;padding:11px 13px}.mug-pour{font-size:9px;padding:11px 11px}.hello-label{max-width:125px;font-size:8px}}@media(prefers-reduced-motion:reduce){#mug-stage:before,#mug-stage .mug-live-badge i{animation:none!important}.mug-controls button{transition:none}.mug-fallback{animation:none}}

@media(min-width:761px) and (max-height:850px){.hero{padding-top:30px;min-height:590px}#mug-stage{min-height:540px}#mug-canvas{height:540px;min-height:540px}.fresh-label{top:25px}.mug-live-badge{top:90px}}

button.mug-live-badge{pointer-events:auto;min-height:32px;top:100px;padding:5px 8px;margin-left:-8px;background:#2130257a;border:1px solid #c5bc7740;border-radius:20px;font-size:8px;cursor:pointer;transition:background .2s}button.mug-live-badge:hover{background:#354532}#mug-stage[data-motion=reduced] .mug-live-badge i{background:#b3bdab;box-shadow:none}#mug-stage[data-motion=full] .mug-live-badge i{background:#f1c366;box-shadow:0 0 10px #f1c366aa}@media(min-width:761px) and (max-height:850px){button.mug-live-badge{top:81px}}@media(max-width:760px){button.mug-live-badge{top:61px}}
button.mug-live-badge{min-height:40px}#mug-stage[data-motion=full][data-effect=cheers]:before{animation:mug-glow 1.8s ease-out}#mug-stage[data-motion=reduced]:before{animation:none}

@media(max-width:760px){.hello-label{top:27%;max-width:140px}}