.scoop-measure-cafe{--coral:#ef715e;--teal:#168e91;--ink:#174e59;background:linear-gradient(180deg,#fff0b5,#b9f0e6 54%,#75c8ba)}.scoop-measure-cafe .prek-immersive-heading p{color:#7f4a2c}.scoop-measure-cafe.is-immersive .prek-machine{background:#5fb9ad;box-shadow:0 10px 0 #2d817c,0 22px 42px #174e5945}.scoop-measure-cafe.is-immersive .prek-prompt,.scoop-measure-cafe.is-immersive .prek-status{background:#fffdf1ef;box-shadow:0 7px 20px #174e5930}.scoop-measure-cafe.is-immersive .prek-stars svg{color:#98aaa1;fill:#e4eee8}.scoop-measure-cafe.is-immersive .prek-stars svg.is-done{color:#db7c23;fill:#ffe068}.scoop-measure-cafe.is-immersive .prek-stars svg.is-current{color:#12898b;fill:#75e1d0}.smc-scene{position:absolute;z-index:0;inset:0;min-height:0;overflow:hidden;border:0;border-radius:0;color:#fff;background:#9dd8c4;box-shadow:none;isolation:isolate}.smc-background{z-index:-6;object-fit:cover;object-position:50% 50%;pointer-events:none;user-select:none;transform:scale(1.002)}.smc-sunlight{position:absolute;z-index:-4;inset:0;background:linear-gradient(180deg,#fff8d91f 0 42%,#22483f0a 100%);pointer-events:none}.smc-cups{position:absolute;z-index:12;top:51%;left:50%;display:grid;width:min(72%,735px);grid-template-columns:minmax(180px,1fr) 82px minmax(180px,1fr);align-items:end;justify-items:center;gap:clamp(8px,1.5vw,20px);transform:translate(-50%,-46%)}.smc-cup-station{position:relative;display:flex;min-width:180px;flex-direction:column;align-items:center;justify-content:flex-end;filter:drop-shadow(0 14px 13px #3b291c52)}.smc-side-label{position:relative;z-index:7;display:grid;min-width:92px;min-height:38px;place-items:center;margin-bottom:-5px;border:3px solid #fff;border-radius:999px;color:#fff;background:linear-gradient(145deg,#ff9d73,#dc594e);box-shadow:inset 0 3px #ffffff52,0 5px 0 #9b453d;font-size:18px;font-weight:1000;letter-spacing:.08em}.smc-side-label.is-right{background:linear-gradient(145deg,#51d4c9,#168e91);box-shadow:inset 0 3px #ffffff52,0 5px 0 #12656d}.smc-cup{position:relative;width:clamp(142px,18vw,190px);height:var(--cup-height);min-height:158px;max-height:228px;overflow:hidden;border:7px solid #fafffff0;border-top:10px solid #fafffff0;border-radius:22px 22px 49px 49px/18px 18px 32px 32px;background:linear-gradient(100deg,#ffffff84,#d7fff22e 43%,#ffffff6e 51%,#d7fff22c);box-shadow:inset 12px 0 #ffffff33,inset -11px 0 #5e9d9c20,0 8px 0 #87bdb8,0 15px 18px #244a4145;transition:filter .2s ease,transform .2s ease}.smc-cup:before{position:absolute;z-index:5;top:-6px;right:9px;left:9px;height:13px;border-radius:50%;background:#dffff7;box-shadow:inset 0 4px #88bdb6,0 2px #fff;content:""}.smc-cup-station.is-active .smc-cup{filter:drop-shadow(0 0 12px #fff36c) drop-shadow(0 0 20px #fff36c);transform:translateY(-5px) scale(1.025)}.smc-liquid{position:absolute;z-index:1;right:5px;bottom:5px;left:5px;height:var(--fill-level);max-height:calc(100% - 11px);overflow:hidden;border-radius:12px 12px 37px 37px/9px 9px 26px 26px;background:radial-gradient(circle at 25% 58%,#ffffff72 0 3px,transparent 4px),radial-gradient(circle at 72% 73%,#ffffff66 0 4px,transparent 5px),linear-gradient(180deg,#6be6ec,#25a8ce 54%,#237cc3);box-shadow:inset 0 -12px 20px #1251a44a,inset 12px 0 #ffffff24;transition:height .38s cubic-bezier(.2,.9,.3,1.15)}.smc-water-line{position:absolute;z-index:2;top:-3px;right:-4px;left:-4px;height:13px;border-radius:50%;background:#9effff;box-shadow:inset 0 -5px #35b6d2,0 2px 5px #146c9b4c}.smc-liquid i{position:relative;display:inline-block;width:8px;height:8px;margin:24px 7px 0;border:2px solid #e7ffffb8;border-radius:50%;animation:smc-bubble 1.8s ease-in var(--bubble-delay) infinite}.smc-marks{position:absolute;z-index:4;top:22px;right:10px;bottom:18px;display:flex;flex-direction:column;justify-content:space-evenly}.smc-marks span{width:23px;height:3px;border-radius:999px;background:#197b8a7d;box-shadow:0 1px #fff9}.smc-count{position:relative;z-index:8;display:flex;min-width:142px;min-height:49px;align-items:center;justify-content:center;gap:7px;margin-top:-8px;padding:4px 13px;border:3px solid #fff;border-radius:999px;color:#174e59;background:#fffbe8;box-shadow:0 6px 0 #b67b44,0 10px 18px #34271e45;font-size:18px;font-weight:1000}.smc-count b{color:#d95148;font-size:30px;line-height:1}.smc-same-scoop{display:grid;width:76px;height:92px;place-items:center;align-self:center;margin-bottom:25px;padding:8px 5px;border:3px solid #fff;border-radius:22px;color:#164f58;background:#fff9dfe8;box-shadow:0 6px 0 #c58e4f,0 11px 18px #4934223d;line-height:.9}.smc-same-scoop span{font-size:12px;font-weight:900;text-transform:uppercase}.smc-same-scoop b{color:#ea6754;font-size:34px;font-weight:1000}.smc-same-scoop small{font-size:14px;font-weight:1000}.smc-choices,.smc-scoop-button{position:absolute;z-index:24;bottom:47px;left:50%;transform:translateX(-50%)}.smc-scoop-button{display:grid;min-width:176px;min-height:78px;cursor:pointer;grid-template-columns:64px auto 35px;align-items:center;gap:5px;padding:5px 14px 5px 6px;border:5px solid #fff;border-radius:29px;color:#fff;background:linear-gradient(145deg,#ffaf55,#ec6b47);box-shadow:inset 0 5px #ffffff50,0 8px 0 #a74732,0 14px 22px #48302059;font:1000 24px/1 var(--font-nunito),ui-rounded,sans-serif;touch-action:manipulation;transition:filter .15s ease,transform .15s ease}.smc-scoop-button>span{position:relative;width:64px;height:62px;transform:rotate(-23deg)}.smc-scoop-button img{object-fit:contain}.smc-scoop-button small{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;color:#9c4530;background:#fff5aa;font-size:17px}.smc-choices{gap:12px}.smc-choices,.smc-choices button{display:flex;align-items:center;justify-content:center}.smc-choices button{min-width:128px;min-height:72px;cursor:pointer;gap:8px;padding:9px 16px;border:5px solid #fff;border-radius:25px;color:#fff;background:linear-gradient(145deg,#45c9bd,#137f8a);box-shadow:inset 0 5px #ffffff4f,0 8px 0 #0d5d66,0 14px 20px #3034254f;font:1000 22px/1 var(--font-nunito),ui-rounded,sans-serif;text-transform:capitalize;touch-action:manipulation;transition:filter .15s ease,transform .15s ease}.smc-choices button:first-child{background:linear-gradient(145deg,#ff9c68,#df554c);box-shadow:inset 0 5px #ffffff4f,0 8px 0 #a33d3c,0 14px 20px #3034254f}.smc-choices button:nth-child(3){background:linear-gradient(145deg,#a98bdc,#7050b6);box-shadow:inset 0 5px #ffffff4f,0 8px 0 #4d3989,0 14px 20px #3034254f}.smc-choices button span{font-size:27px}.smc-choices button:hover:not(:disabled),.smc-scoop-button:hover{filter:brightness(1.08);transform:translateY(-4px)}.smc-scoop-button:hover{transform:translate(-50%,-4px)}.smc-scoop-button:active{transform:translate(-50%,4px)}.smc-choices button:active:not(:disabled){transform:translateY(4px)}.smc-choices button:disabled{cursor:default;filter:saturate(.7);opacity:.78}.smc-choices button:focus-visible,.smc-scoop-button:focus-visible{outline:6px solid #fff05c;outline-offset:4px}.smc-cherry{position:absolute;z-index:18;bottom:23px;left:13px;width:clamp(145px,18vw,210px);aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 12px 8px #33281d4b)}.smc-cherry img{object-fit:contain}.smc-cherry.is-happy{animation:smc-cheer .65s cubic-bezier(.2,1.4,.4,1)}.smc-cherry.is-wrong{animation:smc-wiggle .5s ease}.smc-feedback{position:absolute;z-index:22;top:118px;left:50%;max-width:min(72%,650px);margin:0;padding:9px 18px;border:3px solid #fff;border-radius:999px;color:#164f58;background:#fffceded;box-shadow:0 6px 0 #b6804eaa,0 11px 18px #48342238;font-size:clamp(16px,1.9vw,20px);font-weight:1000;line-height:1.12;text-align:center;transform:translateX(-50%)}.smc-scene.is-wrong .smc-feedback{color:#922d31;background:#fff0efed}@keyframes smc-bubble{0%{opacity:0;transform:translateY(18px) scale(.7)}25%{opacity:.85}to{opacity:0;transform:translateY(-68px) scale(1.15)}}@keyframes smc-cheer{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(-5deg) scale(1.07)}to{transform:translateY(0) rotate(0)}}@keyframes smc-wiggle{0%,to{transform:translateX(0)}25%{transform:translateX(-8px) rotate(-3deg)}75%{transform:translateX(8px) rotate(3deg)}}@media (max-width:760px){.smc-cups{top:49%;width:min(91%,590px);grid-template-columns:minmax(120px,1fr) 58px minmax(120px,1fr);gap:4px}.smc-cup-station{min-width:120px}.smc-cup{width:clamp(116px,29vw,160px);max-height:205px}.smc-side-label{min-width:74px;min-height:32px;font-size:14px}.smc-count{min-width:116px;min-height:43px;font-size:14px}.smc-count b{font-size:26px}.smc-same-scoop{width:56px;height:76px;margin-bottom:22px;border-radius:18px}.smc-same-scoop b{font-size:28px}.smc-same-scoop small{font-size:11px}.smc-feedback{top:108px;max-width:76%;padding:7px 12px;font-size:15px}.smc-cherry{bottom:19px;left:-5px;width:145px}.smc-choices,.smc-scoop-button{bottom:36px}.smc-choices{gap:7px}.smc-choices button{min-width:102px;min-height:66px;gap:5px;padding:8px 10px;font-size:18px}}@media (max-width:520px){.smc-background{object-position:49% 50%}.smc-cups{top:49%;width:96%;transform:translate(-50%,-45%) scale(.94)}.smc-cup{width:116px;max-height:187px}.smc-count{min-width:108px;padding-inline:8px}.smc-same-scoop{transform:scale(.9)}.smc-cherry{bottom:11px;left:-15px;width:120px;opacity:.96}.smc-scoop-button{bottom:25px;min-width:160px;min-height:70px;grid-template-columns:54px auto 32px;font-size:21px}.smc-scoop-button>span{width:54px;height:54px}.smc-choices{right:7px;bottom:24px;left:7px;gap:5px;transform:none}.smc-choices button{min-width:0;min-height:64px;flex:1 1 0;border-width:4px;border-radius:20px;font-size:16px}.smc-choices button span{font-size:22px}.smc-feedback{top:103px;max-width:74%;font-size:13px}}@media (max-height:720px) and (min-width:700px){.smc-cups{top:49%;transform:translate(-50%,-43%) scale(.86)}.smc-feedback{top:103px}.smc-choices,.smc-scoop-button{bottom:29px}.smc-cherry{width:165px}}@media (prefers-reduced-motion:reduce){.smc-choices button,.smc-cup,.smc-liquid,.smc-scoop-button{transition:none}.smc-cherry,.smc-liquid i{animation:none!important}}