.kcb-app .kcb-panel{position:relative}
.kcb-app [data-kcb-form][aria-busy="true"] .kcb-actions{visibility:hidden}
.kcb-app .kcb-mixing[hidden]{display:none!important}
.kcb-app .kcb-mixing{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;background:radial-gradient(ellipse at 50% 38%,#fffdf8,#f3e8dc);text-align:center;padding:20px;color:#402719}
.kcb-app .kcb-mixing h3{font-size:clamp(18px,4vw,25px);margin:10px 0;font-weight:800;color:inherit}
.kcb-app .kcb-mixing small{color:#8b684c;font-size:12px;letter-spacing:0}
.kcb-app .kcb-mixing p{font-size:14px;margin:0;color:#76543e}
.kcb-app .kcb-mixing-art{width:220px;height:180px;position:relative;margin-bottom:22px;direction:ltr}
.kcb-app .kcb-mixing-bowl{position:absolute;left:20px;top:65px;width:180px;height:104px;border-radius:50%;background:linear-gradient(140deg,#e3c6a0,#9b6943);box-shadow:0 17px 0 -4px #805334,0 27px 0 -13px #563723,0 40px 28px -20px #4b2b2940;padding:9px;transform:rotate(-8deg)}
.kcb-app .kcb-powder-swirl{width:100%;height:100%;overflow:hidden;border-radius:50%;background:#452a1c;position:relative;box-shadow:inset 0 4px 9px #20100980}
.kcb-app .kcb-powder-swirl:before{content:"";position:absolute;inset:-45%;border-radius:50%;background:repeating-radial-gradient(circle,#ffffff15 0 1px,transparent 1px 4px),conic-gradient(from 20deg,#bb8554,#bb8554 var(--mix-share,50%),#422619 0,#765037);animation:kcb-swirl 1.25s ease-in-out infinite}
.kcb-app .kcb-powder-swirl:after{content:"";position:absolute;inset:17%;border-radius:50%;border:2px solid #d9ad7438;box-shadow:0 0 0 10px #d9ad7418,inset 0 0 15px #24130950}
.kcb-app .kcb-powder-stream{position:absolute;top:0;width:34px;height:90px;z-index:2;opacity:0;background-image:radial-gradient(circle,#b58253 1.4px,transparent 2px);background-size:9px 11px;animation:kcb-pour .6s linear infinite;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.kcb-app .kcb-powder-stream.is-light{left:65px;transform:rotate(-23deg)}
.kcb-app .kcb-powder-stream.is-dark{right:65px;transform:rotate(23deg);background-image:radial-gradient(circle,#492b1c 1.4px,transparent 2px);animation-delay:.15s}
.kcb-app .kcb-mixing-progress{width:120px;height:3px;background:#ddc8b3;border-radius:4px;overflow:hidden;margin-top:24px;direction:ltr}
.kcb-app .kcb-mixing-progress i{height:100%;display:block;background:#805132;transform-origin:left;animation:kcb-mix-progress 2.2s ease-in-out both}
@keyframes kcb-swirl{to{transform:rotate(360deg)}}
@keyframes kcb-pour{0%{opacity:0;background-position:0 0}20%,80%{opacity:.9}100%{opacity:0;background-position:0 33px}}
@keyframes kcb-mix-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-height:650px){.kcb-app .kcb-mixing-art{transform:scale(.8);margin:-15px 0 0}.kcb-app .kcb-mixing-progress{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.kcb-app .kcb-mixing *,.kcb-app .kcb-mixing *:before{animation:none!important}}