:root{--color-primary: #7FAF8E;--color-primary-hover: #6B9C7A;--color-primary-active: #5A8568;--color-primary-bg: rgba(127, 175, 142, .12);--color-secondary: #D6E5DC;--color-secondary-light: #EDF4F0;--color-bg-base: #fefcff;--color-bg-card: #FFFFFF;--color-border: #e8e2ec;--color-text: #2F2F2F;--color-text-secondary: #6B6B6B;--color-text-disabled: #9B9B9B;--color-text-on-primary: #FFFFFF;--color-cat-food: #F2D6C2;--color-cat-diapers: #DCE8F2;--color-cat-sleep: #E2D8F5;--color-cat-health: #F5DCE6;--color-accent-lavender: #CDB8E8;--color-accent-rose: #F07899;--color-accent-lavender-bg: rgba(205, 184, 232, .13);--color-accent-rose-bg: rgba(240, 120, 153, .11);--font-heading: Nunito, Segoe UI, system-ui, sans-serif;--font-base: Inter, Segoe UI, system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-btn: 14px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-soft: 0 4px 12px rgba(0, 0, 0, .05);--shadow-card: 0 8px 24px rgba(0, 0, 0, .06)}.dark{color-scheme:dark;--color-bg-base: #242d2a;--color-bg-card: #2e3833;--color-border: #3d4e47;--color-text: #dde8e2;--color-text-secondary: #8fad9e;--color-text-disabled: #576b61;--color-text-on-primary: #ffffff;--color-primary: #8ec49f;--color-primary-hover: #7ab38d;--color-primary-active: #66a07a;--color-primary-bg: rgba(142, 196, 159, .14);--color-secondary: #33403b;--color-secondary-light: #2a3530;--color-cat-food: #3e3228;--color-cat-diapers: #253240;--color-cat-sleep: #2d2745;--color-cat-health: #3d2535;--color-accent-lavender: #b09acc;--color-accent-rose: #c46380;--color-accent-lavender-bg: rgba(176, 154, 204, .14);--color-accent-rose-bg: rgba(196, 99, 128, .13);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .28);--shadow-card: 0 4px 20px rgba(0, 0, 0, .38)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#2f2f2f;background-color:#fefcff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:Nunito,Segoe UI,system-ui,sans-serif;font-weight:700;line-height:1.2;color:#2f2f2f}input,textarea,select{font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:1rem;color:#2f2f2f;background-color:#fff;border:1px solid #e8e2ec;border-radius:12px;padding:12px 16px;outline:none;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}input::placeholder,textarea::placeholder,select::placeholder{color:#9b9b9b}input:focus,textarea:focus,select:focus{border-color:#7faf8e;box-shadow:0 0 0 2px #7faf8e33}input:disabled,textarea:disabled,select:disabled{color:#9b9b9b;background-color:#fefcff;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:480px;margin:0 auto;padding:0 16px}.text-center{text-align:center}.text-muted{color:#6b6b6b}.text-disabled{color:#9b9b9b}.text-primary{color:#7faf8e}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;padding:.5rem 1rem;background:var(--color-primary);color:#fff;font-weight:700;border-radius:0 0 8px 8px;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}:focus:not(:focus-visible){outline:none}.dark body{background-color:var(--color-bg-base);color:var(--color-text)}.dark img:not([data-no-dim]){filter:brightness(.9) saturate(.88);transition:filter .3s ease}