:root{--brand:oklch(64% .17 150);--brand-strong:oklch(56% .16 150);--brand-ink:oklch(43% .13 150);--brand-tint:oklch(64% .17 150/.12);--navy:oklch(22% .035 255);--navy-2:oklch(28% .04 255);--bg:oklch(97.5% .007 250);--card:oklch(100% 0 0);--ink:oklch(21% .03 255);--muted:oklch(47% .018 255);--faint:oklch(60% .015 255);--border:oklch(91% .012 255);--border-soft:oklch(94% .008 255);--danger:oklch(58% .21 25);--danger-tint:oklch(58% .21 25/.12);--amber:oklch(70% .16 70);--amber-tint:oklch(70% .16 70/.15);--blue:oklch(58% .15 250);--blue-tint:oklch(58% .15 250/.12);--r-sm:10px;--r:16px;--r-lg:22px;--r-pill:999px;--shadow-sm:0 1px 2px oklch(22% .03 255/.06);--shadow:0 4px 16px oklch(22% .03 255/.07), 0 1px 3px oklch(22% .03 255/.05);--shadow-lg:0 12px 34px oklch(22% .03 255/.12);--shadow-brand:0 8px 24px oklch(64% .17 150/.32);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.22, 1, .36, 1);--nav-h:64px;--header-h:60px}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}button{font:inherit;cursor:pointer}a{color:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none}.mk-app{flex-direction:column;min-height:100%;display:flex}.mk-main{padding:calc(var(--header-h) + var(--safe-top) + 14px) 16px calc(var(--nav-h) + var(--safe-bottom) + 20px);flex:1;width:100%;max-width:620px;margin:0 auto}.mk-screen{flex-direction:column;gap:18px;display:flex}.mk-screen-enter{animation:screenIn .4s var(--ease)}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mk-header{z-index:30;height:calc(var(--header-h) + var(--safe-top));padding:var(--safe-top) 16px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft);background:oklch(100% 0 0/.82);align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0}.mk-hello{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.mk-hello .greet{color:var(--muted);font-size:.72rem}.mk-hello .name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:800;overflow:hidden}.mk-icon-btn{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--ink);transition:transform .12s var(--ease), background .12s;place-items:center;display:grid}.mk-icon-btn:active{background:var(--bg);transform:scale(.92)}.mk-icon-btn .material-symbols-outlined{font-size:22px}.mk-badge-dot{position:relative}.mk-badge-dot:after{content:"";background:var(--brand);border:2px solid var(--card);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px}.mk-kids{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.mk-kids::-webkit-scrollbar{display:none}.mk-kid{border-radius:var(--r-pill);border:1.5px solid var(--border);background:var(--card);transition:border-color .15s, background .15s, transform .1s var(--ease);flex-shrink:0;align-items:center;gap:8px;padding:6px 14px 6px 6px;display:flex}.mk-kid:active{transform:scale(.97)}.mk-kid.on{border-color:var(--brand);background:var(--brand-tint)}.mk-kid-av{object-fit:cover;background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.72rem;font-weight:800;display:grid}.mk-kid-name{font-size:.82rem;font-weight:700}.mk-kid.on .mk-kid-name{color:var(--brand-ink)}.mk-nav{z-index:30;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border-soft);background:oklch(100% 0 0/.9);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mk-nav-item{color:var(--faint);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.64rem;font-weight:600;transition:color .15s;display:flex;position:relative}.mk-nav-item .material-symbols-outlined{transition:transform .18s var(--ease);font-size:24px}.mk-nav-item.on{color:var(--brand-ink)}.mk-nav-item.on .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;transform:translateY(-1px)}.mk-nav-item.on:before{content:"";border-radius:var(--r-pill);background:var(--brand-tint);z-index:-1;width:34px;height:30px;position:absolute;top:8px}.card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--r);box-shadow:var(--shadow);padding:16px}.card-lg{border-radius:var(--r-lg);padding:20px}.eyebrow{color:var(--muted);letter-spacing:.01em;font-size:.7rem;font-weight:700}.h-screen{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:1.6rem;font-weight:800}.h-card{letter-spacing:-.01em;margin:0;font-size:1.02rem;font-weight:800}.muted{color:var(--muted)}.faint{color:var(--faint)}.pill{border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill.no-dot:before{display:none}.pill.green{color:var(--brand-ink);background:var(--brand-tint)}.pill.red{color:var(--danger);background:var(--danger-tint)}.pill.amber{color:oklch(48% .12 70);background:var(--amber-tint)}.pill.blue{color:var(--blue);background:var(--blue-tint)}.pill.slate{color:var(--muted);background:oklch(50% .02 255/.1)}.btn{border-radius:var(--r);border:1px solid var(--border);background:var(--card);color:var(--ink);transition:transform .1s var(--ease), box-shadow .15s, background .15s;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:.9rem;font-weight:700;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;pointer-events:none}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand);border-color:#0000}.btn-primary:active{background:var(--brand-strong)}.btn-block{width:100%}.btn-ghost{color:var(--brand-ink);background:0 0;border-color:#0000}.input{border-radius:var(--r);border:1.5px solid var(--border);background:var(--card);width:100%;color:var(--ink);padding:14px 16px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-tint);outline:none}.field-label{color:var(--muted);margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.seg{border-radius:var(--r);background:oklch(50% .02 255/.08);gap:4px;padding:4px;display:flex}.seg>button{color:var(--muted);background:0 0;border:none;border-radius:12px;flex:1;padding:9px;font-size:.85rem;font-weight:700;transition:color .15s}.seg>.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.mk-empty{text-align:center;color:var(--muted);padding:36px 20px}.mk-empty .material-symbols-outlined{color:var(--faint);margin-bottom:8px;font-size:44px}.mk-empty p{margin:4px 0 0;font-size:.9rem;line-height:1.5}.mk-skel{background:linear-gradient(100deg, var(--border-soft) 30%, oklch(96% .006 255) 50%, var(--border-soft) 70%);border-radius:var(--r);background-size:200% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;display:flex}.grow{flex:1;min-width:0}.ring{flex-shrink:0;place-items:center;display:grid;position:relative}.ring-label{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute}.ring-num{letter-spacing:-.02em;font-weight:800}.ring-max{color:var(--faint);margin-top:2px;font-size:.7rem;font-weight:700}.mk-boot{place-items:center;min-height:100vh;font-weight:600;display:grid}.mk-login{min-height:100vh;padding:calc(var(--safe-top) + 24px) 22px calc(var(--safe-bottom) + 24px);flex-direction:column;justify-content:center;gap:22px;max-width:440px;margin:0 auto;display:flex}.mk-login-brand{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.mk-login-logo{background:var(--brand);color:#fff;width:66px;height:66px;box-shadow:var(--shadow-brand);border-radius:20px;place-items:center;margin-bottom:6px;display:grid}.mk-login-logo .material-symbols-outlined{font-size:34px}.mk-login-title{letter-spacing:-.03em;margin:0;font-size:1.9rem;font-weight:900}.mk-login-card{flex-direction:column;gap:16px;display:flex}.mk-login-error{color:var(--danger);margin:0;font-size:.84rem;font-weight:600}.mk-otp-intro{color:var(--muted);align-items:flex-start;gap:10px;font-size:.86rem;display:flex}.mk-otp-intro .material-symbols-outlined{color:var(--brand)}.mk-otp-intro p{margin:0}.mk-pw-wrap{position:relative}.mk-pw-wrap .input{padding-right:48px}.mk-pw-toggle{width:38px;height:38px;color:var(--muted);background:0 0;border:none;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.mk-pw-toggle:active{background:var(--bg)}.mk-otp-input{text-align:center;letter-spacing:.5em;padding-left:.5em;font-size:1.7rem;font-weight:800}.mk-a2hs{background:var(--blue-tint);border-radius:var(--r);color:oklch(40% .1 250);align-items:flex-start;gap:10px;padding:14px 16px;font-size:.8rem;display:flex}.mk-a2hs p{margin:0}.mk-a2hs .material-symbols-outlined{color:var(--blue);flex-shrink:0}.mk-next-ico{color:var(--brand)}.mk-next-date{letter-spacing:-.01em;margin-top:8px;font-size:1.35rem;font-weight:800}.mk-next-meta{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:4px;font-size:.84rem}.mk-next-meta .material-symbols-outlined{font-size:17px}.mk-more{color:var(--brand-ink);gap:2px;padding:8px 0;font-weight:700}.mk-more .material-symbols-outlined{font-size:19px}.mk-perf-row{align-items:center;gap:16px;margin-top:10px}.mk-encourage{margin:0;font-size:.95rem;font-weight:700;line-height:1.4}.mk-encourage-lg{text-align:center;text-wrap:balance;font-size:1.05rem}.mk-session{align-items:center;gap:14px;padding:13px 14px;display:flex}.mk-session-day{background:var(--brand-tint);border-radius:13px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.mk-session-dow{text-transform:uppercase;color:var(--brand-ink);font-size:.6rem;font-weight:800}.mk-session-dnum{color:var(--brand-ink);font-size:1.15rem;font-weight:800;line-height:1}.mk-month{justify-content:center;align-items:center;gap:16px;display:flex}.mk-month-label{text-transform:capitalize;text-align:center;min-width:130px;font-size:1.05rem;font-weight:800}.mk-perf-hero{flex-direction:column;align-items:center;gap:14px;display:flex}.mk-crit-head{font-size:.86rem;font-weight:700}.mk-crit-score{color:var(--muted);font-variant-numeric:tabular-nums}.mk-crit-bar{background:var(--border);border-radius:999px;height:9px;margin-top:6px;overflow:hidden}.mk-crit-fill{background:var(--brand);height:100%;transition:width .8s var(--ease);border-radius:999px}.mk-coach{align-items:flex-start;gap:12px;display:flex}.mk-coach .material-symbols-outlined{color:var(--brand);font-size:26px}.mk-coach p{margin:2px 0 0;font-size:.92rem;font-style:italic;line-height:1.5}.mk-solde{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:relative;overflow:hidden}.mk-solde-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.3rem;font-weight:900}.mk-solde.due .mk-solde-amount{color:var(--danger)}.mk-solde.clear .mk-solde-amount{color:var(--brand-ink)}.mk-pay-row{align-items:center;gap:12px;display:flex}.mk-sheet-overlay{z-index:60;animation:fade .2s var(--ease);background:oklch(20% .03 255/.42);align-items:flex-end;display:flex;position:fixed;inset:0}.mk-sheet{background:var(--card);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;padding:20px 20px calc(var(--safe-bottom) + 24px);box-shadow:var(--shadow-lg);animation:sheetUp .32s var(--ease);flex-direction:column;gap:18px;display:flex}.mk-profile-id{align-items:center;gap:14px;display:flex}.mk-profile-av{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-weight:800;display:grid}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.mk-toasts{left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px);z-index:70;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed}.mk-toast{border-radius:var(--r-pill);background:var(--navy);color:#fff;box-shadow:var(--shadow-lg);animation:toastIn .28s var(--ease);align-items:center;gap:8px;max-width:100%;padding:11px 16px;font-size:.85rem;font-weight:600;display:flex}.mk-toast.success{background:var(--brand-strong)}.mk-toast.error{background:var(--danger)}.mk-toast .material-symbols-outlined{font-size:19px}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}