:root{--k-bg:#faf7f2;--k-bg-elevated:#fff;--k-bg-soft:#f3eee6;--k-bg-kid:#fff9f0;--k-bg-parent:#f7f5f1;--k-border:#e5dfd4;--k-border-strong:#cfc6b8;--k-text:#2a2620;--k-text-muted:#6b645a;--k-text-faint:#9a9288;--k-accent:#1f8a4c;--k-accent-hover:#187a42;--k-accent-soft:#e6f5ec;--k-accent-ink:#0f5c30;--k-gold:#c99212;--k-gold-soft:#fff4d6;--k-gold-ink:#8a6508;--k-danger:#b42318;--k-danger-soft:#fef3f2;--k-danger-ink:#912018;--k-warn-soft:#fff8e8;--k-warn-border:#e8d4a0;--k-error-soft:#fef6f4;--k-error-border:#e8c4bc;--k-info-soft:#eef6ff;--k-info-border:#b8d4f0;--k-radius-sm:10px;--k-radius:14px;--k-radius-lg:20px;--k-radius-pill:999px;--k-shadow:0 1px 2px #2a26200f, 0 4px 14px #2a26200f;--k-shadow-lg:0 8px 28px #2a26201f;--k-font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--k-font-nums:"Segoe UI", system-ui, ui-sans-serif, sans-serif;--k-fs-xs:.75rem;--k-fs-sm:.875rem;--k-fs:1rem;--k-fs-md:1.125rem;--k-fs-lg:1.35rem;--k-fs-xl:1.65rem;--k-fs-2xl:2rem;--k-fs-3xl:2.5rem;--k-tap:52px;--k-tap-kid:64px;--k-max:480px;--k-nav-h:72px;--k-safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;font-family:var(--k-font);color:var(--k-text);background:var(--k-bg);-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-size:16px;line-height:1.45}#root{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.k-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-family:var(--k-font-nums)}@keyframes k-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes k-pop{0%{opacity:0;transform:scale(.92)}40%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes k-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes k-confetti-fall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(120px)rotate(240deg)}}.k-app{min-height:100dvh;max-width:var(--k-max);flex-direction:column;margin:0 auto;display:flex;position:relative}.k-app--kid{background:linear-gradient(180deg, var(--k-bg-kid) 0%, var(--k-bg) 40%)}.k-app--parent{background:var(--k-bg-parent)}.k-main{padding:1rem 1rem calc(var(--k-nav-h) + var(--k-safe-bottom) + 1rem);flex:1;width:100%}.k-main--plain{padding-bottom:2rem}.k-sticky-top{z-index:20;background:linear-gradient(180deg, var(--k-bg-kid) 70%, #fff9f000);margin:-1rem -1rem .75rem;padding:.75rem 1rem .5rem;position:sticky;top:0}.k-btn{min-height:var(--k-tap);border-radius:var(--k-radius);border:1.5px solid var(--k-border-strong);background:var(--k-bg-elevated);color:var(--k-text);justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.15rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.k-btn:active:not(:disabled){transform:scale(.98)}.k-btn--primary{background:var(--k-accent);border-color:var(--k-accent);color:#fff}.k-btn--primary:hover:not(:disabled){background:var(--k-accent-hover);border-color:var(--k-accent-hover)}.k-btn--quiet{color:var(--k-text-muted);background:0 0;border-color:#0000;min-height:44px;font-weight:500}.k-btn--danger{background:var(--k-danger-soft);border-color:var(--k-danger);color:var(--k-danger-ink)}.k-btn--kid{min-height:var(--k-tap-kid);font-size:var(--k-fs-md);border-radius:var(--k-radius-lg);width:100%}.k-btn--block{width:100%}.k-btn--sm{min-height:40px;font-size:var(--k-fs-sm);padding:.4rem .75rem}.k-field{gap:.3rem;margin-bottom:.85rem;display:grid}.k-field label,.k-label{font-size:var(--k-fs-sm);color:var(--k-text-muted);font-weight:600}.k-input,.k-select{width:100%;min-height:var(--k-tap);border:1.5px solid var(--k-border);border-radius:var(--k-radius-sm);background:var(--k-bg-elevated);padding:.55rem .85rem}.k-input:focus,.k-select:focus{outline:2px solid var(--k-accent-soft);border-color:var(--k-accent)}.k-card{background:var(--k-bg-elevated);border:1px solid var(--k-border);border-radius:var(--k-radius);box-shadow:var(--k-shadow);margin-bottom:.65rem;padding:.85rem 1rem}.k-card--tap{cursor:pointer;text-align:left;width:100%;font:inherit;border:none;display:block}.k-card--tap:active:not(:disabled){transform:scale(.99)}.k-card--pending{background:#fffcf5;border-color:#d4c4a8}.k-card--locked{opacity:.72;background:var(--k-bg-soft)}.k-card--dim{opacity:.85}.k-section-title{font-size:var(--k-fs-md);color:var(--k-text);margin:1.25rem 0 .6rem;font-weight:700}.k-h1{font-size:var(--k-fs-xl);letter-spacing:-.02em;margin:0 0 .5rem;font-weight:800}.k-h2{font-size:var(--k-fs-lg);margin:0 0 .5rem;font-weight:700}.k-muted{color:var(--k-text-muted);font-size:var(--k-fs-sm)}.k-balance-header{background:var(--k-bg-elevated);border:1px solid var(--k-border);border-radius:var(--k-radius-lg);box-shadow:var(--k-shadow);align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.k-balance-header__avatar{background:var(--k-gold-soft);border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;font-size:2.75rem;line-height:1;display:grid}.k-balance-header__name{font-weight:700;font-size:var(--k-fs-md)}.k-balance-header__points{font-size:var(--k-fs-2xl);color:var(--k-gold);font-weight:800;line-height:1.1}.k-balance-header__label{font-size:var(--k-fs-xs);color:var(--k-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.k-chip{border-radius:var(--k-radius-pill);background:var(--k-gold-soft);color:var(--k-gold-ink);font-weight:700;font-size:var(--k-fs-sm);white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.15rem;padding:.2rem .55rem;display:inline-flex}.k-chip--lg{font-size:var(--k-fs-md);padding:.3rem .7rem}.k-chip--neg{background:var(--k-bg-soft);color:var(--k-text-muted)}.k-row{align-items:center;gap:.75rem;display:flex}.k-row__icon{text-align:center;flex-shrink:0;width:2.5rem;font-size:1.85rem}.k-row__body{flex:1;min-width:0}.k-row__title{font-weight:700;font-size:var(--k-fs-md)}.k-row__meta{font-size:var(--k-fs-sm);color:var(--k-text-muted)}.k-badge{font-size:var(--k-fs-xs);color:var(--k-text-muted);background:var(--k-bg-soft);border-radius:var(--k-radius-pill);align-items:center;gap:.25rem;padding:.15rem .45rem;font-weight:600;display:inline-flex}.k-avatar-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.k-avatar-tile{border-radius:var(--k-radius-lg);border:2px solid var(--k-border);background:var(--k-bg-elevated);min-height:110px;box-shadow:var(--k-shadow);font-weight:700;font-size:var(--k-fs-md);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex}.k-avatar-tile__emoji{font-size:2.75rem;line-height:1}.k-pin-dots{justify-content:center;gap:14px;margin:1rem 0 1.25rem;display:flex}.k-pin-dot{background:var(--k-border);border-radius:50%;width:16px;height:16px;transition:background .12s}.k-pin-dot--on{background:var(--k-text)}.k-pin-pad{grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:0 auto;display:grid}.k-pin-key{border-radius:var(--k-radius);border:1.5px solid var(--k-border);background:var(--k-bg-elevated);min-height:68px;box-shadow:var(--k-shadow);font-size:1.75rem;font-weight:700}.k-pin-shake{animation:.4s k-shake}.k-nav{width:100%;max-width:var(--k-max);padding:.45rem .5rem calc(.45rem + var(--k-safe-bottom));border-top:1px solid var(--k-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#fffffff5;gap:4px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.k-nav__item{border-radius:var(--k-radius-sm);min-height:56px;font-size:var(--k-fs-xs);color:var(--k-text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:600;display:flex}.k-nav__item--active{color:var(--k-accent-ink);background:var(--k-accent-soft)}.k-nav__icon{font-size:1.35rem;line-height:1}.k-thumb-zone{bottom:calc(var(--k-nav-h) + var(--k-safe-bottom));z-index:15;padding:.5rem 0 0;position:sticky}.k-empty{text-align:center;border-radius:var(--k-radius-lg);background:var(--k-info-soft);border:1.5px dashed var(--k-info-border);margin:.75rem 0;padding:1.5rem 1.1rem}.k-empty--win{background:var(--k-accent-soft);border-color:#a8d9bb}.k-empty__illu{margin-bottom:.35rem;font-size:2.25rem}.k-empty__title{font-weight:800;font-size:var(--k-fs-md);margin:0 0 .35rem}.k-empty__body{color:var(--k-text-muted);margin:0 0 .85rem}.k-loading{text-align:center;color:var(--k-text-muted);background:var(--k-bg-soft);border-radius:var(--k-radius);margin:.75rem 0;padding:1.5rem}.k-error{text-align:center;background:var(--k-error-soft);border:1px solid var(--k-error-border);border-radius:var(--k-radius);color:var(--k-text);margin:.75rem 0;padding:1.25rem}.k-mutation-error{background:var(--k-warn-soft);border:1px solid var(--k-warn-border);border-radius:var(--k-radius);color:var(--k-text);margin:.75rem 0;padding:1rem}.k-notif-badge{display:inline-flex;position:relative}.k-notif-badge__dot{border-radius:var(--k-radius-pill);background:var(--k-accent);color:#fff;font-variant-numeric:tabular-nums;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-2px;right:-4px}.k-stat-tile{border-radius:var(--k-radius);text-align:center;border:2px solid var(--k-border);background:var(--k-bg-elevated);padding:.85rem}.k-stat-tile--hot{border-color:var(--k-accent);background:var(--k-accent-soft)}.k-stat-tile__n{font-size:var(--k-fs-2xl);font-variant-numeric:tabular-nums;color:var(--k-accent-ink);font-weight:800}.k-stat-tile__l{font-size:var(--k-fs-sm);color:var(--k-text-muted);font-weight:600}.k-family-banner{background:var(--k-bg-elevated);border:1px solid var(--k-border);border-radius:var(--k-radius);box-shadow:var(--k-shadow);margin-bottom:1rem;padding:.9rem 1rem}.k-family-code{font-size:var(--k-fs-2xl);letter-spacing:.14em;font-variant-numeric:tabular-nums;font-weight:800}.k-guide{border-radius:var(--k-radius-lg);box-shadow:var(--k-shadow);background:linear-gradient(160deg,#f2fbf5,#fff);border:2px solid #7cb896;margin-bottom:1.1rem;padding:1rem}.k-guide ol{margin:.5rem 0 .85rem;padding-left:1.25rem}.k-guide li[data-current="1"]{color:var(--k-accent-ink);font-weight:800}.k-guide li[data-done="1"]{color:var(--k-accent)}.k-settings-row{border-bottom:1px solid var(--k-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 0;display:flex}.k-settings-row__label{font-weight:600}.k-settings-row__hint{font-size:var(--k-fs-sm);color:var(--k-text-muted)}.k-sheet-backdrop{z-index:50;background:#2a262066;justify-content:center;align-items:flex-end;animation:.15s k-fade-up;display:flex;position:fixed;inset:0}.k-sheet{width:100%;max-width:var(--k-max);background:var(--k-bg-elevated);border-radius:var(--k-radius-lg) var(--k-radius-lg) 0 0;padding:1.25rem 1.15rem calc(1.25rem + var(--k-safe-bottom));box-shadow:var(--k-shadow-lg);animation:.2s k-fade-up}.k-toast{left:50%;bottom:calc(var(--k-nav-h) + 1rem + var(--k-safe-bottom));z-index:60;max-width:min(var(--k-max) - 2rem, 360px);background:var(--k-text);color:#fff;border-radius:var(--k-radius);width:calc(100% - 2rem);font-weight:600;font-size:var(--k-fs-sm);text-align:center;box-shadow:var(--k-shadow-lg);padding:.75rem 1rem;animation:.25s k-pop;position:fixed;transform:translate(-50%)}.k-toast--kid{background:var(--k-accent)}.k-celebration{z-index:70;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.k-celebration__burst{font-size:3rem;animation:.35s k-pop}.k-celebration__piece{border-radius:2px;width:10px;height:10px;animation:1.2s ease-out forwards k-confetti-fall;position:absolute;top:20%}.k-stack{gap:.5rem;display:grid}.k-actions{flex-wrap:wrap;gap:.5rem;margin-top:.65rem;display:flex}.k-list{margin:0;padding:0;list-style:none}.k-gate{gap:.85rem;margin-top:1.5rem;display:grid}.k-alert{color:var(--k-danger-ink);background:var(--k-danger-soft);border-radius:var(--k-radius-sm);font-size:var(--k-fs-sm);padding:.65rem .85rem}.k-status{color:var(--k-accent-ink);background:var(--k-accent-soft);border-radius:var(--k-radius-sm);font-size:var(--k-fs-sm);padding:.65rem .85rem}.k-hint{color:var(--k-gold-ink);font-size:var(--k-fs-sm);font-weight:600}@media (width>=600px){.k-avatar-grid{grid-template-columns:repeat(3,1fr)}.k-main{padding-left:1.25rem;padding-right:1.25rem}}