: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:#142029;--kc-white:#fff;--kc-shadow:#14283c29;--kc-radius-lg:28px;--kc-radius-md:18px;--kc-radius-sm:12px;--kc-font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--kc-font-body:"Manrope", "Segoe UI", system-ui, sans-serif;--kc-font-trace:"Baloo 2", system-ui, sans-serif;--kc-font-mono:"DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--kc-coral-dark:#e4553c;--kc-teal:#0f6b5c;--kc-ink-soft:#4c5b67;--kc-line:#14202b1f;--kc-bg:#e9eef0;--kc-glass:#fff9;--kc-glass-strong:#fffc;--kc-edge:#ffffffd9;--kc-glass-shadow:0 1px 0 #fff9 inset, 0 18px 40px -24px #14283c59;--kc-blur:blur(22px) saturate(150%);--kc-orb-a:#9fd8f0;--kc-orb-b:#ffd3a8;--kc-orb-c:#c9f0b0}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--kc-font-body);color:var(--kc-ink);background:var(--kc-bg);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:before,body:after,#root:before{content:"";filter:blur(70px);opacity:.85;pointer-events:none;z-index:0;border-radius:50%;position:fixed}body:before{background:var(--kc-orb-a);width:44vmax;height:44vmax;animation:34s ease-in-out infinite alternate kc-drift-a;top:-14vmax;left:-12vmax}body:after{background:var(--kc-orb-b);width:34vmax;height:34vmax;animation:40s ease-in-out infinite alternate kc-drift-b;top:30vh;right:-12vmax}#root:before{z-index:-1;background:var(--kc-orb-c);width:36vmax;height:36vmax;animation:46s ease-in-out infinite alternate kc-drift-c;bottom:-18vmax;left:18vw}#root{z-index:1;position:relative}@keyframes kc-drift-a{to{transform:translate(14vw,10vh)scale(1.08)}}@keyframes kc-drift-b{to{transform:translate(-16vw,-8vh)scale(.92)}}@keyframes kc-drift-c{to{transform:translate(-10vw,-12vh)scale(1.1)}}@media (prefers-reduced-motion:reduce){body:before,body:after,#root:before{animation:none}}:focus-visible{outline:3px solid var(--kc-coral);outline-offset:3px}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);letter-spacing:-.02em;color:var(--kc-ink);font-weight:700}.kc-topbar{top:calc(env(safe-area-inset-top) + 10px);z-index:50;border:1px solid var(--kc-edge);width:calc(100% - 24px);max-width:616px;box-shadow:var(--kc-glass-shadow);-webkit-backdrop-filter:var(--kc-blur);backdrop-filter:var(--kc-blur);background:#f0f4f6cc;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:6px;display:flex;position:sticky}.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-glass-strong);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{width:46px;height:46px;color:var(--kc-ink);background:var(--kc-glass-strong);border:none;border:1px solid var(--kc-edge);box-shadow:var(--kc-glass-shadow);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.kc-card{background:var(--kc-glass);border:1px solid var(--kc-edge);border-radius:var(--kc-radius-lg);box-shadow:var(--kc-glass-shadow);-webkit-backdrop-filter:var(--kc-blur);backdrop-filter:var(--kc-blur);padding:22px}.kc-input{font-family:var(--kc-font-body);border-radius:var(--kc-radius-md);border:3px solid var(--kc-edge);text-align:center;width:100%;color:var(--kc-ink);background:var(--kc-glass-strong);outline:none;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-glass-strong);box-shadow:var(--kc-glass-shadow);color:var(--kc-sky-dark);border:1px solid var(--kc-edge);cursor:pointer;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}.kc-footer{width:calc(100% - 36px);max-width:604px;margin:8px 0 calc(env(safe-area-inset-bottom) + 24px);border-top:1px solid var(--kc-line);font-family:var(--kc-font-mono);color:var(--kc-ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:20px;font-size:12px;display:flex}.kc-footer-logo{font-family:var(--kc-font-mono);letter-spacing:.06em;font-weight:500}.kc-yaw-link{color:var(--kc-ink);border-bottom:1px solid var(--kc-line);text-decoration:none;transition:color .15s,border-color .15s}a.kc-yaw-link:hover{color:var(--kc-coral-dark);border-color:var(--kc-coral-dark)}@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}