:root{--bg-color:#000;--surface-color:#1c1c1e;--surface-secondary:#2c2c2e;--text-primary:#fff;--text-secondary:#ebebf599;--border-color:#38383a;--color-pee:#ffd60a;--color-poo:#a2845e;--color-milk:#0a84ff;--color-bath:#64d2ff;--color-tummy:#ff375f;--color-nap:#5e5ce6;--color-bedtime:#5e5ce6;--color-custom:#32d74b;--event-bg-opacity:35%;--shadow-soft:0 4px 20px #0006;--shadow-card:0 2px 10px #0000004d}@media (prefers-color-scheme:light){:root{--bg-color:#f2f2f7;--surface-color:#fff;--surface-secondary:#f2f2f7;--text-primary:#000;--text-secondary:#8e8e93;--border-color:#e5e5ea;--color-pee:#fc0;--color-poo:#a2845e;--color-milk:#007aff;--color-bath:#5ac8fa;--color-tummy:#ff2d55;--color-nap:#5856d6;--color-bedtime:#1c1c4e;--color-custom:#34c759;--event-bg-opacity:15%;--shadow-soft:0 4px 20px #0000000d;--shadow-card:0 2px 10px #00000008}}body{background:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}.apple-card{background:var(--surface-color);box-shadow:var(--shadow-card);border-radius:20px}.app-container{max-width:600px;margin:0 auto;padding:1rem 1rem 4rem}.header{margin-bottom:1rem}.header-row{justify-content:space-between;align-items:flex-start;display:flex}.header h1{letter-spacing:.02em;color:var(--text-primary);margin:0;font-size:2rem;font-weight:700}.refresh-btn{background:var(--surface-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-card);border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:4px;transition:transform .15s;display:flex}.refresh-btn:active{transform:scale(.9)}.view-tabs{background:var(--surface-color);box-shadow:var(--shadow-card);border-radius:12px;gap:2px;margin-bottom:.75rem;padding:3px;display:flex}.view-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:.5rem 0;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.view-tab.active{background:var(--color-milk);color:#fff;box-shadow:0 2px 8px #007aff4d}.nap-banner{background:linear-gradient(135deg, var(--color-nap), #8a52d0);color:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 1rem;font-size:.95rem;font-weight:600;animation:2.5s ease-in-out infinite nap-pulse;display:flex;box-shadow:0 4px 15px #a255ff4d}.nap-banner-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.nap-banner-btn:hover{background:#ffffff59;transform:scale(1.05)}.nap-banner-btn.delete:hover{background:#ff3b30}@keyframes nap-pulse{0%,to{opacity:1}50%{opacity:.85}}.nap-banner.bedtime{background:linear-gradient(135deg,#1c1c4e,#2d2b55);box-shadow:0 4px 15px #1c1c4e66}.nap-banner.nursing{background:linear-gradient(135deg, var(--color-milk), #3498db);box-shadow:0 4px 15px #5ac8fa66}.next-nap-banner{border-radius:10px;justify-content:center;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;display:flex}.next-nap-banner.upcoming{background:color-mix(in srgb, var(--color-milk) 12%, transparent);color:var(--color-milk)}.next-nap-banner.now{color:#e68a00;background:#ff9f0a26;animation:2s ease-in-out infinite nap-pulse}.next-nap-banner.overdue{color:#ff3b30;background:#ff3b301f;animation:1.5s ease-in-out infinite nap-pulse}.week-selector{align-items:center;gap:4px;margin-bottom:1rem;display:flex}.week-nav-btn{color:var(--color-milk);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;padding:4px;display:flex}.week-nav-btn:active{background:var(--surface-secondary)}.week-days{flex:1;gap:2px;display:flex}.week-day{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:.35rem 0;font-family:inherit;transition:all .15s;display:flex}.week-day:active{background:var(--surface-secondary)}.week-day-name{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);font-size:.65rem;font-weight:600}.week-day-num{width:32px;height:32px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:500;display:flex}.week-day.today .week-day-num{color:var(--color-milk);font-weight:700}.week-day.active .week-day-num{background:var(--color-milk);color:#fff;font-weight:700}.section-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.15rem;font-weight:700}.daily-summary{margin-bottom:1.25rem}.summary-card{background:var(--surface-color);box-shadow:var(--shadow-card);border-radius:16px;padding:.5rem 0;overflow:hidden}.summary-row{align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.summary-row--header{font-weight:600}.summary-row--sub{opacity:.7;padding-left:2.75rem;font-size:.9rem}.summary-row-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;font-size:1rem;display:flex}.summary-row-label{color:var(--text-primary);flex:1;font-size:.9rem}.summary-row-value{color:var(--text-primary);text-align:right;font-size:.9rem;font-weight:600}.summary-divider{background:var(--border-color);height:1px;margin:.25rem 1rem}.timeline-section{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.timeline-header{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.day-timeline{background:var(--surface-color);box-shadow:var(--shadow-card);border-radius:16px;padding:.75rem 0;overflow:hidden}.day-timeline-grid{min-height:300px;position:relative}.hour-row{align-items:flex-start;display:flex;position:absolute;left:0;right:0}.hour-label{width:58px;color:var(--text-secondary);text-align:right;flex-shrink:0;padding-right:10px;font-size:.7rem;font-weight:500;line-height:1;transform:translateY(-50%)}.hour-line{background:var(--border-color);flex-grow:1;height:1px}.now-indicator{z-index:10;pointer-events:none;align-items:center;display:flex;position:absolute;left:52px;right:0}.now-dot{background:#ff3b30;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-left:-4px}.now-line{background:#ff3b30;flex-grow:1;height:1.5px}.now-label{text-align:right;color:#ff3b30;width:44px;font-size:.65rem;font-weight:700;position:absolute;top:-6px;left:-52px}.timeline-event{z-index:5;cursor:pointer;border-radius:8px;min-height:16px;display:flex;position:absolute;left:64px;right:12px}.timeline-event.pee{background:color-mix(in srgb, var(--color-pee) var(--event-bg-opacity,25%), transparent)}.timeline-event.poo,.timeline-event.diaper{background:color-mix(in srgb, var(--color-poo) var(--event-bg-opacity,25%), transparent)}.timeline-event.breast_milk,.timeline-event.formula,.timeline-event.feed,.timeline-event.pumping{background:color-mix(in srgb, var(--color-milk) var(--event-bg-opacity,25%), transparent)}.timeline-event.nap{background:color-mix(in srgb, var(--color-nap) var(--event-bg-opacity,25%), transparent)}.timeline-event.bedtime{background:color-mix(in srgb, var(--color-bedtime,var(--color-nap)) var(--event-bg-opacity,25%), transparent)}.timeline-event.bath{background:color-mix(in srgb, var(--color-bath) var(--event-bg-opacity,25%), transparent)}.timeline-event.tummy_time{background:color-mix(in srgb, var(--color-tummy) var(--event-bg-opacity,25%), transparent)}.timeline-event.custom{background:color-mix(in srgb, var(--color-custom) var(--event-bg-opacity,25%), transparent)}.timeline-event-accent{border-radius:4px 0 0 4px;flex-shrink:0;width:4px}.timeline-event-body{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;padding:1px 8px;line-height:1.2;display:flex;overflow:hidden}.timeline-event.short-event .timeline-event-title,.timeline-event.short-event .timeline-event-time{font-size:.75rem}.timeline-event-title{color:var(--text-primary);white-space:nowrap;font-size:.85rem;font-weight:600}.timeline-event-time{color:var(--text-secondary);font-size:.7rem;font-weight:500}.timeline-event-meta{color:var(--text-secondary);font-size:.7rem;font-weight:400}.list-section{margin-bottom:2rem}.list-day-group{margin-bottom:1rem}.list-day-header{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:.25rem;padding:.5rem 0;font-size:.85rem;font-weight:700}.list-event-row{border-bottom:1px solid var(--surface-secondary);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem .5rem;transition:background .15s;display:flex}.list-event-row:active{background:var(--surface-secondary)}.list-event-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.25rem}.list-event-content{flex:1;min-width:0}.list-event-desc{color:var(--text-primary);font-size:.9rem;font-weight:500;line-height:1.3;display:block}.list-event-time{color:var(--text-secondary);margin-top:2px;font-size:.75rem;display:block}.list-event-delete{color:var(--text-secondary);opacity:.4;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;padding:6px;transition:all .15s;display:flex}.list-event-delete:active{opacity:1;color:#ff3b30;background:#ff3b301a}.list-event-row.deleting{opacity:.4;pointer-events:none}.summary-section{margin-bottom:2rem}.summary-sub-tabs{border-bottom:2px solid var(--border-color);gap:0;margin-bottom:1rem;display:flex}.summary-sub-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:.6rem .5rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .15s}.summary-sub-tab.active{color:var(--color-milk);border-bottom-color:var(--color-milk)}.period-selector{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.period-btn{background:var(--surface-color);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-card);border:none;border-radius:20px;padding:.4rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s}.period-btn.active{background:var(--color-milk);color:#fff;box-shadow:0 2px 8px #007aff4d}.summary-period-label{text-align:center;color:var(--text-secondary);margin-bottom:1rem;font-size:.8rem;font-weight:500}.summary-stat-row{border-bottom:1px solid var(--surface-secondary);color:var(--text-primary);justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:.9rem;display:flex}.summary-stat-row.highlight{background:color-mix(in srgb, var(--color-milk) 6%, transparent)}.summary-stat-value{color:var(--text-primary);font-size:1rem;font-weight:700}.week-view-section{margin-bottom:2rem}.week-grid{background:var(--surface-color);box-shadow:var(--shadow-card);border-radius:16px;overflow:hidden}.week-grid-header{border-bottom:1px solid var(--border-color);background:var(--surface-color);z-index:5;display:flex;position:sticky;top:0}.week-grid-header .week-grid-hour-label{border-bottom:none}.week-grid-day-label{text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;align-items:center;gap:2px;padding:.5rem 0;font-size:.7rem;font-weight:600;display:flex}.week-grid-day-label.today{color:var(--color-milk)}.week-grid-day-num{color:var(--text-primary);font-size:.85rem;font-weight:700}.week-grid-day-label.today .week-grid-day-num{color:var(--color-milk)}.week-grid-body{max-height:600px;overflow-y:auto}.week-grid-hour-row{border-bottom:1px solid var(--surface-secondary);min-height:28px;display:flex}.week-grid-hour-label{width:40px;color:var(--text-secondary);text-align:right;border-right:1px solid var(--border-color);flex-shrink:0;padding:2px 4px 0 0;font-size:.6rem;font-weight:500}.week-grid-cell{border-right:1px solid var(--surface-secondary);flex-wrap:wrap;flex:1;gap:1px;min-height:28px;padding:1px;display:flex}.week-grid-cell:last-child{border-right:none}.week-grid-event{opacity:.85;border-radius:2px;width:100%;height:6px}.empty-state{text-align:center;color:var(--text-secondary);padding:2.5rem 0}.loading{text-align:center;color:var(--text-secondary);padding:2rem;font-weight:500;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--surface-color);box-shadow:var(--shadow-soft);text-align:center;border-radius:20px;width:100%;max-width:380px;padding:2.5rem 2rem}.auth-title{margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.95rem}.auth-form{flex-direction:column;gap:.75rem;display:flex}.auth-form input{border:1px solid var(--border-color);background:var(--surface-secondary);color:var(--text-primary);border-radius:12px;outline:none;padding:.85rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .15s}.auth-form input:focus{border-color:var(--color-milk)}.auth-form button{background:var(--color-milk);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.85rem;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .15s}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#ff3b30;background:#fff0f0;border-radius:10px;padding:.6rem .75rem;font-size:.85rem;font-weight:500}.auth-link{color:var(--text-secondary);margin-top:1.25rem;font-size:.85rem}.auth-link a{color:var(--color-milk);font-weight:600;text-decoration:none}.auth-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.baby-selector{align-items:center;gap:.5rem;margin-top:.25rem;display:flex;position:relative}.baby-selector-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-family:inherit;display:flex}.baby-name{color:var(--color-milk);font-size:1.05rem;font-weight:600}.baby-selector-btn svg{color:var(--color-milk)}.settings-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.baby-dropdown{background:var(--surface-color);z-index:100;border-radius:14px;min-width:180px;margin-top:.5rem;padding:.4rem;position:absolute;top:100%;left:0;box-shadow:0 4px 24px #0000001f}.baby-option{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.6rem .75rem;font-family:inherit;font-size:.9rem;font-weight:500;display:flex}.baby-option:active,.baby-option.active{background:var(--surface-secondary)}.baby-option.active{color:var(--color-milk);font-weight:700}.baby-option.add{color:var(--color-milk);font-weight:600}.baby-dropdown-divider{background:var(--border-color);height:1px;margin:.25rem .5rem}.baby-add-inline{gap:.4rem;padding:.4rem;display:flex}.baby-add-inline input{border:1px solid var(--border-color);background:var(--surface-secondary);border-radius:8px;outline:none;flex:1;padding:.5rem .65rem;font-family:inherit;font-size:.85rem}.baby-add-inline button{background:var(--color-milk);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;font-weight:600}.baby-onboarding{text-align:center;color:var(--text-secondary);padding:2rem 0}.baby-onboarding .baby-add-inline{justify-content:center;margin-top:.75rem}.settings-overlay{z-index:200;background:#0000004d;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.settings-panel{background:var(--surface-color);border-radius:20px 20px 0 0;width:100%;max-width:600px;max-height:85vh;padding:1.5rem;overflow-y:auto}.settings-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.settings-header h2{margin:0;font-size:1.25rem;font-weight:700}.settings-close-btn{background:var(--surface-secondary);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.settings-section{margin-bottom:1.5rem}.settings-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.settings-token{align-items:center;gap:.5rem;display:flex}.settings-token code{background:var(--surface-secondary);word-break:break-all;border-radius:8px;flex:1;padding:.6rem .75rem;font-size:.8rem}.settings-copy-btn{background:var(--color-milk);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.5rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600}.settings-shortcut{background:var(--surface-secondary);border-radius:10px;padding:.75rem;font-size:.85rem;line-height:1.5}.settings-shortcut code{background:var(--surface-color);border-radius:4px;padding:.15rem .35rem;font-size:.8rem}.settings-logout{color:#fff;cursor:pointer;background:#ff3b30;border:none;border-radius:12px;width:100%;padding:.75rem;font-family:inherit;font-size:.95rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-color);border-radius:20px;width:100%;max-width:400px;padding:1.5rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideUp;box-shadow:0 10px 30px #0003}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0;font-size:1.2rem;font-weight:700}.settings-modal-content{background:var(--surface-color);max-width:440px;max-height:85vh;overflow-y:auto}.settings-group{margin-bottom:2rem}.settings-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;padding-left:.5rem;font-size:.8rem;font-weight:600}.settings-card{background:var(--surface-secondary);border-radius:12px;overflow:hidden}.settings-row{border-bottom:1px solid #c8c8c81a;justify-content:space-between;align-items:center;padding:1rem;display:flex}.settings-row:last-child{border-bottom:none}.settings-row.flex-col{flex-direction:column;align-items:stretch;gap:.75rem}.settings-row.interactive{cursor:pointer}.settings-row.interactive:active{background:#9696961a}.settings-label{font-size:.95rem;font-weight:500}.settings-value{color:var(--text-secondary);font-size:.95rem}.destructive .settings-label{color:#ff3b30}.token-instructions{color:var(--text-secondary);font-size:.85rem}.token-instructions code{background:var(--surface-color);border-radius:4px;padding:.15rem .35rem}.token-action-row{background:var(--surface-color);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.token-value-box{color:var(--text-color);letter-spacing:1px;font-family:inherit;font-size:.85rem;font-weight:500}.token-actions{gap:.5rem;display:flex}.icon-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.icon-action-btn:hover{color:var(--text-color)}.destructive-btn{color:#ff453a}.destructive-btn:hover{color:#ff6961}.token-copied-msg{color:var(--color-custom);text-align:right;margin-top:-4px;font-size:.75rem;font-weight:600}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-color);letter-spacing:.02em;font-size:.85rem;font-weight:600}.form-control{background:var(--surface-secondary);color:var(--text-color);border:1px solid #c8c8c826;border-radius:10px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-control:focus{border-color:var(--color-nap);background:var(--surface-color);outline:none;box-shadow:0 0 0 3px #5e5ce626}.form-control::placeholder{color:var(--text-secondary);opacity:.6}.modal-footer{border-top:1px solid #c8c8c81a;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;display:flex}.btn-primary{background:var(--color-primary,#007aff);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:opacity .2s}.btn-primary:active{opacity:.8}.btn-danger{color:#ff3b30;cursor:pointer;background:#ff3b301a;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;display:flex}.btn-danger:hover{background:#ff3b3026}.optimal-nap-banner{color:#a499ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7e6ef01a;border:1px solid #7e6ef04d;border-radius:8px;align-items:center;gap:8px;margin:16px 16px 0;padding:10px 16px;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 4px 12px #0000001a}.optimal-nap-banner svg{flex-shrink:0}.timeline-event.ghost-event{opacity:.6;background:var(--surface-primary)!important;box-shadow:none!important;border:2px dashed #7e6ef080!important}.timeline-event.ghost-event .timeline-event-accent{background:#7e6ef080!important}.timeline-event.ghost-event .timeline-event-title{font-style:italic;color:#a499ff!important}.timeline-event.ghost-event .timeline-event-time{opacity:.8}