.beat-timer-cafe{--hot:#ef7f62;--deep:#a94e44;--ink:#493f57;background:linear-gradient(180deg,#a7e6ed,#ffe0ad 65%,#dfa06b 0)}.beat-timer-cafe .prek-immersive-heading p{color:#8f503b}.btc-scene{overflow:hidden;color:#443c50;isolation:isolate}.btc-background,.btc-background img,.btc-background span,.btc-scene{position:absolute;inset:0}.btc-background{z-index:-2;overflow:hidden;pointer-events:none;background:#f6c98d}.btc-background img{width:100%;height:100%;object-fit:cover;object-position:center}.btc-background span{background:linear-gradient(180deg,#fff1,transparent 55%,#713d181c),radial-gradient(circle at 54% 44%,#fff8 0 12%,transparent 44%)}.btc-work-area{position:absolute;z-index:9;top:50%;left:50%;display:grid;width:min(560px,calc(100% - 360px));justify-items:center;gap:21px;translate:-50% -50%}.btc-machine{--machine-color:#ffbe65;--machine-accent:#dc743e;position:relative;width:min(470px,100%);padding:35px 28px 28px;border:8px solid #fff3d9;border-radius:44px 44px 36px 36px;background:linear-gradient(145deg,color-mix(in srgb,var(--machine-color) 76%,#fff),var(--machine-color) 46%,var(--machine-accent) 47%,color-mix(in srgb,var(--machine-accent) 84%,#6a3d2f));box-shadow:inset 0 6px #ffffff80,inset 0 -12px #713b2f30,0 12px 0 color-mix(in srgb,var(--machine-accent) 75%,#693b32),0 24px 42px #5b342842}.btc-machine:after,.btc-machine:before{position:absolute;bottom:-22px;width:76px;height:29px;border-radius:0 0 18px 18px;background:color-mix(in srgb,var(--machine-accent) 82%,#58372e);box-shadow:inset 0 -5px #492b2766;content:""}.btc-machine:before{left:54px}.btc-machine:after{right:54px}.btc-machine-top{position:absolute;top:-25px;left:50%;display:flex;gap:9px;padding:9px 18px;border:6px solid #fff3d9;border-radius:24px;background:#6b596b;box-shadow:0 7px #493a4b;transform:translateX(-50%)}.btc-machine-top i{width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#72ddaa;box-shadow:0 0 10px #a9ffd6}.btc-machine-top i:nth-child(2){background:#ffe35d;box-shadow:0 0 10px #fff09d}.btc-machine-top i:nth-child(3){background:#ff8c9d;box-shadow:0 0 10px #ffc1ca}.btc-display{display:flex;align-items:center;justify-content:center;gap:20px;min-height:150px;padding:14px;border:6px solid #5c4d60;border-radius:29px;background:linear-gradient(#f7ffed,#d6f5e9);box-shadow:inset 0 7px 16px #5a75622b,0 7px #473b4a}.btc-food{display:grid;width:112px;height:112px;place-items:center;border:5px solid #fff;border-radius:50%;background:linear-gradient(#fff7d4,#ffdb94);box-shadow:inset 0 -8px #e6a95a55,0 6px #8a634449;font-size:70px;filter:drop-shadow(0 5px 3px #71432835)}.btc-display div{display:grid;min-width:112px;justify-items:center}.btc-display small{color:#81718a;font-size:14px;font-weight:1000;letter-spacing:.15em}.btc-display strong{color:#4a4358;font:1000 66px/.95 system-ui,sans-serif;text-shadow:0 3px #fff}.btc-beat-track{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:20px 0 17px;padding:10px 12px;border-radius:20px;background:#5a465a55;box-shadow:inset 0 4px 8px #442f4538}.btc-beat-track span{aspect-ratio:1;border:3px solid #fff8;border-radius:50%;background:#7a667a;box-shadow:inset 0 -4px #3c2f3c55;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.btc-beat-track span.is-lit{background:#fff15e;box-shadow:0 0 14px #fff382,inset 0 -4px #df9e30;transform:scale(1.13)}.btc-start{display:flex;width:100%;min-height:68px;align-items:center;justify-content:center;gap:11px;cursor:pointer;border:5px solid #fff;border-radius:23px;color:#fff;background:linear-gradient(#73d5b4,#38a881);box-shadow:inset 0 4px #c6fbe8,0 8px #25775d;font-size:25px;font-weight:1000;touch-action:manipulation;transition:transform .15s ease,filter .15s ease}.btc-start:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.btc-start:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 4px #c6fbe8,0 4px #25775d}.btc-start:disabled{cursor:default;filter:saturate(.75)}.btc-start:focus-visible{outline:5px solid #44306f;outline-offset:4px}.btc-start svg{width:28px;height:28px;fill:currentColor}.btc-answers{display:flex;width:min(470px,100%);gap:13px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}.btc-answers.is-visible{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.btc-answers button{display:grid;flex:1;min-height:73px;cursor:pointer;place-items:center;padding:7px;border:5px solid #fff;border-radius:22px;color:#fff;background:linear-gradient(#78d8ee,#3aa4c8);box-shadow:inset 0 4px #c9f8ff,0 7px #287795;touch-action:manipulation;transition:transform .15s ease,filter .15s ease}.btc-answers button:nth-child(2){background:linear-gradient(#ffb76f,#ea7947);box-shadow:inset 0 4px #ffddb8,0 7px #aa5032}.btc-answers button:nth-child(3){background:linear-gradient(#a999ef,#7764cf);box-shadow:inset 0 4px #ded6ff,0 7px #514199}.btc-answers strong{color:#fff;font:1000 31px/1 system-ui,sans-serif;text-shadow:none}.btc-answers span{font-size:12px;font-weight:1000;text-shadow:none;text-transform:uppercase}.btc-answers button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-3px)}.btc-answers button:active:not(:disabled){transform:translateY(3px)}.btc-answers button:focus-visible{outline:5px solid #ffe349;outline-offset:4px}.btc-answers button:disabled{cursor:default;opacity:1}.btc-answers button.is-wrong{background:linear-gradient(#ff94a2,#df5369);box-shadow:inset 0 4px #ffc6ce,0 7px #9f3045;animation:btc-wiggle .42s ease}.btc-answers button.is-correct{background:linear-gradient(#84e0a4,#3eb56a);box-shadow:inset 0 4px #caf5d7,0 7px #287f4b;animation:btc-pop .45s ease}.btc-feedback{position:absolute;z-index:18;right:20px;bottom:11px;left:235px;margin:0;color:#58495f;text-align:center;font-size:14px;font-weight:1000;text-shadow:0 2px #fff,0 0 10px #fff}.btc-feedback.is-wrong{color:#a43b4b}.btc-feedback.is-correct{color:#287848}.btc-cherry{position:absolute;z-index:12;bottom:24px;left:9px;width:286px;height:286px;pointer-events:none;filter:drop-shadow(0 12px 8px #56331f42);animation:btc-idle 4s ease-in-out infinite}.btc-cherry img{z-index:2!important;object-fit:contain}.btc-character-shadow{position:absolute;z-index:1;right:14%;bottom:3%;left:14%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#50331d61 0,#50331d26 52%,transparent 75%);filter:blur(4px)}.btc-cherry.is-wrong{animation:btc-wiggle .45s ease}.btc-cherry.is-correct{animation:btc-character-hop .55s ease}.btc-scene.is-running .btc-machine{animation:btc-machine-hum .65s ease-in-out infinite}.btc-scene.is-running .btc-machine-top i{animation:btc-light .65s steps(1) infinite}.btc-scene.is-running .btc-machine-top i:nth-child(2){animation-delay:.22s}.btc-scene.is-running .btc-machine-top i:nth-child(3){animation-delay:.44s}.btc-scene.is-solved .btc-machine{filter:drop-shadow(0 0 15px #fff297)}@keyframes btc-machine-hum{50%{transform:translateY(-3px)}}@keyframes btc-light{50%{filter:brightness(1.7);transform:scale(1.18)}}@keyframes btc-idle{50%{transform:translateY(-7px)}}@keyframes btc-wiggle{25%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}}@keyframes btc-pop{45%{transform:translateY(-7px) scale(1.07)}}@keyframes btc-character-hop{40%{transform:translateY(-14px) scale(1.04)}70%{transform:translateY(1px) scale(.98)}}@media(max-width:900px){.btc-work-area{width:min(500px,calc(100% - 255px))}.btc-machine{padding:31px 23px 24px}.btc-cherry{width:241px;height:241px}.btc-feedback{left:190px}}@media(max-width:700px){.btc-background img{object-position:48% center}.btc-work-area{width:min(430px,calc(100% - 32px));gap:16px}.btc-machine{width:min(390px,100%);padding:30px 20px 22px;border-width:7px;border-radius:38px}.btc-display{min-height:128px}.btc-food{width:92px;height:92px;font-size:58px}.btc-display strong{font-size:56px}.btc-beat-track{gap:6px;margin:15px 0 14px}.btc-start{min-height:60px;font-size:22px}.btc-answers{width:min(390px,100%);gap:8px}.btc-answers button{min-height:62px;border-width:4px}.btc-cherry{bottom:7px;left:-8px;width:176px;height:176px}.btc-feedback{right:8px;bottom:7px;left:116px;font-size:12px}}@media(max-width:560px){.btc-work-area{width:calc(100% - 22px);gap:14px}.btc-machine{width:min(355px,100%);padding:28px 16px 19px;border-width:6px;border-radius:32px}.btc-machine-top{top:-22px;padding:7px 14px;border-width:5px}.btc-machine-top i{width:12px;height:12px}.btc-display{gap:12px;min-height:112px;padding:10px;border-width:5px;border-radius:23px}.btc-food{width:78px;height:78px;border-width:4px;font-size:48px}.btc-display div{min-width:92px}.btc-display small{font-size:11px}.btc-display strong{font-size:49px}.btc-beat-track{gap:5px;margin:12px 0;padding:8px}.btc-beat-track span{border-width:2px}.btc-start{min-height:56px;border-width:4px;border-radius:19px;font-size:20px}.btc-answers{width:min(355px,100%);gap:7px}.btc-answers button{min-height:58px;border-radius:18px}.btc-answers strong{font-size:27px}.btc-cherry{bottom:3px;width:159px;height:159px}.btc-feedback{left:105px;font-size:11px}}@media(max-width:390px){.btc-work-area{width:calc(100% - 18px)}.btc-machine{width:min(330px,100%);padding-inline:13px}.btc-display{min-height:102px}.btc-food{width:70px;height:70px;font-size:43px}.btc-beat-track{gap:4px}.btc-cherry{width:140px;height:140px}.btc-feedback{left:94px}}@media(max-height:760px) and (min-width:701px){.btc-work-area{transform:scale(.88)}.btc-cherry{width:215px;height:215px}.btc-feedback{left:170px}}@media(max-height:700px) and (max-width:700px){.btc-work-area{gap:10px;transform:scale(.86)}.btc-cherry{width:133px;height:133px}}@media(prefers-reduced-motion:reduce){.btc-answers button,.btc-cherry,.btc-machine,.btc-machine-top i{animation:none!important}.btc-answers,.btc-answers button,.btc-beat-track span,.btc-start{transition:none}}