@keyframes playful-wobble{0%,55%{transform:translateX(0)}67%{transform:translateX(-4px)}80%{transform:translateX(0)}92%{transform:translateX(4px)}to{transform:translateX(0)}}@keyframes playful-nudge{0%,60%{transform:translateX(0)}80%{transform:translateX(calc(var(--wob, 1) * 5px))}to{transform:translateX(0)}}.playful-knob,.playful-thumb{filter:brightness(1);transition:filter .18s ease}.playful-slider-track:hover .playful-thumb{animation:playful-wobble 1.8s ease-in-out infinite;filter:brightness(.9)}.playful-toggle-track:hover .playful-knob{animation:playful-nudge 1.6s ease-in-out infinite;filter:brightness(.9)}.playful-slider-track.is-dragging .playful-thumb,.playful-toggle-track.no-wobble .playful-knob,.playful-toggle-track.no-wobble:hover .playful-knob{animation:none}.playful-toggle-track:focus-visible:before{content:"";position:absolute;inset:0;border-radius:inherit;outline:1px solid;outline-color:inherit;outline-offset:-1px;pointer-events:none}.playful-focus-ring{display:none}.playful-focusable:focus-visible{outline:none}.playful-focusable:focus-visible>.playful-focus-ring{display:block}@media (forced-colors:active){.playful-focusable:focus-visible>.playful-focus-ring{display:none}.playful-focusable:focus-visible{outline:3px solid Highlight;outline-offset:3px}.playful-focus-round:focus-visible{border-radius:50%}}@keyframes playful-shine{0%{background-position:-20% 0}16%{background-position:130% 0}to{background-position:130% 0}}.playful-btn-shine{box-sizing:border-box;padding:7px;background-image:linear-gradient(135deg,transparent 45%,var(--shine) 45%,var(--shine) 53%,transparent 53%);background-size:250% 100%;background-repeat:no-repeat;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:playful-shine 4.5s linear infinite}@keyframes playful-modal-pop{0%{transform:scale(.75);opacity:0}55%{transform:scale(1.04);opacity:1}80%{transform:scale(.985)}to{transform:scale(1)}}.playful-modal-pop{animation:playful-modal-pop .42s cubic-bezier(.22,1,.36,1) both}@keyframes playful-modal-backdrop-in{0%{opacity:0}to{opacity:1}}.playful-modal-backdrop{animation:playful-modal-backdrop-in .18s ease-out both}@keyframes playful-count-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.playful-count-pop{animation:playful-count-pop .26s cubic-bezier(.34,1.56,.64,1) both}@keyframes playful-letter-breathe{0%,to{transform:scale(1.3) translateY(-6px)}50%{transform:scale(1.4) translateY(-8px)}}.playful-letter-breathe{animation:playful-letter-breathe .9s ease-in-out infinite}@keyframes playful-toast-pop{0%{transform:translateY(24px);opacity:0}60%{transform:translateY(-4px);opacity:1}to{transform:translateY(0)}}.playful-toast-pop{animation:playful-toast-pop .38s cubic-bezier(.22,1,.36,1) both}@keyframes playful-confetti-fall{0%{transform:translateY(-10vh) rotate(0deg);opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:0}}.playful-confetti{animation:playful-confetti-fall linear infinite}@keyframes playful-progress-wave-scroll{0%{background-position-x:0}to{background-position-x:40px}}.playful-progress-wave{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16' viewBox='0 0 40 16'%3E%3Cpath d='M0 8 C5 2 15 2 20 8 C25 14 35 14 40 8 L40 16 L0 16 Z' fill='white' fill-opacity='0.4'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:0 bottom;background-size:40px 100%;animation:playful-progress-wave-scroll 1.6s linear infinite}.playful-progress-shine-overlay{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(135deg,transparent 45%,rgba(255,255,255,.45) 0,rgba(255,255,255,.45) 53%,transparent 0);background-size:250% 100%;background-repeat:no-repeat;animation:playful-shine 4.5s linear infinite}@keyframes playful-progress-bounce-dot{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.playful-progress-bounce-dot{animation:playful-progress-bounce-dot 1s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.playful-btn-shine,.playful-modal-backdrop,.playful-modal-pop,.playful-progress-bounce-dot,.playful-progress-shine-overlay,.playful-progress-wave,.playful-slider-track:hover .playful-thumb,.playful-spin.animate-spin,.playful-toast-pop,.playful-toggle-track:hover .playful-knob{animation:none}.playful-confetti{animation:none;display:none}.playful-count-pop{animation:none}.playful-letter-breathe{animation:none;transform:scale(1.3) translateY(-6px)}}.playful-input{outline:none}.playful-input:focus-visible{outline:var(--playful-input-ring,3px) solid var(--playful-input-ring-color,currentColor);outline-offset:2px}.playful-input--outlined{border:var(--playful-input-border-width) solid var(--playful-input-border);padding:0 calc(var(--playful-input-inset) - var(--playful-input-border-width));outline:none;box-shadow:none}.playful-input--outlined:focus-visible{border-color:var(--playful-input-focus-border);border-width:var(--playful-input-focus-border-width);padding:0 calc(var(--playful-input-inset) - var(--playful-input-focus-border-width));outline:none;box-shadow:none}.playful-input--outlined::-moz-placeholder{color:var(--playful-input-placeholder);opacity:1}.playful-input--outlined::placeholder{color:var(--playful-input-placeholder);opacity:1}@media (forced-colors:active){.playful-input--outlined:focus-visible{border-color:Highlight}}.playful-paper-backdrop{padding-top:calc(1rem + 36px)}@media (max-height:480px){.playful-paper-backdrop{padding-top:1rem}.playful-paper-clip{display:none}}@media (prefers-reduced-motion:no-preference){@keyframes playful-paper-in{0%{opacity:0;transform:translateY(-26px) rotate(-2deg)}45%{opacity:1}60%{transform:translateY(3px) rotate(.6deg)}82%{transform:translateY(-1px) rotate(-.2deg)}to{transform:none}}.playful-paper-in{transform-origin:50% 0;animation:playful-paper-in .46s cubic-bezier(.22,1,.36,1) both}}