.perfect-pairs-workshop{--hot:#ec7569;--deep:#4f7782;--sky:#a9e5dc}.perfect-pairs-workshop .prek-machine{background:linear-gradient(145deg,#f0a66d,#df7468);box-shadow:inset 0 -10px #a65258,inset 0 5px #ffe1a9,0 12px 0 #74495a,0 25px 45px #4d365345}.perfect-pairs-stage{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:hidden;border:0;border-radius:inherit;background:#b8ddd5;isolation:isolate;outline:none}.perfect-pairs-stage:focus-visible{box-shadow:inset 0 0 0 6px #fff070}.perfect-pairs-backdrop,.perfect-pairs-backdrop img,.perfect-pairs-light{position:absolute!important;inset:0}.perfect-pairs-backdrop{z-index:-3}.perfect-pairs-backdrop img{object-fit:cover;object-position:center 48%;filter:saturate(.93) brightness(.98)}.perfect-pairs-light{z-index:-2;background:linear-gradient(180deg,#eefdf76b,transparent 32%),radial-gradient(circle at 57% 48%,#fff9d865 0 18%,transparent 58%),linear-gradient(90deg,#285e6442,transparent 22% 84%,#31545f2c);pointer-events:none}.perfect-pairs-workspace{position:absolute;z-index:4;top:100px;right:clamp(20px,4vw,56px);bottom:54px;left:clamp(164px,19vw,238px);display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;min-width:0}.perfect-pairs-bench{position:relative;display:flex;align-self:center;width:min(620px,70vw);min-height:220px;align-items:center;justify-content:center;gap:clamp(12px,3vw,38px)}.perfect-pairs-bench:after{position:absolute;z-index:-1;right:2%;bottom:3%;left:2%;height:20px;border:3px solid #d39757;border-radius:13px;content:"";background:linear-gradient(#ffd494,#d18b51);box-shadow:0 7px #8b5940,0 14px 22px #35565a3b}.perfect-pairs-shadow{position:absolute;z-index:-1;right:18%;bottom:5%;left:18%;height:23%;border-radius:50%;background:radial-gradient(ellipse,#3d625e5e,transparent 68%);filter:blur(5px)}.perfect-pairs-object{position:relative;width:clamp(184px,23vw,250px);aspect-ratio:1;flex:0 1 auto;filter:drop-shadow(0 9px 7px #34555a38)}.perfect-pairs-object:after{position:absolute;z-index:0;bottom:8%;left:50%;width:66%;height:10%;border-radius:50%;content:"";background:radial-gradient(ellipse,#31595a52,transparent 70%);filter:blur(5px);transform:translateX(-50%)}.perfect-pairs-object img{z-index:1;object-fit:contain;padding:1%;transform:scale(var(--object-scale,1));transform-origin:center}.perfect-pairs-object[data-object=balloon]:after,.perfect-pairs-object[data-object=bee]:after,.perfect-pairs-object[data-object=butterfly]:after{bottom:3%;opacity:.42}.perfect-pairs-stage [data-object=shoe]{--object-scale:1.02}.perfect-pairs-stage [data-object=sock]{--object-scale:1.12}.perfect-pairs-stage [data-object=bee],.perfect-pairs-stage [data-object=flower]{--object-scale:.96}.perfect-pairs-stage [data-object=pencil]{--object-scale:1.14}.perfect-pairs-stage [data-object=book]{--object-scale:1.02}.perfect-pairs-stage [data-object=fork]{--object-scale:1.03}.perfect-pairs-stage [data-object=plate]{--object-scale:.94}.perfect-pairs-stage [data-object=bowl],.perfect-pairs-stage [data-object=grapes]{--object-scale:.95}.perfect-pairs-stage [data-object=car]{--object-scale:1.1}.perfect-pairs-stage [data-object=wheel]{--object-scale:1.02}.perfect-pairs-stage [data-object=letter]{--object-scale:.96}.perfect-pairs-stage [data-object=mailbox]{--object-scale:.92}.perfect-pairs-stage [data-object=balloon]{--object-scale:.95}.perfect-pairs-stage [data-object=party-hat]{--object-scale:1.02}.perfect-pairs-stage [data-object=teddy]{--object-scale:1.04}.perfect-pairs-stage [data-object=box]{--object-scale:1.06}.perfect-pairs-stage [data-object=butterfly]{--object-scale:.94}.perfect-pairs-stage [data-object=tulip]{--object-scale:.96}.perfect-pairs-stage [data-object=toothbrush]{--object-scale:1.12}.perfect-pairs-stage [data-object=cup]{--object-scale:.95}.perfect-pairs-stage [data-object=straw]{--object-scale:.98}.perfect-pairs-stage [data-object=bottle]{--object-scale:.95}.perfect-pairs-target{animation:perfect-pairs-arrive .42s cubic-bezier(.2,.9,.3,1.18);transition:transform .46s cubic-bezier(.2,.9,.3,1.1)}.perfect-pairs-answer{animation:perfect-pairs-join .62s cubic-bezier(.18,1.12,.32,1) both}.perfect-pairs-link{position:relative;z-index:5;display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;border:5px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(#75df8d,#37a85a);box-shadow:0 6px #287a44,0 11px 19px #35565a4a;animation:perfect-pairs-check .48s cubic-bezier(.2,1.35,.3,1) .22s both}.perfect-pairs-link:after,.perfect-pairs-link:before{position:absolute;top:50%;width:clamp(10px,2vw,28px);height:7px;border-radius:999px;content:"";background:#ffe570;box-shadow:0 3px #bd813d}.perfect-pairs-link:before{right:calc(100% + 3px)}.perfect-pairs-link:after{left:calc(100% + 3px)}.perfect-pairs-link svg{width:36px;height:36px;stroke-width:4}.perfect-pairs-sparkles{position:absolute;z-index:7;inset:2% 10% 12%;color:#ffdc4f;pointer-events:none}.perfect-pairs-sparkles span,.perfect-pairs-sparkles svg{position:absolute;filter:drop-shadow(0 3px #9c6b35);animation:perfect-pairs-sparkle .85s ease-in-out infinite alternate}.perfect-pairs-sparkles svg{top:3%;left:13%;width:42px;height:42px}.perfect-pairs-sparkles span:nth-child(2){top:9%;right:15%;font-size:37px;animation-delay:.2s}.perfect-pairs-sparkles span:nth-child(3){right:4%;bottom:16%;font-size:29px;animation-delay:.38s}.perfect-pairs-target-label{position:relative;z-index:8;min-width:118px;margin:-2px 0 7px;padding:5px 18px 6px;border:3px solid #fff;border-radius:999px;color:#fff;background:#3d8d8be8;box-shadow:0 4px #286467,0 8px 15px #34565a35;font-size:clamp(15px,2vw,20px);font-weight:1000;line-height:1.1;text-align:center;text-shadow:0 2px #276467;text-transform:capitalize}.perfect-pairs-choices{position:relative;z-index:20;display:flex;justify-content:center;gap:clamp(12px,2.2vw,24px);width:100%;padding:8px 14px 14px}.perfect-pairs-choices:after{position:absolute;z-index:-1;right:4px;bottom:1px;left:4px;height:24px;border:3px solid #c99869;border-radius:12px;content:"";background:linear-gradient(#f5c58c,#bd7c50);box-shadow:0 6px #7d513e,0 12px 18px #35565a38}.perfect-pairs-choices button{position:relative;display:grid;width:clamp(92px,11vw,126px);aspect-ratio:1;cursor:pointer;place-items:center;border:5px solid #fff;border-radius:28px;background:radial-gradient(circle at 50% 36%,#fffef6,#e0f5ef 76%);box-shadow:0 8px #5b9b96,0 14px 21px #28484d42,inset 0 0 0 3px #a9d9cd;transition:transform .17s ease,filter .17s ease,opacity .17s ease,box-shadow .17s ease;touch-action:manipulation}.perfect-pairs-choices button img{object-fit:contain;padding:3%;filter:drop-shadow(0 5px 4px #2b444b30);transform:scale(var(--object-scale,1));transform-origin:center}.perfect-pairs-choices button:not(:disabled):hover{transform:translateY(-6px) scale(1.04);filter:brightness(1.05)}.perfect-pairs-choices button:not(:disabled):active{transform:translateY(4px) scale(.97);box-shadow:0 3px #5b9b96}.perfect-pairs-choices button:focus-visible{outline:6px solid #fff06a;outline-offset:4px}.perfect-pairs-choices button:disabled{cursor:default}.perfect-pairs-choices button.is-wrong{border-color:#fff0eb;background:#ffdcd5;box-shadow:0 8px #cc625d,0 14px 21px #28484d42;animation:perfect-pairs-wrong .42s ease-in-out}.perfect-pairs-choices button.is-correct{opacity:.22;transform:translateY(-12px) scale(.78)}.perfect-pairs-key{position:absolute;z-index:3;top:-10px;left:-8px;display:grid;width:31px;height:31px;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:#e66f64;box-shadow:0 3px #985058;font-size:15px;font-weight:1000}.perfect-pairs-character{position:absolute;z-index:6;bottom:1px;left:7px;width:clamp(170px,22vw,250px);aspect-ratio:1;overflow:visible;filter:drop-shadow(0 12px 8px #2c4a5066);animation:perfect-pairs-breathe 2.9s ease-in-out infinite;pointer-events:none}.perfect-pairs-character img{object-fit:contain}.perfect-pairs-feedback{position:absolute;z-index:26;bottom:8px;left:50%;display:inline-flex;min-height:38px;align-items:center;gap:7px;margin:0;padding:5px 15px;border:3px solid #fff;border-radius:999px;color:#285a60;background:#fffdf3ee;box-shadow:0 4px #bd8760,0 8px 14px #35565a3b;font-size:clamp(15px,2vw,19px);font-weight:1000;line-height:1;text-align:center;transform:translateX(-50%)}.perfect-pairs-feedback svg{width:22px;height:22px;color:#309b55;stroke-width:4}@keyframes perfect-pairs-arrive{0%{transform:translateY(20px) scale(.82);opacity:0}}@keyframes perfect-pairs-join{0%{transform:translateX(130px) scale(.68) rotate(7deg);opacity:0}}@keyframes perfect-pairs-check{0%{transform:scale(.2) rotate(-18deg);opacity:0}}@keyframes perfect-pairs-sparkle{to{transform:translateY(-6px) scale(1.18) rotate(7deg)}}@keyframes perfect-pairs-wrong{30%{transform:translateX(-9px) rotate(-4deg)}65%{transform:translateX(9px) rotate(4deg)}}@keyframes perfect-pairs-breathe{50%{transform:translateY(-7px) rotate(1deg)}}@media (max-width:960px){.perfect-pairs-workspace{right:18px;left:156px}.perfect-pairs-bench{width:min(560px,70vw)}.perfect-pairs-object{width:clamp(165px,21vw,220px)}.perfect-pairs-character{width:190px;left:-1px}}@media (max-width:680px){.perfect-pairs-backdrop img{object-position:43% center}.perfect-pairs-workspace{top:112px;right:8px;bottom:47px;left:8px;grid-template-rows:minmax(0,1fr) auto auto}.perfect-pairs-bench{width:min(520px,96vw);min-height:205px;gap:8px}.perfect-pairs-object{width:clamp(150px,34vw,202px)}.perfect-pairs-link{width:54px;height:54px;border-width:4px}.perfect-pairs-link svg{width:30px;height:30px}.perfect-pairs-target-label{margin-bottom:5px}.perfect-pairs-choices{width:min(500px,calc(100% - 28px));gap:12px;padding:7px 10px 13px}.perfect-pairs-choices button{width:clamp(86px,24vw,116px);border-radius:24px}.perfect-pairs-character{z-index:5;bottom:-7px;left:-8px;width:136px;opacity:.97}.perfect-pairs-feedback{bottom:5px;min-height:35px;font-size:15px}}@media (max-width:420px){.perfect-pairs-workspace{top:118px;bottom:45px}.perfect-pairs-bench{min-height:190px}.perfect-pairs-object{width:clamp(130px,36vw,162px)}.perfect-pairs-link{width:46px;height:46px;border-width:3px}.perfect-pairs-link svg{width:27px;height:27px}.perfect-pairs-link:after,.perfect-pairs-link:before{width:10px;height:5px}.perfect-pairs-target-label{min-width:105px;padding:4px 14px 5px;font-size:14px}.perfect-pairs-choices{width:calc(100% - 18px);gap:9px}.perfect-pairs-choices button{width:min(27vw,99px);border-width:4px;border-radius:21px}.perfect-pairs-key{width:27px;height:27px;font-size:13px}.perfect-pairs-character{width:116px;left:-11px}.perfect-pairs-feedback{max-width:calc(100% - 120px);padding:5px 11px}}@media (max-height:720px) and (min-width:681px){.perfect-pairs-workspace{top:92px;bottom:47px}.perfect-pairs-bench{min-height:185px}.perfect-pairs-object{width:min(31vh,205px)}.perfect-pairs-choices button{width:min(16vh,108px)}.perfect-pairs-character{width:min(31vh,205px)}}@media (prefers-reduced-motion:reduce){.perfect-pairs-answer,.perfect-pairs-character,.perfect-pairs-choices button.is-wrong,.perfect-pairs-link,.perfect-pairs-sparkles span,.perfect-pairs-sparkles svg,.perfect-pairs-target{animation:none!important}.perfect-pairs-choices button{transition:none}}