:root{--bg-app: #101223;--bg-surface: #1c1e30;--bg-surface-hover: #27293b;--bg-surface-2: #323347;--text-primary: #e0e0fa;--text-secondary: #c1c7ce;--primary-color: #A2D2FF;--primary-hover: #CDE5FF;--primary-darker: #30628A;--primary-darker-hover: #29547A;--accent-color: #FF99CC;--accent-color-dark: #623c47;--neutral-color: #27293b;--border-color: #323347;--grid-line-color: rgba(255, 255, 255, 0.25);--danger-color: #ffb4ab;--cta-color: var(--primary-color);--feed-color: var(--primary-color);--feed-color-bg: rgba(225, 240, 255, 0.1);--sleep-color: var(--accent-color);--sleep-color-bg: rgba(237, 185, 198, 0.1);--nap-color: #c9e6ff;--play-color: #8feac8;--play-color-bg: rgba(185, 237, 218, 0.1);--diaper-color: #f1be75;--diaper-color-bg: rgba(241, 190, 117, 0.1);--wet-color: var(--primary-color);--dirty-color: var(--accent-color);--primary-btn-text: #00344d;--primary-shadow-color: rgba(225, 240, 255, 0.3);--primary-darker-button-text: var(--text-primary);--accent-btn-text: var(--text-primary);--accent-btn-hover-bg: var(--bg-surface-2);--accent-btn-hover-text: var(--text-primary);--tab-btn-active-text: #00344d;--delete-btn-hover-text: #690005;--sleep-btn-text: white;--play-btn-text: white;--diaper-btn-text: white;--radius-sm: 0.5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.5);--font-family: "Quicksand", "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif}:root[data-theme=light]{--bg-app: #f7f6ee;--bg-surface: #ffffff;--bg-surface-hover: #f5f2f0;--bg-surface-2: #eae6e3;--text-primary: #1b1c1c;--text-secondary: #5e5a58;--primary-color: #30628a;--primary-hover: #244b6a;--primary-darker: #1a354c;--primary-darker-hover: #122535;--accent-color: #c44569;--accent-color-dark: #8e2b47;--neutral-color: #eae6e3;--border-color: #e3deda;--grid-line-color: rgba(0, 0, 0, 0.15);--danger-color: #ba1a1a;--primary-btn-text: #ffffff;--primary-shadow-color: rgba(48, 98, 138, 0.2);--primary-darker-button-text: var(--primary-btn-text);--accent-btn-text: #ffffff;--accent-btn-hover-bg: #8e2b47;--accent-btn-hover-text: #ffffff;--tab-btn-active-text: #ffffff;--delete-btn-hover-text: #ffffff;--sleep-btn-text: #ffffff;--play-btn-text: #ffffff;--diaper-btn-text: #ffffff;--feed-color: #30628a;--feed-color-bg: rgba(48, 98, 138, 0.1);--sleep-color: #c44569;--sleep-color-bg: rgba(196, 69, 105, 0.1);--nap-color: #244b6a;--play-color: #1e7e59;--play-color-bg: rgba(30, 126, 89, 0.1);--diaper-color: #b17215;--diaper-color-bg: rgba(177, 114, 21, 0.1);--wet-color: var(--feed-color);--dirty-color: var(--sleep-color);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1)}body{margin:0;padding:0;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}