.latte-scene-wrap{isolation:isolate;background:radial-gradient(at 50% 54%,#3a4030 0%,#22261c 50%,#171b14 100%);border:1px solid #c7956533;width:100%;min-width:0;max-width:450px;position:relative;overflow:hidden}.latte-scene-heading{color:var(--copper);letter-spacing:2px;justify-content:space-between;gap:16px;padding:22px 22px 0;font-size:12px;line-height:1.5;display:flex}.latte-scene-heading span:last-child{color:#b8bcac;letter-spacing:1px}.latte-art{aspect-ratio:560/380;width:100%;height:auto;display:block;overflow:visible}.latte-scene-footer{justify-content:space-between;align-items:center;gap:12px;min-height:65px;padding:0 16px 15px 22px;display:flex}.latte-scene-footer p{font-family:var(--font-serif);color:#e5ddc7;font-size:clamp(17px,2vw,22px);font-style:italic}.latte-scene-wrap .scene-pause{color:#f1e6d2;background:#1c2219;border-color:#c795655e;flex:0 0 44px;width:44px;height:44px;position:static}.latte-scene-wrap .scene-pause:hover{border-color:var(--copper);background:#303629}.latte-pool,.latte-ripple,.latte-pitcher,.latte-pour{opacity:0}.latte-finish{stroke-dasharray:1;stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.latte-scene-wrap .latte-art *{animation:none!important}.latte-pattern{opacity:1!important;transform:none!important}.latte-finish{opacity:1!important;stroke-dashoffset:0!important}.latte-pitcher,.latte-pour,.latte-pool,.latte-ripple{opacity:0!important}}@media (max-width:380px){.latte-scene-heading{letter-spacing:1.5px;padding:18px 16px 0;font-size:11px}.latte-scene-footer{padding-left:16px}}