/* Reconstructed seamless cup scene; no photographic background or color filter. */
.glass-scene.jp{background:none;border-radius:0;overflow:visible;aspect-ratio:4/5;isolation:isolate;perspective:950px;--fill:0}
.glass-scene .vessel{position:absolute;inset:9% 12% 9%;transform-origin:50% 70%;filter:drop-shadow(0 2px 1px #46503712)}
.glass-scene svg{width:100%;height:100%;overflow:visible;display:block}
.glass-scene .cup-shadow{position:absolute;bottom:4%;left:16%;width:72%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#273b2660, #29332118 44%,transparent 72%);filter:blur(9px);transform:scaleX(1.2)}
.glass-scene .liquid{transform:translateY(calc((1 - var(--fill)) * 360px));transition:transform 1.05s cubic-bezier(.22,.7,.2,1);opacity:clamp(0,calc(var(--fill)*30),1)}
.glass-scene .liquid-color{fill:var(--juice,#d5dc88);transition:fill 700ms ease}
.glass-scene .falling{position:absolute;z-index:5;width:22%;height:auto;object-fit:contain;left:39%;top:0;pointer-events:none;filter:drop-shadow(0 4px 5px #16351c18)}
.cup-controls{display:flex;justify-content:center;gap:12px;margin-top:8px;position:relative;z-index:5}
.cup-controls button{background:transparent;border:1px solid #183b2838;color:var(--ink);padding:8px 14px;border-radius:30px;cursor:pointer;font:500 12px var(--body)}
.cup-controls button:focus-visible,#reset-blend:focus-visible{outline:3px solid #567b39;outline-offset:4px}
.cup-concept{font:400 11px var(--body);color:var(--sage);text-align:center;margin:8px 0}
@media(prefers-reduced-motion:reduce){.glass-scene .liquid,.glass-scene .liquid-color{transition:none!important}.glass-scene .falling{display:none}}