@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap";:root{color:#24313b;background:#f8f7f4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app{max-width:760px;min-height:100vh;margin:auto;padding-bottom:90px}header{justify-content:space-between;align-items:center;padding:28px 24px 16px;display:flex}.brand{letter-spacing:-1px;font-size:25px;font-weight:700}.brand span{color:#e88772}.sub{color:#8b949b;margin-top:4px;font-size:11px}.icon{color:#778;background:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:18px}.hero{margin:16px 20px 22px}.eyebrow{text-transform:uppercase;letter-spacing:1px;color:#e88772;font-size:12px;font-weight:700}.hero h1,.join h1{margin:7px 0;font-family:Fraunces,serif;font-size:34px}.muted{color:#879198;font-size:14px}.auth-tabs{gap:8px;margin:22px 0 8px;display:flex}.auth-tabs button{color:#68747a;background:#fff;border:1px solid #e1e3df;border-radius:10px;flex:1;padding:11px;font-weight:700}.auth-tabs button.selected{color:#fff;background:#263942;border-color:#263942}.code-tabs{gap:8px;margin:14px 0 4px;display:flex}.code-tabs button{color:#68747a;background:#fff;border:1px solid #e1e3df;border-radius:10px;flex:1;padding:11px 8px;font-size:12px;font-weight:700}.code-tabs button.selected{color:#fff;background:#263942;border-color:#263942}.code-hint{color:#879198;text-align:left;margin:8px 0 12px;font-size:12px;line-height:1.4}.generated-code{color:#263942;letter-spacing:.5px;text-align:center;background:#f8f7f4;border:1px dashed #e88772;border-radius:10px;margin:10px 0;padding:13px;font-weight:700}.sleep-card{color:#fff;background:#263942;border-radius:20px;align-items:center;gap:12px;margin-top:22px;padding:17px;display:flex;box-shadow:0 8px 18px #26394222}.moon{background:#39505a;border-radius:13px;padding:7px 11px;font-size:27px}.sleep-card small{color:#b8c6c9;margin-top:3px;font-size:11px;display:block}.sleep-card button{color:#fff;background:0 0;border:1px solid #789096;border-radius:9px;margin-left:auto;padding:9px 13px;font-weight:600}.grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:0 20px;display:grid}.action{text-align:left;color:#34444d;background:#fff;border:0;border-radius:16px;grid-template-columns:35px 1fr 20px;align-items:center;padding:16px;display:grid;box-shadow:0 2px 10px #2639420b}.action span{font-size:24px}.action i{color:#e88772;font-size:22px;font-style:normal}.recent,.insights,.settings{margin:30px 20px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2,.settings h2{margin:0;font-size:20px}.section-title span{color:#99a2a7;font-size:12px}.event{background:#fff;border-radius:14px;align-items:center;gap:12px;margin-top:9px;padding:14px;display:flex}.dot{background:#e88772;border-radius:50%;width:10px;height:10px}.dot.sleep_start,.dot.sleep_stop{background:#647f8c}.event small{color:#8d969b;margin-top:3px;font-size:12px;display:block}.event time{color:#8c9599;margin-left:auto;font-size:12px}.empty{text-align:center;color:#9aa3a7;background:#fff;border-radius:15px;margin-top:12px;padding:32px;font-size:14px}nav{width:min(760px,100%);padding:10px 20px calc(14px + env(safe-area-inset-bottom));z-index:100;isolation:isolate;opacity:1;background:#fff;border-top:1px solid #ecece9;justify-content:space-around;min-height:68px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #24313b12}nav button{color:#a4abad;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;font-size:20px;display:flex}nav span{font-size:11px}nav .active{color:#e88772}.join{max-width:420px;margin:0 auto;padding:25vh 28px 30px}.join h1{font-size:40px;line-height:1.05}.join p{color:#7e898e;line-height:1.5}.join input,.settings input{width:100%;font:inherit;background:#fff;border:1px solid #e1e3df;border-radius:10px;margin:10px 0;padding:14px;font-size:16px;display:block}.join button{color:#fff;background:#e88772;border:0;border-radius:11px;width:100%;margin-top:8px;padding:15px;font-size:15px;font-weight:700}.join small{text-align:center;color:#a1a8aa;margin-top:20px;font-size:11px;display:block}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;display:grid}.stats div{text-align:center;background:#fff;border-radius:14px;padding:18px 10px}.stats strong{color:#e88772;font-size:28px;display:block}.stats span{color:#7e898e;font-size:11px}.tip{color:#8b675b;background:#fff0e9;border-radius:14px;margin-top:24px;padding:18px;font-size:14px;line-height:1.5}.settings label{margin-top:22px;font-size:13px;font-weight:600;display:block}.settings-save{color:#24313b;background:#e88772;border:0;border-radius:10px;width:100%;margin-top:24px;padding:13px;font-weight:700}.child-age{color:#8b675b;background:#fff0e9;border-radius:10px;margin-top:10px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-block}@media (width>=600px){.grid{grid-template-columns:repeat(4,1fr)}.hero{margin-top:35px}}.tracker-list{gap:10px;margin:0 20px;display:grid}.tracker-card{background:#fff;border-radius:16px;align-items:center;gap:10px;padding:13px;display:flex;box-shadow:0 2px 10px #2639420b}.tracker-card.running{color:#24313b;background:#fff}.tracker-icon{text-align:center;width:32px;font-size:22px}.tracker-copy{flex:1;min-width:0}.tracker-copy b,.tracker-copy small{display:block}.tracker-copy small{color:#8d969b;margin-top:3px;font-size:11px}.running .tracker-copy small{color:#24313b}.timer{font-variant-numeric:tabular-nums;color:#24313b;font-size:13px}.tracker-action{color:#24313b;white-space:nowrap;background:#e88772;border:0;border-radius:9px;padding:9px 10px;font-weight:600}.tracker-action.secondary{color:#24313b;background:0 0;border:1px solid #e88772}.running .tracker-action.secondary{color:#24313b;border-color:#80949a}.saved{color:#7fb8b0;white-space:nowrap;margin-left:auto;font-size:11px}.language-toggle{gap:4px;margin:12px 0;display:flex}.language-toggle button{color:#7e898e;background:#fff;border:1px solid #e1e3df;border-radius:8px;padding:8px 12px;font-weight:600}.language-toggle button.selected{color:#fff;background:#263942;border-color:#263942}.language-toggle.wide{width:fit-content}.settings .language-toggle{margin-top:10px}.settings label{margin-top:20px}@media (width<=480px){.tracker-card{flex-wrap:wrap}.tracker-copy{flex:calc(100% - 55px)}.timer{margin-left:42px}.tracker-action{margin-left:auto}.tracker-action.secondary{margin-left:0}}.tracker-list{display:block}.tracker-list>.tracker-card{margin-bottom:10px}.feeding-group{background:#fff;border-radius:16px;margin-bottom:10px;padding:12px;box-shadow:0 2px 10px #2639420b}.feeding-group h3{margin:0 0 10px;font-size:14px}.feeding-options{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.feeding-options .tracker-card{box-shadow:none;background:#f8f7f4}.quick-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-card{color:#34444d;background:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:14px 8px;display:flex;box-shadow:0 2px 10px #2639420b}.quick-card span{font-size:20px}.quick-card i{color:#e88772;font-size:20px;font-style:normal}.quick-card b{font-size:12px}.dot.breast-left,.dot.breast-right,.dot.formula{background:#e88772}.dot.diaper{background:#7fb8b0}.dot.weight{background:#e1ae60}.dot.height{background:#8f9dcf}.formula-group{background:#fff;border-radius:16px;margin-bottom:10px;padding:12px;box-shadow:0 2px 10px #2639420b}.formula-group h3{margin:0 0 10px;font-size:14px}.formula-group .quick-card{justify-content:flex-start;width:100%}.formula-group .quick-card i{margin-left:auto}.modal label{color:#68747a;margin-bottom:10px;font-size:12px;display:block}.modal label input{margin-top:5px}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin:0 20px 24px;display:grid}.stat-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #2639420b}.stat-card span{color:#e88772;margin-bottom:8px;font-size:22px;display:block}.stat-card strong{font-variant-numeric:tabular-nums;color:#24313b;font-size:22px;display:block}.stat-card small{color:#879198;margin-top:5px;font-size:12px;display:block}.floating-add{right:max(22px,50vw - 358px);bottom:calc(108px + env(safe-area-inset-bottom));color:#fff;z-index:110;background:#e88772;border:0;border-radius:50%;width:56px;height:56px;font-size:32px;line-height:1;position:fixed;box-shadow:0 8px 20px #e8877255}.add-page{padding-top:10px}.add-page h1{margin:3px 0 20px;font-family:Fraunces,serif;font-size:30px}.add-page .section-title{margin:0 20px}.add-page .tracker-list{margin-top:0}.event-menu{grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 20px;display:grid}.event-menu button{color:#34444d;background:#fff;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:88px;padding:13px 5px;display:flex;box-shadow:0 2px 10px #2639420b}.event-menu span{font-size:26px}.event-menu small{text-align:center;font-size:10px}.back-button{color:#68747a;font:inherit;background:0 0;border:0;margin-bottom:14px;padding:0 20px}.detail-options{margin:0 20px}.add-page>.quick-card{justify-content:flex-start;width:calc(100% - 40px);margin:0 20px}.add-page>.quick-card i{margin-left:auto}.start-from-time{width:100%;margin:8px 0 14px}.event-active{border:1px solid #e88772}.event-main{flex:1;min-width:0}.event-actions{gap:7px;margin-top:10px;display:flex}.event-actions button{color:#24313b;background:#e88772;border:0;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:600}.event-actions button:first-child{background:#f1f2ef}.swipe-row{background:#f8e2dc;border-radius:14px;margin-top:9px;position:relative;overflow:hidden}.swipe-content{z-index:1;touch-action:pan-y;transition:transform .18s;position:relative}.swipe-row .event{margin-top:0}.swipe-delete{color:#fff;background:#c85d4b;border:0;width:92px;font-weight:700;position:absolute;inset:0 0 0 auto}.manual-sleep{background:#fff;border-radius:16px;margin-top:12px;padding:16px;box-shadow:0 2px 10px #2639420b}.manual-sleep h3{margin:0 0 12px;font-size:15px}.time-field{color:#68747a;margin-top:10px;font-size:12px;display:block}.native-date-time{grid-template-columns:1.2fr 1fr;gap:10px;margin-top:6px;display:grid}.native-date-time label{background:#f8f7f4;border:1px solid #d9ddd9;border-radius:10px;padding:7px 8px 8px;display:block}.native-date-time small{color:#879198;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.manual-sleep input{width:100%;font:inherit;border:1px solid #e1e3df;border-radius:9px;margin-top:5px;padding:11px;display:block}.native-date-time input{background:0 0;border:0;border-radius:0;margin-top:0;padding:4px 0}.manual-sleep button{color:#24313b;background:#e88772;border:0;border-radius:9px;width:100%;margin-top:14px;padding:11px;font-weight:600}.manual-sleep button:disabled{opacity:.45}.wheel-picker{background:#f8f7f4;border-radius:11px;align-items:center;gap:6px;margin-top:6px;padding:5px;display:flex}.diaper-types{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.diaper-types button{color:#68747a;background:#fff;border:1px solid #e1e3df;border-radius:10px;padding:12px 6px;font-weight:600}.diaper-types button.selected{color:#fff;background:#263942;border-color:#263942}.dark-theme .diaper-types button{color:#eef3f2;background:#293338;border-color:#526168}.dark-theme .diaper-types button.selected{background:#51413e;border-color:#ffad98}.wheel-column{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;background:#fff;border-radius:8px;flex:1;height:54px;overflow-y:auto}.wheel-column::-webkit-scrollbar{display:none}.wheel-column button{color:#a3abad;width:100%;height:27px;font:inherit;scroll-snap-align:center;background:0 0;border:0;font-size:12px;display:block}.wheel-column button.selected{color:#24313b;background:#fff0e9;height:27px;font-weight:700}.wheel-picker span{color:#9aa3a7;font-weight:600}.sleep-type-toggle{gap:8px;margin:0 20px 12px;display:flex}.sleep-type-toggle button{color:#68747a;background:#fff;border:1px solid #e1e3df;border-radius:9px;flex:1;padding:10px;font-weight:600}.sleep-type-toggle button.selected{color:#fff;background:#263942;border-color:#263942}.wheel-trigger{color:#24313b;text-align:left;width:100%;font:inherit;background:#f8f7f4;border:1px solid #e1e3df;border-radius:10px;margin-top:6px;padding:12px;display:block}.wheel-modal-backdrop{z-index:200;background:#24313b66;justify-content:center;align-items:flex-end;padding-bottom:70px;display:flex;position:fixed;inset:0}.wheel-modal{background:#fff;border-radius:22px 22px 0 0;width:min(560px,100%);padding:20px 20px 28px;box-shadow:0 -10px 35px #24313b33}.wheel-modal-header{justify-content:center;align-items:center;display:flex;position:relative}.wheel-modal-title{text-align:center;margin-bottom:12px;font-weight:700}.wheel-close{color:#68747a;background:#f1f2ef;border:0;border-radius:50%;width:30px;height:30px;font-size:22px;line-height:1;position:absolute;top:-8px;right:0}.wheel-modal .wheel-picker{justify-content:center;height:100px}.wheel-modal .wheel-column{height:84px}.wheel-modal .wheel-column button{height:28px}.wheel-confirm{color:#24313b;background:#e88772;border:0;border-radius:10px;width:100%;margin-top:16px;padding:13px;font-weight:700}@media (width>=600px){.dashboard-stats{grid-template-columns:repeat(4,1fr)}}@media (height<=650px){.floating-add{bottom:calc(100px + env(safe-area-inset-bottom))}}form,.settings label,.modal label,.native-date-time,.native-date-time label{min-width:0;max-width:100%}input,button,select,textarea{max-width:100%;font:inherit}input[type=date],input[type=time]{width:100%;min-width:0}.native-date-time>label{overflow:hidden}.settings{min-width:0;max-width:calc(100% - 40px);overflow:hidden}.settings input{width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.settings input[type=date]{appearance:none}.settings-share{color:#8b675b;background:#fff0e9;border:1px solid #e88772;border-radius:10px;width:100%;margin:16px 0 4px;padding:13px;font-weight:700}.header-actions{gap:6px;display:flex}.settings-tools{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.settings-secondary,.import-button{color:#68747a;text-align:center;background:#fff;border:1px solid #e1e3df;border-radius:10px;padding:12px;font-size:13px;font-weight:700}.import-button input{display:none}.theme-toggle{gap:8px;margin-top:8px;display:flex}.theme-toggle button{color:#68747a;background:#fff;border:1px solid #e1e3df;border-radius:8px;flex:1;padding:10px}.theme-toggle button.selected{color:#fff;background:#263942;border-color:#263942}.dark-theme,.dark-theme body{color:#eef3f2;background:#1d2529}.dark-theme .app,.dark-theme nav,.dark-theme .event,.dark-theme .stat-card,.dark-theme .settings-secondary,.dark-theme .import-button,.dark-theme .settings input,.dark-theme .join input,.dark-theme .quick-card,.dark-theme .tracker-card,.dark-theme .manual-sleep,.dark-theme .wheel-modal,.dark-theme .modal{color:#eef3f2;background:#293338}.dark-theme .event,.dark-theme .stat-card,.dark-theme .journal-day{border:1px solid #526168}.dark-theme .sub,.dark-theme .muted,.dark-theme .event small,.dark-theme .tracker-copy small{color:#afbdc0}.dark-theme nav{border-color:#435056}.dark-theme .settings-secondary,.dark-theme .import-button,.dark-theme .theme-toggle button{color:#eef3f2;background:#293338;border-color:#526168}.dark-theme header,.dark-theme .icon,.dark-theme .event-menu button,.dark-theme .action,.dark-theme .sleep-type-toggle button,.dark-theme .wheel-trigger,.dark-theme .wheel-picker,.dark-theme .wheel-column,.dark-theme .wheel-close,.dark-theme .native-date-time label,.dark-theme .generated-code,.dark-theme .settings-share,.dark-theme .settings-save{color:#eef3f2;background:#293338}.dark-theme .event-menu button,.dark-theme .action,.dark-theme .sleep-type-toggle button,.dark-theme .wheel-trigger,.dark-theme .native-date-time label,.dark-theme .settings-secondary,.dark-theme .import-button{border-color:#526168}.dark-theme .back-button,.dark-theme .time-field,.dark-theme .modal label,.dark-theme .wheel-column button,.dark-theme .section-title span{color:#afbdc0}.dark-theme .wheel-column button.selected{color:#fff;background:#51413e}.dark-theme input,.dark-theme textarea,.dark-theme select{color:#eef3f2;background:#202a2f;border-color:#526168}.dark-theme .event-actions button:first-child{color:#eef3f2;background:#435057}.dark-theme .tracker-action.secondary{color:#eef3f2;border-color:#80949a}.dark-theme .saved{color:#9bd0c4}.dark-theme .settings-share{color:#ffd3c4;background:#51413e}.journal-day{color:#68747a;text-transform:uppercase;letter-spacing:.5px;border-left:3px solid #e88772;margin:22px 0 8px;padding:7px 10px;font-size:12px;font-weight:700}.dark-theme .journal-day{color:#ffd3c4}.dark-theme .hero h1,.dark-theme .section-title h2,.dark-theme .stat-card strong,.dark-theme .stat-card small,.dark-theme .event b,.dark-theme .tracker-copy b,.dark-theme .event-actions button{color:#eef3f2}.dark-theme .stat-card span,.dark-theme .eyebrow{color:#ffad98}.dark-theme .child-age{color:#ffd3c4;background:#51413e}.dark-theme .event-active{border-color:#ffad98}.join,.modal,.manual-sleep{min-width:0;max-width:100%;overflow:hidden}.join input[type=date],.modal input[type=time],.manual-sleep input[type=date],.manual-sleep input[type=time]{appearance:none;width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.native-date-time{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.modal-backdrop{z-index:5;background:#24313b66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(360px,100%);padding:20px;box-shadow:0 12px 40px #24313b33}.modal h3{margin:0 0 14px;font-size:18px}.modal input{width:100%;font:inherit;border:1px solid #e1e3df;border-radius:10px;padding:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.modal-actions button{color:#fff;background:#e88772;border:0;border-radius:9px;padding:9px 13px;font-weight:600}.modal-actions button:first-child{color:#68747a;background:#f1f2ef}.daily-stats{gap:10px;margin-top:18px;display:grid}.daily-stat{background:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:15px;display:grid}.daily-stat b{text-transform:capitalize;grid-column:1/-1}.daily-stat span,.daily-stat small{color:#68747a;font-size:13px}.daily-stat small{text-align:right}.dark-theme .daily-stat{background:#293338;border:1px solid #526168}.dark-theme .daily-stat span,.dark-theme .daily-stat small{color:#afbdc0}.feeding-options+.manual-sleep h3{display:none}.feeding-options+.manual-sleep .sleep-type-toggle button[aria-pressed=true]{color:#fff;background:#e88772;border-color:#e88772;box-shadow:0 3px 8px #e8877255}.dark-theme .feeding-options+.manual-sleep .sleep-type-toggle button[aria-pressed=true]{color:#fff;background:#e88772;border-color:#e88772}