:root{--kc-sky:#4fc3f7;--kc-sky-dark:#2196c9;--kc-sun:#ffca28;--kc-coral:#ff7a6e;--kc-mint:#4ecdc4;--kc-grass:#8bd450;--kc-purple:#b388ff;--kc-cream:#fff8ec;--kc-ink:#3a3556;--kc-white:#fff;--kc-shadow:#3a35562e;--kc-radius-lg:28px;--kc-radius-md:18px;--kc-radius-sm:12px;--kc-font-display:"Baloo 2", system-ui, sans-serif;--kc-font-body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--kc-font-body);color:var(--kc-ink);background:#fff1e0 linear-gradient(#eaf8ff 0%,#fff8ec 55%,#fff1e0 100%) no-repeat;margin:0;overflow-x:hidden}button{font-family:inherit}.kc-root{width:100%;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;align-items:center;display:flex}.kc-screen{flex-direction:column;flex:1;width:100%;max-width:640px;padding:20px 18px 32px;display:flex}.kc-title{font-family:var(--kc-font-display);color:var(--kc-ink);font-weight:800}.kc-topbar{justify-content:space-between;align-items:center;width:100%;max-width:640px;padding:14px 18px 0;display:flex}.kc-btn{font-family:var(--kc-font-display);border-radius:var(--kc-radius-md);color:var(--kc-white);background:var(--kc-sky);box-shadow:0 6px 0 var(--kc-sky-dark), 0 10px 18px var(--kc-shadow);cursor:pointer;touch-action:manipulation;border:none;padding:14px 22px;font-size:1.05rem;font-weight:700;transition:transform 80ms}.kc-btn:active{box-shadow:0 2px 0 var(--kc-sky-dark), 0 4px 10px var(--kc-shadow);transform:translateY(4px)}.kc-btn.kc-btn-secondary{background:var(--kc-white);color:var(--kc-sky-dark);box-shadow:0 6px 0 #cfeffd, 0 10px 18px var(--kc-shadow)}.kc-btn.kc-btn-secondary:active{box-shadow:0 2px 0 #cfeffd, 0 4px 10px var(--kc-shadow)}.kc-btn.kc-btn-coral{background:var(--kc-coral);box-shadow:0 6px 0 #d65a50, 0 10px 18px var(--kc-shadow)}.kc-btn.kc-btn-coral:active{box-shadow:0 2px 0 #d65a50, 0 4px 10px var(--kc-shadow)}.kc-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.kc-icon-btn{background:var(--kc-white);width:46px;height:46px;box-shadow:0 4px 12px var(--kc-shadow);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.kc-card{background:var(--kc-white);border-radius:var(--kc-radius-lg);box-shadow:0 10px 24px var(--kc-shadow);padding:22px}.kc-input{font-family:var(--kc-font-body);border-radius:var(--kc-radius-md);text-align:center;background:var(--kc-white);border:3px solid #d9eefb;outline:none;width:100%;padding:14px 18px;font-size:1.2rem;font-weight:700}.kc-input:focus{border-color:var(--kc-sky)}.kc-pill{font-family:var(--kc-font-display);background:var(--kc-white);box-shadow:0 4px 10px var(--kc-shadow);color:var(--kc-sky-dark);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:700;display:inline-flex}.kc-pill.kc-pill-active{background:var(--kc-sky);color:var(--kc-white)}.kc-grid{gap:16px;display:grid}.kc-grid-2{grid-template-columns:repeat(2,1fr)}.kc-grid-3{grid-template-columns:repeat(3,1fr)}.kc-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.kc-flex-row{align-items:center;gap:10px;display:flex}.kc-wrap-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@keyframes kc-pop-kf{0%{transform:scale(.85)}55%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes kc-rise-kf{0%{opacity:0;transform:translateY(18px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kc-shake-kf{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes kc-float-kf{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes kc-spin-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes kc-confetti-kf{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(240px)rotate(340deg)}}.kc-pop{animation:.28s kc-pop-kf}.kc-rise{animation:.35s both kc-rise-kf}.kc-shake{animation:.4s kc-shake-kf}.kc-float{animation:2.4s ease-in-out infinite kc-float-kf}.kc-spin{animation:6s linear infinite kc-spin-kf}.kc-confetti-piece{pointer-events:none;font-size:1.4rem;animation:1.1s ease-in forwards kc-confetti-kf;position:absolute;top:0}