@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Figtree:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500;600&display=swap";:root{--coral-50:#fef3ef;--coral-100:#fde2d8;--coral-200:#fac5b2;--coral-300:#f59e82;--coral-400:#f0785b;--coral-500:#eb5a3c;--coral-600:#d4462b;--coral-700:#ae3722;--coral-800:#822a1d;--coral-900:#5b2016;--honey-100:#fdf0d6;--honey-300:#f8c976;--honey-400:#f4a63a;--honey-500:#e88f1e;--warm-0:#fff;--warm-50:#faf7f5;--warm-100:#f3eeea;--warm-150:#ece5df;--warm-200:#e4dbd3;--warm-300:#d3c7bc;--warm-400:#b2a398;--warm-500:#8b7b70;--warm-600:#6a5b52;--warm-700:#4d3f38;--warm-800:#362b26;--warm-900:#241c19;--school-sky-100:#dcf0fb;--school-sky-500:#1e9fe0;--school-sky-600:#1683be;--school-indigo-100:#e4e3f6;--school-indigo-500:#3a34a8;--school-indigo-600:#2e2a8c;--school-green-100:#d6f2e6;--school-green-500:#2bb07a;--school-green-600:#1e9464;--success-100:#d6f2e6;--success-500:#1fa971;--success-700:#157a52;--warning-100:#fdf0d6;--warning-500:#e8990f;--warning-700:#a96b08;--danger-100:#fbe1dd;--danger-500:#d4342a;--danger-700:#9c241c;--info-100:#dbeefb;--info-500:#2b8fd1;--info-700:#1e6ea3;--cat-meal-bg:#fdf0d6;--cat-meal-fg:#b57708;--cat-nap-bg:#e7e5f5;--cat-nap-fg:#5249b8;--cat-diaper-bg:#d5f0ec;--cat-diaper-fg:#0e877c;--cat-medicine-bg:#fbe1e9;--cat-medicine-fg:#c13b6e;--cat-activity-bg:#d6f2e6;--cat-activity-fg:#1e9464;--cat-photo-bg:#dbeefb;--cat-photo-fg:#1e6ea3;--cat-incident-bg:#fbe1dd;--cat-incident-fg:#b0281e;--brand:var(--coral-500);--brand-hover:var(--coral-600);--brand-active:var(--coral-700);--brand-subtle:var(--coral-50);--brand-on:#fff;--bg-app:var(--warm-50);--surface:var(--warm-0);--surface-subtle:var(--warm-100);--surface-sunken:var(--warm-150);--border:var(--warm-200);--border-strong:var(--warm-300);--divider:var(--warm-150);--text-primary:var(--warm-900);--text-secondary:var(--warm-600);--text-muted:var(--warm-500);--text-disabled:var(--warm-400);--text-on-brand:#fff;--text-link:var(--coral-600);--text-link-hover:var(--coral-700);--focus-ring:var(--coral-300);--school-100:var(--school-sky-100);--school-500:var(--school-sky-500);--school-600:var(--school-sky-600)}[data-school=intervencion]{--school-100:var(--school-indigo-100);--school-500:var(--school-indigo-500);--school-600:var(--school-indigo-600)}:root{--font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--text-display-lg:32px;--lh-display-lg:1.08;--text-display:28px;--lh-display:1.12;--text-title:22px;--lh-title:1.22;--text-headline:18px;--lh-headline:1.3;--text-body-lg:17px;--lh-body-lg:1.5;--text-body:15px;--lh-body:1.53;--text-label:14px;--lh-label:1.4;--text-caption:13px;--lh-caption:1.4;--text-micro:12px;--lh-micro:1.35;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-normal:0;--tracking-wide:.04em;--space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-12:64px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-full:999px;--touch-min:44px;--touch-comfy:48px;--touch-large:56px;--screen-max:430px;--gutter:16px;--tabbar-h:64px;--topbar-h:56px;--shadow-xs:0 1px 2px #2d1e190f;--shadow-sm:0 1px 3px #2d1e1914, 0 1px 2px #2d1e190d;--shadow-md:0 2px 8px #2d1e1917, 0 1px 3px #2d1e190d;--shadow-lg:0 8px 24px #2d1e191c, 0 2px 6px #2d1e190f;--shadow-xl:0 16px 40px #2d1e1926, 0 4px 10px #2d1e1912;--shadow-sheet:0 -8px 32px #2d1e1924;--ring:0 0 0 3px var(--focus-ring);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.4, .5, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);color:var(--text-primary);background:var(--bg-app);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--coral-100);color:var(--coral-800)}.cs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow-y:auto}.cs-scroll::-webkit-scrollbar{width:0;height:0;display:none}.cs-scroll-x{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.cs-scroll-x::-webkit-scrollbar{width:0;height:0;display:none}.cs-screen{background:var(--bg-app);min-height:100dvh;max-width:var(--screen-max);box-shadow:0 0 0 1px var(--border);flex-direction:column;margin:0 auto;display:flex}.cs-body{padding:14px var(--gutter) 28px;flex-direction:column;gap:10px;display:flex}.cs-stack{flex-direction:column;gap:10px;display:flex}.cs-section-label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-label);color:var(--text-secondary);letter-spacing:.02em}.cs-h2{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-headline);margin:0}.cs-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.cs-actions{padding:12px var(--gutter) 20px;padding-bottom:max(20px, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-sheet);flex-direction:column;flex:none;gap:10px;display:flex}@keyframes cs-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cs-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes cs-fade{0%{opacity:0}to{opacity:1}}@keyframes cs-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cs-btn{--h:48px;height:var(--h);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--fw-semibold);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;line-height:1;display:inline-flex}.cs-btn:active{transform:scale(.97)}.cs-btn:focus-visible{box-shadow:var(--ring);outline:none}.cs-btn[disabled]{cursor:not-allowed;transform:none}.cs-btn--sm{--h:40px;font-size:var(--text-caption);padding:0 16px}.cs-btn--lg{--h:56px;font-size:var(--text-body-lg);padding:0 26px}.cs-btn--block{width:100%;display:flex}.cs-btn--primary{background:var(--coral-500);color:#fff}.cs-btn--primary:hover{background:var(--coral-600)}.cs-btn--primary:active{background:var(--coral-700)}.cs-btn--primary[disabled]{background:var(--warm-200);color:var(--text-disabled)}.cs-btn--secondary{background:var(--surface);color:var(--text-primary);box-shadow:inset 0 0 0 1.5px var(--border-strong)}.cs-btn--secondary:hover{background:var(--warm-100)}.cs-btn--secondary:active{background:var(--warm-150)}.cs-btn--secondary[disabled]{color:var(--text-disabled);box-shadow:inset 0 0 0 1.5px var(--border)}.cs-btn--ghost{color:var(--coral-600);background:0 0}.cs-btn--ghost:hover{background:var(--coral-50)}.cs-btn--ghost:active{background:var(--coral-100)}.cs-btn--ghost[disabled]{color:var(--text-disabled)}.cs-btn--danger{background:var(--danger-500);color:#fff}.cs-btn--danger:hover{background:var(--danger-700)}.cs-btn--danger[disabled]{background:var(--warm-200);color:var(--text-disabled)}.cs-btn__spin{border:2px solid;border-top-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite cs-spin}.cs-iconbtn{border-radius:var(--radius-md);width:48px;height:48px;color:var(--warm-700);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.cs-iconbtn:hover{background:var(--warm-100)}.cs-iconbtn:active{transform:scale(.94)}.cs-iconbtn:focus-visible{box-shadow:var(--ring);outline:none}.cs-iconbtn[disabled]{color:var(--text-disabled);cursor:not-allowed}.cs-iconbtn--sm{width:40px;height:40px}.cs-iconbtn--solid{background:var(--coral-500);color:#fff}.cs-iconbtn--solid:hover{background:var(--coral-600)}.cs-iconbtn--solid:active{background:var(--coral-700)}.cs-iconbtn--subtle{background:var(--coral-50);color:var(--coral-600)}.cs-iconbtn--subtle:hover{background:var(--coral-100)}.cs-field{flex-direction:column;gap:6px;display:flex}.cs-field__label{font-size:var(--text-label);font-weight:var(--fw-semibold);color:var(--text-primary)}.cs-field__label span{color:var(--coral-500);margin-left:2px}.cs-field__hint{font-size:var(--text-caption);color:var(--text-secondary)}.cs-field__hint--error{color:var(--danger-700)}.cs-input-wrap{align-items:center;display:flex;position:relative}.cs-input-wrap>.cs-input__ic{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;left:14px}.cs-input{width:100%;height:48px;font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);box-sizing:border-box;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);padding:0 14px}.cs-input::placeholder{color:var(--text-muted)}.cs-input:hover{border-color:var(--warm-400)}.cs-input:focus{border-color:var(--coral-400);box-shadow:var(--ring);outline:none}.cs-input--hasIcon{padding-left:42px}.cs-input--error{border-color:var(--danger-500)}.cs-input--error:focus{box-shadow:0 0 0 3px var(--danger-100)}.cs-input:disabled{background:var(--warm-100);color:var(--text-disabled);cursor:not-allowed}.cs-textarea{width:100%;min-height:104px;font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);color:var(--text-primary);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);resize:vertical;box-sizing:border-box;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);padding:12px 14px}.cs-textarea::placeholder{color:var(--text-muted)}.cs-textarea:hover{border-color:var(--warm-400)}.cs-textarea:focus{border-color:var(--coral-400);box-shadow:var(--ring);outline:none}.cs-textarea:disabled{background:var(--warm-100);color:var(--text-disabled)}.cs-select-wrap{align-items:center;display:flex;position:relative}.cs-select-wrap>.cs-select__chev{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;right:14px}.cs-select{width:100%;height:48px;font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);box-sizing:border-box;appearance:none;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);padding:0 42px 0 14px}.cs-select:hover{border-color:var(--warm-400)}.cs-select:focus{border-color:var(--coral-400);box-shadow:var(--ring);outline:none}.cs-select:disabled{background:var(--warm-100);color:var(--text-disabled);cursor:not-allowed}.cs-select[data-placeholder=true]{color:var(--text-muted)}.cs-switch{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;display:inline-flex}.cs-switch input{opacity:0;width:0;height:0;position:absolute}.cs-switch__track{border-radius:var(--radius-full);background:var(--warm-300);width:52px;height:32px;transition:background var(--dur-base) var(--ease-out);flex:none;position:relative}.cs-switch__thumb{width:26px;height:26px;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.cs-switch input:checked+.cs-switch__track{background:var(--coral-500)}.cs-switch input:checked+.cs-switch__track .cs-switch__thumb{transform:translate(20px)}.cs-switch input:focus-visible+.cs-switch__track{box-shadow:var(--ring)}.cs-switch__label{font-size:var(--text-body);color:var(--text-primary)}.cs-switch[data-disabled=true]{cursor:not-allowed;opacity:.55}.cs-topbar{min-height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs);z-index:5;padding:0 8px 0 12px;padding-top:env(safe-area-inset-top);align-items:center;gap:12px;display:flex;position:sticky;top:0}.cs-topbar--large{min-height:88px;padding:14px 12px 14px 16px}.cs-topbar__title{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-headline);color:var(--text-primary);letter-spacing:var(--tracking-snug);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.15;overflow:hidden}.cs-topbar--large .cs-topbar__title{font-weight:var(--fw-black);font-size:var(--text-title)}.cs-topbar__eyebrow{font-size:var(--text-micro);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;line-height:1.2}.cs-topbar__subtitle{font-size:var(--text-caption);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.cs-topbar__back{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-left:-6px;display:flex}.cs-topbar__back:hover{background:var(--warm-100)}.cs-topbar__crest{border-radius:var(--radius-md);background:var(--school-100);width:38px;height:38px;color:var(--school-500);flex:none;justify-content:center;align-items:center;display:flex}.cs-tabbar{background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-sheet);padding:6px 4px 8px;padding-bottom:max(8px, env(safe-area-inset-bottom));z-index:5;align-items:stretch;display:flex;position:sticky;bottom:0}.cs-tab{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--text-muted);min-height:var(--touch-min);background:0 0;border:none;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:3px;padding:6px 2px 2px;display:flex}.cs-tab--active{color:var(--coral-600)}.cs-tab__label{font-family:var(--font-body);font-size:11px;font-weight:var(--fw-medium);letter-spacing:.005em;line-height:1}.cs-tab--active .cs-tab__label,.cs-tab--primary .cs-tab__label{font-weight:var(--fw-bold)}.cs-tab--primary{color:var(--coral-600)}.cs-tab__raised{border-radius:var(--radius-full);background:var(--coral-500);color:#fff;border:3px solid var(--surface);justify-content:center;align-items:center;width:50px;height:50px;margin-top:-18px;display:inline-flex;box-shadow:0 6px 16px #eb5a3c73}.cs-tab__badge{border-radius:var(--radius-full);background:var(--coral-500);color:#fff;min-width:17px;height:17px;font-family:var(--font-body);font-size:10px;font-weight:var(--fw-bold);box-shadow:0 0 0 2px var(--surface);justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:-5px;right:-9px}.cs-scrim{z-index:40;animation:cs-fade var(--dur-base) var(--ease-out);background:#241c196b;position:fixed;inset:0}.cs-sheet{z-index:41;max-width:var(--screen-max);background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px 20px 28px;padding-bottom:max(28px, env(safe-area-inset-bottom));box-shadow:var(--shadow-sheet);animation:cs-sheet var(--dur-slow) var(--ease-out);flex-direction:column;gap:8px;max-height:88dvh;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.cs-sheet__grabber{border-radius:var(--radius-full);background:var(--border-strong);align-self:center;width:40px;height:4px;margin-bottom:8px}.cs-sheet__title{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--text-title);margin:6px 0 0}[data-demo="1"] .cs-screen{padding-top:40px}[data-demo="1"] .cs-topbar{top:40px}.cs-toast-wrap{z-index:35;max-width:calc(var(--screen-max) - 32px);animation:cs-rise var(--dur-slow) var(--ease-out);margin:0 auto;position:fixed;left:16px;right:16px}.cs-toast{border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-lg);align-items:center;gap:12px;padding:12px 14px 12px 16px;display:flex}.cs-toast__undo{color:#fff;font-family:var(--font-body);font-weight:var(--fw-bold);font-size:var(--text-body);cursor:pointer;opacity:.95;background:0 0;border:none}
