:root{--m-bg: #E8E4F3;--m-bg-soft: #F1EEFA;--m-cloud: #FFFFFF;--m-pink: #FFB8D1;--m-pink-deep: #FF8FB8;--m-pink-soft: #FFD8E5;--m-blue: #B8E0FF;--m-blue-deep: #8FC8F5;--m-yellow: #FFE8A3;--m-yellow-deep: #FFD56B;--m-mint: #C5F0DD;--m-lilac: #D4C8F5;--m-ink: #2D2342;--m-ink-soft: #5B4F73;--m-line: #2D2342;--m-shadow: 0 4px 0 rgba(45, 35, 66, .12);--m-shadow-deep: 0 6px 0 rgba(45, 35, 66, .18);--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--safe-top: max(54px, calc(env(safe-area-inset-top, 0px) + 14px) );--safe-bottom: max(26px, calc(env(safe-area-inset-bottom, 0px) - 2px) )}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--m-bg)}body{font-family:var(--font-body);color:var(--m-ink);-webkit-font-smoothing:antialiased;touch-action:manipulation}input,textarea,select{font-size:16px}.m-btn{font-family:var(--font-display);font-weight:600;border:2.5px solid var(--m-line);border-radius:18px;padding:14px 22px;background:var(--m-pink);color:var(--m-ink);cursor:pointer;box-shadow:0 4px 0 var(--m-line);transition:transform .08s ease,box-shadow .08s ease;font-size:17px}.m-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--m-line)}.m-btn--block{width:100%;display:block}.m-btn--ghost{background:#fff}.m-btn--blue{background:var(--m-blue)}.m-btn--yellow{background:var(--m-yellow)}.m-card{background:#fff;border:2.5px solid var(--m-line);border-radius:24px;box-shadow:0 5px 0 var(--m-line)}@keyframes mfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes msparkle{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes mwiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes mpop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes mslideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mgrow{0%{transform:scaleY(.2);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes mconfetti{0%{transform:translateY(-20px) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(120px) rotate(540deg);opacity:0}}@keyframes mdrift{0%{transform:translate(0)}50%{transform:translate(8px)}to{transform:translate(0)}}@keyframes mspin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.08);opacity:0}to{transform:scale(1.08);opacity:0}}@keyframes mpulse{0%,to{opacity:.5}50%{opacity:1}}.float{animation:mfloat 3.5s ease-in-out infinite}.sparkle{animation:msparkle 2s ease-in-out infinite}.wiggle{animation:mwiggle 2.5s ease-in-out infinite}.pop-in{animation:mpop .5s cubic-bezier(.34,1.56,.64,1) both}.slide-up{animation:mslideUp .5s ease both}.pulse{animation:pulse 1.6s ease-out infinite}.no-scroll::-webkit-scrollbar{display:none}.no-scroll{scrollbar-width:none}.m-phone-outer{height:100dvh;display:flex;align-items:center;justify-content:center;background:#1f1b2e;padding:0}@media all and (display-mode:standalone){html,body,#root,.m-phone-outer{height:100lvh}}.m-phone-frame{width:100%;max-width:402px;height:100%;position:relative;overflow:hidden;background:var(--m-bg)}@media(max-width:480px){.m-phone-outer{background:var(--m-bg)}}@media(min-width:480px){.m-phone-outer{padding:24px}.m-phone-frame{max-height:874px;border-radius:48px;box-shadow:0 40px 80px #0000002e,0 0 0 1px #0000001f;border:3px solid #000}}.m-statusbar-blur{position:absolute;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:#e8e4f38c;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);z-index:100;pointer-events:none}:root{--is-ink: #2D2342;--is-line: #2D2342;--is-pink: #FFB8D1;--is-pink-deep: #FF8FB8;--is-pink-soft: #FFD8E5;--is-blue: #B8E0FF;--is-yellow: #FFE8A3;--is-mint: #C5F0DD;--is-lilac: #D4C8F5;--is-bg-soft: #F1EEFA;--is-ink-soft: #5B4F73;--is-font-display: "Fredoka", system-ui, sans-serif;--is-font-body: "Nunito", system-ui, sans-serif}.is-backdrop{position:fixed;inset:0;z-index:100;background:#2d23428c;display:flex;justify-content:center;animation:is-fade .25s ease both}.is-backdrop.bottom{align-items:flex-end}.is-backdrop.center{align-items:center}@keyframes is-fade{0%{opacity:0}to{opacity:1}}.is-sheet{background:#fff;border:2.5px solid var(--is-line);border-top-left-radius:32px;border-top-right-radius:32px;padding:26px 24px 36px;width:100%;max-width:420px;box-shadow:0 -6px 0 var(--is-line);position:relative;animation:is-slide-up .35s cubic-bezier(.34,1.56,.64,1) both}.is-sheet.center{border-radius:28px;box-shadow:0 6px 0 var(--is-line);padding:28px;max-width:440px;margin:0 16px}@keyframes is-slide-up{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.is-step-num{width:30px;height:30px;border-radius:15px;border:2.5px solid var(--is-line);background:var(--is-yellow);display:inline-flex;align-items:center;justify-content:center;font-family:var(--is-font-display);font-weight:600;font-size:15px;color:var(--is-ink);flex-shrink:0;box-shadow:0 2px 0 var(--is-line)}.is-pill-fake{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--is-bg-soft);border:2px solid var(--is-line);border-radius:12px;font-family:var(--is-font-body);font-weight:700;font-size:14px;color:var(--is-ink);margin-top:6px}.is-pulse-ring{position:relative;display:inline-flex}.is-pulse-ring:after{content:"";position:absolute;inset:-4px;border-radius:14px;border:2.5px solid var(--is-pink-deep);animation:is-pulse 1.4s ease-out infinite}@keyframes is-pulse{0%{transform:scale(.95);opacity:1}to{transform:scale(1.25);opacity:0}}.is-btn{font-family:var(--is-font-display);font-weight:600;border:2.5px solid var(--is-line);border-radius:18px;padding:14px 22px;background:var(--is-pink);color:var(--is-ink);cursor:pointer;box-shadow:0 4px 0 var(--is-line);transition:transform .08s ease,box-shadow .08s ease;font-size:17px}.is-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--is-line)}.is-btn--block{width:100%;display:block}.is-btn--ghost,.is-btn--white{background:#fff}.is-btn--blue{background:var(--is-blue)}.is-arrow-bounce{position:absolute;left:50%;top:-56px;transform:translate(-50%);animation:is-arrow-bounce 1.4s ease-in-out infinite}@keyframes is-arrow-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.is-float{animation:is-float 3.5s ease-in-out infinite}.is-pop-in{animation:is-pop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes is-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes is-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes is-confetti{0%{transform:translateY(-20px) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(120px) rotate(540deg);opacity:0}}.is-info{border:2px solid var(--is-line);border-radius:14px;padding:12px 14px;font-family:var(--is-font-body);font-weight:700;font-size:13px;color:var(--is-ink);display:flex;gap:10px;align-items:flex-start}
