:root{--purple: #845ec2;--purple-dark: #6a3dab;--purple-soft: #f3edff;--ink: #2d2a3a;--ink-soft: #6b6580;--ink-faint: #9b95ad;--bg: #faf8ff;--card: #ffffff;--line: #ece7f6;--green: #00b894;--green-soft: #e4f8f2;--red: #ff6b6b;--amber: #fdcb6e;--radius: 20px;--radius-sm: 14px;--shadow: 0 6px 24px rgba(101, 78, 163, .1);--shadow-lg: 0 14px 40px rgba(101, 78, 163, .18);--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);background-image:radial-gradient(circle at 12% -5%,#efe6ff 0%,transparent 45%),radial-gradient(circle at 95% 0%,#e4f8f2 0%,transparent 40%);background-attachment:fixed;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit;font-size:inherit}a{color:var(--purple);text-decoration:none}.app-shell{max-width:640px;margin:0 auto;min-height:100%;padding:0 18px calc(40px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:18px 0 14px;background:linear-gradient(var(--bg) 70%,transparent)}.topbar h1{font-size:1.35rem;font-weight:800;letter-spacing:-.01em;flex:1;display:flex;align-items:center;gap:8px}.topbar .sub{font-size:.8rem;color:var(--ink-soft);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:13px 22px;font-weight:700;font-size:.98rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-dark));box-shadow:0 8px 18px #845ec252}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn--block{width:100%}.btn--ghost{background:#fff;color:var(--purple);border:1.5px solid var(--line);box-shadow:none}.btn--soft{background:var(--purple-soft);color:var(--purple-dark);box-shadow:none}.btn--danger{background:#fff;color:var(--red);border:1.5px solid #ffe0e0;box-shadow:none}.btn--lg{padding:16px 26px;font-size:1.05rem}.icon-btn{width:42px;height:42px;border-radius:14px;border:1.5px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;color:var(--ink);flex-shrink:0}.icon-btn:active{transform:scale(.94)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.list-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;display:block;color:inherit;position:relative;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.list-card:active{transform:scale(.985)}.list-card__accent{position:absolute;inset:0 auto 0 0;width:6px}.stack{display:flex;flex-direction:column;gap:14px}.progress{height:10px;border-radius:999px;background:var(--line);overflow:hidden}.progress__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#1ed1aa);transition:width .4s cubic-bezier(.2,.8,.2,1)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-weight:700;font-size:.88rem;color:var(--ink-soft)}.input{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:#fff;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 4px var(--purple-soft)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:.74rem;font-weight:700;background:var(--purple-soft);color:var(--purple-dark)}.pill--kid{background:#fff4dc;color:#b5790a}.pill--task{background:#e7f0ff;color:#1f6fd6}.pill--muted{background:#f0eef6;color:var(--ink-soft)}.muted{color:var(--ink-soft)}.center-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.spinner{width:34px;height:34px;border-radius:50%;border:3.5px solid var(--purple-soft);border-top-color:var(--purple);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:48px 20px;color:var(--ink-soft)}.empty .emoji{font-size:3rem;display:block;margin-bottom:12px}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:14px;font-weight:600;font-size:.9rem;box-shadow:var(--shadow-lg);z-index:50;animation:toast-in .25s ease;max-width:90vw}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.fade-in{animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}.action-bar{position:sticky;bottom:0;margin:18px -18px 0;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 28%);display:flex;gap:12px}