.ms-root{--ms-blue:#1c8ee8;--ms-blue-dark:#116bb0;--ms-sky:#53c7ff;--ms-ink:#17436c;--ms-yellow:#ffca35;--ms-green:#2fb85a;--ms-green-dark:#168d37;--ms-pink:#ff5578;--ms-purple:#8b5cf6;color:var(--ms-ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ms-btn{--c:var(--ms-green);--d:var(--ms-green-dark);background:linear-gradient(to bottom, color-mix(in srgb, var(--c) 75%, white), var(--c));color:#fff;min-height:3.5rem;font-family:var(--font-fredoka), system-ui, sans-serif;letter-spacing:.01em;text-shadow:0 2px #00000026;box-shadow:0 6px 0 var(--d), 0 12px 20px #17436c40;cursor:pointer;border:3px solid #fff;border-radius:1.4rem;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.75rem;font-size:1.35rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .2s;display:inline-flex;position:relative}.ms-btn:hover{filter:brightness(1.06);box-shadow:0 8px 0 var(--d), 0 16px 24px #17436c40;transform:translateY(-2px)}.ms-btn:active{box-shadow:0 1px 0 var(--d), 0 4px 8px #17436c33;transform:translateY(5px)}.ms-btn:focus-visible{outline:4px solid var(--ms-yellow);outline-offset:4px}.ms-btn[disabled]{filter:grayscale(.6)opacity(.7);cursor:not-allowed}.ms-btn-blue{--c:var(--ms-blue);--d:var(--ms-blue-dark)}.ms-btn-gray{--c:#6b7f99;--d:#4a5a70}.ms-btn-purple{--c:var(--ms-purple);--d:#6d3fd6}.ms-btn-orange{--c:#fb923c;--d:#d9701c}.ms-btn-pink{--c:var(--ms-pink);--d:#c92e57}.ms-icon-btn{width:3.25rem;height:3.25rem;color:var(--ms-blue);background:#fff;border-radius:9999px;justify-content:center;align-items:center;transition:transform .12s;display:inline-flex;box-shadow:0 4px #b9dcf5,0 8px 16px #17436c26}.ms-icon-btn:hover{transform:translateY(-2px)scale(1.05)}.ms-icon-btn:active{transform:translateY(3px);box-shadow:0 1px #b9dcf5}.ms-icon-btn:focus-visible{outline:4px solid var(--ms-yellow);outline-offset:3px}.ms-panel{background:#ffffffeb;border:4px solid #fff;border-radius:2rem;box-shadow:0 10px #116bb02e,0 20px 40px #17436c2e}.ms-title{font-family:var(--font-fredoka), system-ui, sans-serif;color:#fff;-webkit-text-stroke:0;text-shadow:0 3px 0 var(--ms-blue-dark), 3px 0 0 var(--ms-blue-dark), -3px 0 0 var(--ms-blue-dark), 0 -3px 0 var(--ms-blue-dark), 0 8px 14px #0003;font-weight:700}@keyframes ms-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}@keyframes ms-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes ms-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-35deg)}}@keyframes ms-twinkle{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.2)rotate(15deg)}}@keyframes ms-talk{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.1)}}@keyframes ms-cape{0%,to{transform:skewY(0)}50%{transform:skewY(-4deg)}}@keyframes ms-screen-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes ms-pop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes ms-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes ms-drift{0%{transform:translate(-20%)}to{transform:translate(120vw)}}@keyframes ms-confetti{0%{transform:translateY(-10vh)rotate(0)}to{transform:translate3d(var(--x,0), 110vh, 0) rotate(var(--r,540deg))}}@keyframes ms-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1);opacity:0}}@keyframes ms-nudge{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes ms-bubble-up{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:.8}to{opacity:0;transform:translateY(-60vh)scale(1.1)}}@keyframes ms-shine{0%{transform:translate(-120%)skew(-20deg)}to{transform:translate(220%)skew(-20deg)}}@keyframes ms-spin-slow{to{transform:rotate(360deg)}}.ms-float{animation:3.2s ease-in-out infinite ms-float}.ms-blink{transform-box:fill-box;transform-origin:50%;animation:4.5s infinite ms-blink}.ms-wave{animation:.6s ease-in-out infinite ms-wave}.ms-twinkle{animation:1.8s ease-in-out infinite ms-twinkle}.ms-talk{animation:.28s ease-in-out infinite ms-talk}.ms-cape{transform-origin:50%;animation:2.4s ease-in-out infinite ms-cape}.ms-screen{animation:.45s cubic-bezier(.2,.9,.3,1.2) both ms-screen-in}.ms-pop{animation:.5s cubic-bezier(.2,1.4,.4,1) both ms-pop}.ms-pulse{animation:1.2s ease-in-out infinite ms-pulse}.ms-nudge{animation:.35s ease-in-out 2 ms-nudge}.ms-spin-slow{animation:18s linear infinite ms-spin-slow}.ms-cloud{will-change:transform;animation:linear infinite ms-drift;position:absolute}.ms-confetti{pointer-events:none;z-index:60;border-radius:3px;width:10px;height:16px;animation:linear forwards ms-confetti;position:fixed;top:0}.ms-burst{pointer-events:none;font-size:1.5rem;animation:.8s ease-out forwards ms-burst;position:absolute}.ms-bubble{pointer-events:none;background:radial-gradient(circle at 30% 30%,#fff,#53c7ff59 60%,#53c7ff0d);border-radius:9999px;animation:1.4s ease-out forwards ms-bubble-up;position:absolute;bottom:0}.ms-shine{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ms-shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:35%;animation:2.6s ease-in-out infinite ms-shine;position:absolute;inset:-20% auto -20% 0}.ms-zone-ring{stroke-dasharray:10 8;transform-box:fill-box;transform-origin:50%;animation:8s linear infinite ms-spin-slow,1.2s ease-in-out infinite ms-pulse}.ms-root[data-reduce=true] *,.ms-root[data-reduce=true] :before,.ms-root[data-reduce=true] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.ms-root[data-reduce=true] .ms-cloud,.ms-root[data-reduce=true] .ms-confetti,.ms-root[data-reduce=true] .ms-bubble{display:none}
