:root { color-scheme:light; --ink:#263a3c; --muted:#718183; --peach:#fae1d4; --peach-deep:#f4cdbb; --cream:#fffaf6; --mint:#dcece5; --line:#eaded7; --coral:#e98768; }
* { box-sizing:border-box; }
html { min-height:100%; background:#fffaf6; }
body { margin:0; min-width:320px; min-height:100vh; color:var(--ink); background:linear-gradient(135deg,#fffaf5 0%,#fff8f2 58%,#f6eee9 100%); font-family:"DM Sans",sans-serif; }
:root.native-app{--native-safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--native-safe-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))}:root.native-app body{min-height:100dvh;padding-top:var(--native-safe-top);padding-bottom:var(--native-safe-bottom)}:root.native-app .auth-gate{min-height:calc(100dvh - var(--native-safe-top) - var(--native-safe-bottom))}
button,input { font:inherit; }
button { cursor:pointer; }
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.auth-open{min-height:100dvh}
.auth-gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 78% 12%,rgba(250,225,212,.9),transparent 28%),linear-gradient(145deg,#fffaf6,#f8eee8)}
.onboarding-panel{position:relative;width:min(100%,480px);padding:34px;border:1px solid rgba(234,222,215,.9);border-radius:30px;background:rgba(255,252,249,.88);box-shadow:0 24px 70px rgba(80,57,47,.12);backdrop-filter:blur(14px)}
.onboarding-brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-family:Fraunces,serif;font-size:25px;font-weight:700;letter-spacing:-1.2px}.brand-name{display:inline-flex;align-items:baseline;gap:6px}.brand-daily{color:#c1735c;font-family:"DM Sans",sans-serif;font-size:.46em;font-weight:700;letter-spacing:1.15px;text-transform:uppercase}
.welcome-art{position:relative;width:126px;height:126px;margin:22px auto 27px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fbe0d2,#f6cbbb);box-shadow:0 15px 32px rgba(193,115,92,.18)}
.welcome-orbit{position:absolute;border:1px solid rgba(255,255,255,.72);border-radius:50%}.orbit-one{inset:15px}.orbit-two{inset:30px}.welcome-heart{position:relative;color:#fff;font-family:Fraunces,serif;font-size:49px;line-height:1}
.onboarding-panel>.eyebrow{margin-bottom:10px}.onboarding-panel h1{margin:0 0 14px;color:var(--ink);font-size:39px;line-height:1.03;letter-spacing:-1.8px}.onboarding-copy{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.welcome-benefits{display:grid;gap:12px;margin:25px 0;padding:0;list-style:none}.welcome-benefits li{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:11px}.welcome-benefits li>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef6f1;color:#528377;font-size:18px;font-weight:700}.welcome-benefits div{display:flex;flex-direction:column;gap:2px}.welcome-benefits strong{color:#3a5555;font-size:13px}.welcome-benefits small{color:#82908f;font-size:11px;line-height:1.35}
.onboarding-primary,.google-login,.guest-login{width:100%;min-height:52px;border-radius:14px;font-weight:700}.onboarding-primary{display:flex;align-items:center;justify-content:center;gap:14px;border:0;background:var(--ink);color:#fff;font-size:15px;box-shadow:0 9px 20px rgba(38,58,60,.16)}.onboarding-primary span{font-size:19px}.onboarding-footnote{margin:13px 0 0;color:#9aa3a1;text-align:center;font-size:9px;line-height:1.4}
.signin-panel{padding-top:64px}.onboarding-back{position:absolute;top:23px;left:24px;width:36px;height:36px;border:1px solid #eadfd8;border-radius:50%;background:#fffaf6;color:#667879;font-size:18px}.signin-mark{width:74px;height:74px;margin:0 auto 25px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#fae1d4,#f2c6b3);color:#fff;font-family:Fraunces,serif;font-size:36px;transform:rotate(-3deg)}.signin-panel>.eyebrow,.signin-panel>h1,.signin-panel>.onboarding-copy{text-align:center}.signin-panel h1{font-size:35px}.google-login{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:25px;border:1px solid #dedbd8;background:#fff;color:#3d4d4f;font-size:14px}.google-login:disabled,.guest-login:disabled,.onboarding-primary:disabled{cursor:wait;opacity:.62}.google-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font-family:Arial,sans-serif;font-size:13px;font-weight:700}.setup-note{margin:8px 7px 0;color:#a47b6e;text-align:center;font-size:9px;line-height:1.35}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#a2aaa8;font-size:10px;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e9e0da}.guest-login{border:1px solid #cfded9;background:#edf5f1;color:#426e66;font-size:14px}.privacy-note{display:flex;gap:10px;margin-top:20px;padding:13px 14px;border-radius:13px;background:#f6f2ee;color:#6e7d7c}.privacy-note>span{color:#6b958b;font-size:17px}.privacy-note p{margin:0;font-size:10px;line-height:1.45}.privacy-note strong{color:#4e6967;font-size:11px}.auth-message{min-height:29px;margin:12px 3px 0;color:#587b74;text-align:center;font-size:10px;line-height:1.4}.auth-message.error{color:#a75f4c}
.loading-panel{text-align:center}.loading-panel h1{font-size:31px}.loading-panel>p{margin:0;color:var(--muted);font-size:13px}.loading-mark{height:61px;display:flex;align-items:flex-end;justify-content:center;gap:5px;margin:4px 0 27px;transform:rotate(-12deg)}.loading-mark span{width:11px;border-radius:10px 10px 3px 3px;background:var(--coral);animation:nurture-pulse 1s ease-in-out infinite}.loading-mark span:nth-child(1){height:28px}.loading-mark span:nth-child(2){height:51px;animation-delay:.12s}.loading-mark span:nth-child(3){height:39px;animation-delay:.24s}@keyframes nurture-pulse{0%,100%{opacity:.42;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}
.app-shell { width:min(100%,680px); min-height:100vh; margin:0 auto; padding:27px 24px 32px; }
.app-header { display:flex; justify-content:space-between; align-items:center; }
.brand { display:inline-flex; align-items:center; gap:8px; color:var(--ink); text-decoration:none; font-family:Fraunces,serif; font-size:24px; font-weight:700; letter-spacing:-1.2px; }
.brand-mark { display:flex; align-items:flex-end; gap:2px; height:20px; transform:rotate(-12deg); }
.brand-mark span { width:5px; background:var(--coral); border-radius:7px 7px 2px 2px; }
.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:16px}.brand-mark span:nth-child(3){height:12px}
.account-button{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border:1px solid #e6ddd7;border-radius:999px;background:rgba(255,255,255,.65);color:#617475;font-size:10px;font-weight:700}.account-avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:#49756e;font-family:Fraunces,serif;font-size:13px}
.intro { margin:58px 0 30px; }.eyebrow { margin:0 0 8px; color:#c1735c; font-size:10px; line-height:1; font-weight:700; letter-spacing:1.7px; }
h1,h2,p { margin-top:0; } h1,h2 { font-family:Fraunces,serif; letter-spacing:-1.35px; } h1 { margin-bottom:10px; font-size:42px; line-height:1; } .intro-copy { max-width:330px; margin-bottom:0; color:var(--muted); font-size:15px; line-height:1.5; }
.timer-card { position:relative; overflow:hidden; padding:24px 24px 21px; border:1px solid rgba(244,205,187,.7); border-radius:23px; background:linear-gradient(135deg,#fbe8de,#f9ddce); box-shadow:0 15px 35px rgba(115,75,56,.08); }
.timer-card:after { content:""; position:absolute; right:-35px; bottom:-62px; width:200px; height:200px; border:1px solid rgba(255,255,255,.46); border-radius:50%; box-shadow:0 0 0 28px rgba(255,255,255,.16),0 0 0 56px rgba(255,255,255,.1); }
.timer-card-top { position:relative; z-index:1; display:flex; align-items:center; gap:8px; }.timer-card-top p { margin:0; font-size:10px; font-weight:700; letter-spacing:1.6px; color:#9a604e; }.status-dot { width:8px;height:8px;border-radius:50%;background:var(--coral); }.text-button{z-index:2;margin-left:auto;padding:4px 0;border:0;background:transparent;color:#9a604e;font-size:13px;font-weight:600}
.countdown { position:relative; z-index:1; min-height:54px; display:flex; align-items:baseline; margin:15px 0 8px; color:#2d4546; font-family:"DM Mono",monospace; font-variant-numeric:tabular-nums; line-height:1; }.countdown-duration{display:flex;align-items:baseline;gap:7px}.countdown-duration>span:not(.countdown-unit){font-size:52px;letter-spacing:-3.5px}.countdown-unit{margin-right:7px;color:#7b6c67;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:700;letter-spacing:.2px}.countdown-message{font-size:45px;letter-spacing:-2.5px}.next-time-row { position:relative; z-index:1; display:flex; align-items:center; gap:7px; color:#657879; font-size:14px; }.sun-icon{color:#d88662;font-size:18px}.progress-track{position:relative;z-index:1;width:100%;height:5px;margin-top:22px;overflow:hidden;border-radius:20px;background:rgba(161,103,77,.16)}#progress-bar{display:block;width:0%;height:100%;border-radius:inherit;background:var(--coral);transition:width .6s linear}.progress-copy{position:relative;z-index:1;margin:8px 0 0;color:#a36a58;font-size:11px}
.primary-action { text-align:center; margin:25px 0 37px; }.feed-button { width:100%; display:flex; align-items:center; justify-content:center; gap:12px; padding:17px 20px; border:0; border-radius:15px; color:white; background:var(--ink); box-shadow:0 8px 16px rgba(35,55,57,.15); font-size:16px;font-weight:600; transition:transform .15s,background .15s;}.feed-button:hover{background:#1b3031;transform:translateY(-1px)}.feed-button:disabled{cursor:default;opacity:.88;transform:none}.button-bottle{font-size:22px;line-height:12px;transform:rotate(-45deg)}.button-arrow{font-size:20px;margin-left:2px}.last-fed{margin:12px 0 0;color:#8b9899;font-size:13px}.latest-feeding-details{margin-top:6px;padding:3px;border:0;background:transparent;color:#a06451;font-size:11px;font-weight:700}.latest-feeding-details[hidden]{display:none}.feeding-session-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:10px 11px 10px 14px;border:1px solid #edd5ca;border-radius:12px;background:#fff4ee;color:#96634f;font-size:11px;font-weight:700}.feeding-session-controls[hidden]{display:none}.session-status{display:flex;align-items:center;gap:7px}.session-pulse{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(233,135,104,.13)}.feeding-session-controls button{padding:8px 11px;border:0;border-radius:9px;background:#a35f4b;color:#fff;font-size:11px;font-weight:700}
.diaper-card{display:grid;grid-template-columns:1fr auto;gap:16px;margin:0 0 22px;padding:21px 22px;border:1px solid #dce7e2;border-radius:20px;background:linear-gradient(135deg,#f0f7f3,#e8f3ed)}.diaper-copy .eyebrow{margin-bottom:6px;color:#5f9385}.diaper-copy h2{margin:0 0 4px;font-size:23px}.diaper-copy>p:last-child{margin:0;color:#748985;font-size:11px}.diaper-count-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:86px;padding:8px 12px;border-radius:13px;background:#fffaf6;color:#46726c}.diaper-count-wrap strong{font-family:"DM Mono",monospace;font-size:27px;line-height:1}.diaper-count-wrap span{margin-top:3px;font-size:8px;font-weight:700;letter-spacing:.45px;text-align:center;text-transform:uppercase}.diaper-log-button{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:12px;background:#527b72;color:#fff;font-size:14px;font-weight:700;box-shadow:0 5px 12px rgba(70,114,108,.14)}.diaper-log-button span{font-size:20px;line-height:1}.diaper-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #d8e5df}.diaper-actions button{padding:2px 0;border:0;background:transparent;color:#4d746d;font-size:11px;font-weight:700}.diaper-actions button:disabled{color:#aab8b4;cursor:default}.diaper-actions span{font-size:16px}
.alarm-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 0 22px;padding:18px;border:1px solid #e3ded5;border-radius:18px;background:rgba(255,255,255,.55)}.alarm-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--peach);color:#bb6e57;font-size:21px;font-weight:700}.alarm-copy .eyebrow{margin-bottom:5px}.alarm-copy h2{margin:0 0 3px;font-size:20px;letter-spacing:-.8px}.alarm-copy>p:last-child{margin:0;color:#7a8889;font-size:11px;line-height:1.35}.alarm-actions{display:flex;align-items:center;gap:8px}.test-alarm{padding:8px 4px;border:0;background:transparent;color:#7b8a8b;font-size:11px;font-weight:700}.test-alarm:disabled{opacity:.35;cursor:default}.alarm-toggle{min-width:52px;padding:9px 11px;border:1px solid #d9d2cc;border-radius:999px;background:#f4efeb;color:#788385;font-size:11px;font-weight:700}.alarm-toggle[aria-checked="true"]{border-color:#567c74;background:#dcece5;color:#3e6f67}
.history-card{display:grid;grid-template-columns:1fr auto;gap:16px;margin:0 0 22px;padding:21px 22px;border:1px solid #eaded7;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,249,244,.68))}.history-card .eyebrow{margin-bottom:6px}.history-card h2{margin:0 0 4px;font-size:23px}.history-card>div:first-child>p:last-child{margin:0;color:#819092;font-size:11px}.history-count-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;padding:8px 13px;border-radius:13px;background:var(--mint);color:#46726c}.history-count-wrap strong{font-family:"DM Mono",monospace;font-size:27px;line-height:1}.history-count-wrap span{margin-top:3px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.history-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:13px;border-top:1px solid #eee4dd}.history-actions button{display:flex;justify-content:space-between;align-items:center;min-width:0;padding:0;border:0;background:transparent;color:#4d6869;font-size:11px;font-weight:700;text-align:left}.history-actions button+button{padding-left:14px;border-left:1px solid #eee4dd}.history-actions button:disabled{color:#aab4b3;cursor:default}.history-actions button span{font-size:18px}.export-status{grid-column:1/-1;margin:-7px 0 0;color:#899596;font-size:10px;line-height:1.35}.import-care-log{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:-5px;padding:9px 12px;border:1px solid #dce7e2;border-radius:10px;background:#f1f7f4;color:#52766f;font-size:10px;font-weight:700}.import-care-log span{font-size:14px}
.settings-card { padding:24px; border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.5); }.settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-heading .eyebrow{margin-bottom:7px}.settings-heading h2{margin:0;font-size:24px;line-height:1}.interval-readout{padding:8px 11px;border-radius:10px;background:var(--mint);color:#48736d;font-family:"DM Mono",monospace;font-size:13px;font-weight:500}.interval-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.interval-option{min-height:43px;border:1px solid #e9ddd6;border-radius:10px;background:#fffdfa;color:#68787a;font-size:13px}.interval-option.active{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 3px 8px rgba(38,58,60,.16)}.custom-row{display:flex;justify-content:space-between;align-items:center;margin-top:19px;padding-top:17px;border-top:1px solid #eee5df;color:#788688;font-size:13px}.custom-input-wrap{display:flex;align-items:center;gap:8px}.custom-input-wrap input{width:56px;padding:6px 3px;border:0;border-bottom:1px solid #cbd4d2;outline:0;background:transparent;color:var(--ink);text-align:center;font-family:"DM Mono",monospace}.custom-input-wrap span{font-size:12px}
.tip-card{display:flex;gap:12px;margin-top:22px;padding:17px 18px;border-radius:17px;background:#eef6f1;color:#617a76}.tip-icon{font-size:18px;color:#69a895}.tip-card p{margin:0;font-size:12px;line-height:1.45}.tip-card strong{display:block;margin-bottom:2px;color:#426762;font-size:13px}footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:38px;color:#acb0ae;font-family:Fraunces,serif;font-size:13px}.footer-heart{color:#eaaa95;font-size:20px}
.time-dialog{width:min(calc(100% - 32px),430px);padding:0;border:0;border-radius:21px;background:#fffaf6;color:var(--ink);box-shadow:0 20px 60px rgba(32,45,45,.25)}.time-dialog::backdrop{background:rgba(34,52,53,.3);backdrop-filter:blur(2px)}#time-form,#feeding-details-form,#diaper-log-form{position:relative;padding:29px}.time-dialog h2{margin:0 0 24px;font-size:28px}.time-dialog label{display:block;margin-bottom:7px;color:#6e7c7c;font-size:13px}.time-dialog input:not([type="radio"]),.time-dialog textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.time-dialog textarea{resize:vertical;line-height:1.4}.close-dialog{position:absolute;right:17px;top:14px;border:0;background:transparent;color:#728080;font-size:28px}.dialog-save{width:100%;margin-top:22px;padding:14px;border:0;border-radius:12px;background:var(--ink);color:white;font-weight:600}.feeding-details-dialog h2{margin-bottom:5px}.feeding-details-time{margin:0 0 22px;color:#7c8a8b;font-size:12px}.feeding-details-dialog fieldset,.diaper-log-dialog fieldset{margin:0 0 18px;padding:0;border:0}.feeding-details-dialog legend{margin-bottom:8px;color:#6e7c7c;font-size:12px;font-weight:700}.detail-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.diaper-options{grid-template-columns:repeat(3,1fr)}.detail-choice{position:relative;margin:0!important}.detail-choice input{position:absolute;inset:0;opacity:0}.detail-choice span{display:block;padding:12px 10px;border:1px solid #e4d9d2;border-radius:10px;background:#fffdfa;color:#6d7d7e;text-align:center;font-size:12px;font-weight:700}.detail-choice input:checked+span{border-color:#486d68;background:#dcece5;color:#315f58;box-shadow:0 2px 7px rgba(49,95,88,.12)}.detail-choice input:focus-visible+span{outline:2px solid #4f7972;outline-offset:2px}.optional-label{margin-left:4px;color:#a5aeac;font-size:10px;font-weight:400}.diaper-log-dialog h2{margin-bottom:22px}.diaper-type-label{color:#52756e;font-size:11px}
.amount-control-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.amount-control-head output{color:var(--ink);font-family:"DM Mono",monospace;font-size:15px;font-weight:500}.amount-unit-switch{display:flex;padding:3px;border-radius:999px;background:#f0e8e3}.amount-unit-switch button{min-width:43px;padding:7px 11px;border:0;border-radius:999px;background:transparent;color:#748181;font-size:11px;font-weight:700}.amount-unit-switch button[aria-checked="true"]{background:var(--ink);color:#fff;box-shadow:0 2px 6px rgba(35,55,57,.15)}.time-dialog input.amount-slider{appearance:none;width:100%;height:6px;padding:0;border:0;border-radius:999px;background:linear-gradient(to right,var(--coral) 0 var(--amount-progress,0%),#e8ddd7 var(--amount-progress,0%) 100%);cursor:pointer}.time-dialog input.amount-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border:3px solid #fffaf6;border-radius:50%;background:var(--coral);box-shadow:0 2px 8px rgba(35,55,57,.25)}.time-dialog input.amount-slider::-moz-range-thumb{width:18px;height:18px;border:3px solid #fffaf6;border-radius:50%;background:var(--coral);box-shadow:0 2px 8px rgba(35,55,57,.25)}.time-dialog input.amount-slider:focus-visible{outline:2px solid #4f7972;outline-offset:8px}.amount-scale{display:flex;justify-content:space-between;margin-top:9px;color:#9aa4a3;font-size:10px}
.history-dialog{width:min(calc(100% - 24px),500px)}.history-dialog-content{position:relative;padding:29px}.history-dialog h2{margin-bottom:6px}.history-dialog-summary{margin:0 0 23px;color:#7c8a8b;font-size:12px}.feeding-timetable{max-height:min(58vh,520px);overflow-y:auto;padding-right:4px}.timetable-day+.timetable-day{margin-top:23px}.timetable-day h3{position:sticky;top:0;z-index:1;margin:0 0 9px;padding:5px 0;background:#fffaf6;color:#bd715a;font-size:10px;letter-spacing:1.3px;text-transform:uppercase}.timetable-list{margin:0;padding:0;list-style:none}.timetable-item{display:grid;grid-template-columns:9px 92px 1fr;align-items:start;gap:10px;padding:11px 0;border-bottom:1px solid #eee4de}.timetable-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--coral)}.timetable-item time{font-family:"DM Mono",monospace;font-size:14px;color:#314b4c}.timetable-details{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px}.session-duration{color:#526d6e;font-size:11px}.timetable-gap{color:#849293;font-size:11px}.feeding-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.feeding-tags span{padding:3px 6px;border-radius:999px;background:#e7f1ec;color:#49766d;font-size:9px;font-weight:700}.feeding-note{max-width:100%;margin-top:2px;color:#52696a;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.feeding-details-button{margin-top:3px;padding:2px 0;border:0;background:transparent;color:#ad6751;font-size:10px;font-weight:700}.history-empty{padding:38px 12px;text-align:center;color:#839091;font-size:13px}
.diaper-day h3{color:#5d8c80}.diaper-dot{background:#6ca293}
.theme-setting{display:flex;align-items:center;justify-content:space-between;margin-top:19px;padding-top:17px;border-top:1px solid #eee5df}.theme-setting>div{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.theme-setting span{color:#ba715a;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.theme-setting strong{color:#526566;font-size:13px}.theme-toggle{min-width:54px}
.account-dialog-content{position:relative;padding:29px;text-align:center}.account-dialog-content>.eyebrow{text-align:left}.account-profile-mark{width:70px;height:70px;margin:2px auto 14px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#e6f2ed,#cfe4dc);color:#4f7e74;font-family:Fraunces,serif;font-size:32px}.account-dialog h2{margin:0 0 5px}.account-detail{margin:0;color:#7d8d8c;font-size:11px}.sync-status-row{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px 0;padding:10px;border-radius:11px;background:#f1f6f3;color:#5f7773;font-size:10px}.sync-status-dot{width:7px;height:7px;border-radius:50%;background:#76a99e}.sync-status-row:has([data-state="offline"]) .sync-status-dot{background:#d8987d}.account-google{margin-top:0}.account-exit{margin-top:10px;padding:8px;border:0;background:transparent;color:#a06352;font-size:11px;font-weight:700}.account-privacy-copy{margin:15px 4px 0;color:#909c9a;font-size:9px;line-height:1.45}
.history-actions{grid-template-columns:1fr}.history-actions button{width:100%}.history-actions button+button{padding-left:0;border-left:0}.export-panel{margin-top:22px}.export-primary{width:100%;min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:16px;background:var(--ink);color:#fff;box-shadow:0 8px 18px rgba(35,55,57,.14);font-size:16px;font-weight:700}.export-primary span:last-child{font-size:20px}.export-primary:disabled{cursor:default;opacity:.46}.export-panel .export-status{margin:9px 3px 0;text-align:center}.account-import{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:12px;border:1px solid #d8e4df;border-radius:12px;background:#eef5f2;color:#52756e;font-size:11px;font-weight:700}.account-import:disabled{cursor:wait;opacity:.56}.import-status{min-height:0;margin:7px 5px 0;color:#66807b;font-size:9px;line-height:1.4}.import-status:empty{display:none}dialog.export-sheet{inset:auto 0 0;width:min(100%,520px);max-width:none;margin:0 auto;padding:0;border-radius:26px 26px 0 0}.export-sheet-content{position:relative;padding:15px 22px max(24px,calc(18px + env(safe-area-inset-bottom)))}.sheet-handle{display:block;width:42px;height:4px;margin:0 auto 20px;border-radius:99px;background:#d9d4cf}.export-sheet .close-dialog{top:21px}.export-sheet h2{margin-bottom:7px}.export-sheet-copy{margin:0 0 20px;color:#788787;font-size:12px;line-height:1.45}.export-option{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid #e8ded7;border-radius:14px;background:#fffdfa;color:var(--ink);text-align:left}.export-option+.export-option{margin-top:10px}.export-option-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:19px;font-weight:700}.sheets-icon{background:#e2f1e9;color:#34845d}.csv-icon{background:#fae1d4;color:#b76851}.export-option>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.export-option strong{font-size:13px}.export-option small{color:#849290;font-size:9px;line-height:1.35}.export-option-arrow{color:#80908e;font-size:18px}.sheet-cancel{width:100%;margin-top:12px;padding:11px;border:0;background:transparent;color:#738381;font-size:11px;font-weight:700}
.sync-status-row{justify-content:flex-start;text-align:left}.sync-status-row #account-sync{min-width:0;flex:1}.sync-retry{margin-left:auto;padding:5px 8px;border:1px solid #d5e2de;border-radius:8px;background:#fff;color:#52756e;font-size:9px;font-weight:700}.sync-retry:disabled{cursor:wait;opacity:.5}
:root[data-theme="dark"]{color-scheme:dark;background:#111a1b;--ink:#dce8e6;--muted:#9badaa;--cream:#172223;--mint:#29443f;--line:#394a49;--peach:#49342e;--peach-deep:#5a4037;--coral:#ef9978}
:root[data-theme="dark"] body{background:linear-gradient(145deg,#111a1b 0%,#172223 60%,#1d2828 100%)}
:root[data-theme="dark"] .auth-gate{background:radial-gradient(circle at 78% 12%,rgba(73,52,46,.62),transparent 28%),linear-gradient(145deg,#10191a,#172223)}:root[data-theme="dark"] .onboarding-panel{border-color:#344544;background:rgba(27,39,39,.92);box-shadow:0 24px 70px rgba(0,0,0,.25)}:root[data-theme="dark"] .onboarding-brand{color:#e7efed}:root[data-theme="dark"] .welcome-benefits li>span{background:#243a36;color:#9fcbbf}:root[data-theme="dark"] .welcome-benefits strong{color:#cedbd8}:root[data-theme="dark"] .welcome-benefits small,:root[data-theme="dark"] .onboarding-footnote{color:#899a97}:root[data-theme="dark"] .onboarding-back{border-color:#40504e;background:#1a2828;color:#bdcac7}:root[data-theme="dark"] .google-login{border-color:#475654;background:#f4f5f4;color:#314443}:root[data-theme="dark"] .guest-login{border-color:#46615c;background:#243b37;color:#b7d8d0}:root[data-theme="dark"] .auth-divider:before,:root[data-theme="dark"] .auth-divider:after{background:#3b4947}:root[data-theme="dark"] .privacy-note,:root[data-theme="dark"] .sync-status-row{background:#202f2e;color:#a4b5b1}:root[data-theme="dark"] .privacy-note strong{color:#c5d5d1}:root[data-theme="dark"] .account-button{border-color:#40504e;background:#1d2c2c;color:#b7c8c5}:root[data-theme="dark"] .account-profile-mark{background:#29443f;color:#b0d8cf}:root[data-theme="dark"] .account-detail,:root[data-theme="dark"] .account-privacy-copy{color:#8fa09d}
:root[data-theme="dark"] .brand{color:#e7efed}:root[data-theme="dark"] .timer-card{border-color:#63483f;background:linear-gradient(135deg,#3d2d29,#332725);box-shadow:0 15px 35px rgba(0,0,0,.2)}:root[data-theme="dark"] .timer-card-top p,:root[data-theme="dark"] .text-button{color:#efaa8d}:root[data-theme="dark"] .countdown{color:#e9f0ee}:root[data-theme="dark"] .countdown-unit,:root[data-theme="dark"] .next-time-row{color:#b5c3c0}:root[data-theme="dark"] .progress-track{background:#62453c}:root[data-theme="dark"] .progress-copy{color:#d99a80}
:root[data-theme="dark"] .feed-button,:root[data-theme="dark"] .dialog-save,:root[data-theme="dark"] .interval-option.active{background:#456d67;color:#fff}:root[data-theme="dark"] .feed-button:hover{background:#527d75}:root[data-theme="dark"] .last-fed{color:#9cadab}:root[data-theme="dark"] .latest-feeding-details{color:#efa083}:root[data-theme="dark"] .feeding-session-controls{border-color:#63453b;background:#302623;color:#edaa8f}
:root[data-theme="dark"] .diaper-card{border-color:#38504c;background:linear-gradient(135deg,#20312f,#243936)}:root[data-theme="dark"] .diaper-count-wrap{background:#172625;color:#a9d3c8}:root[data-theme="dark"] .diaper-log-button{background:#4f7b71}:root[data-theme="dark"] .diaper-actions{border-color:#38504c}:root[data-theme="dark"] .diaper-actions button{color:#9fc4bb}
:root[data-theme="dark"] .alarm-card,:root[data-theme="dark"] .history-card,:root[data-theme="dark"] .settings-card{border-color:#394847;background:#1d2929}:root[data-theme="dark"] .history-card{background:linear-gradient(135deg,#1e2b2b,#202d2d)}:root[data-theme="dark"] .alarm-icon{background:#49342e;color:#f0a286}:root[data-theme="dark"] .alarm-copy>p:last-child,:root[data-theme="dark"] .history-card>div:first-child>p:last-child{color:#98aaa7}:root[data-theme="dark"] .history-count-wrap,:root[data-theme="dark"] .interval-readout{color:#b4d9d0}:root[data-theme="dark"] .history-actions{border-color:#394847}:root[data-theme="dark"] .history-actions button{color:#a8c7c0}:root[data-theme="dark"] .history-actions button+button{border-color:#394847}:root[data-theme="dark"] .history-actions button:disabled{color:#61716e}:root[data-theme="dark"] .export-status{color:#869794}:root[data-theme="dark"] .import-care-log{border-color:#40534f;background:#243633;color:#a9cbc3}:root[data-theme="dark"] .alarm-toggle{border-color:#52605f;background:#2a3535;color:#b6c2c0}:root[data-theme="dark"] .alarm-toggle[aria-checked="true"]{border-color:#68958b;background:#29443f;color:#b9ded5}
:root[data-theme="dark"] .interval-option{border-color:#435150;background:#202d2d;color:#a9b8b5}:root[data-theme="dark"] .custom-row,:root[data-theme="dark"] .theme-setting{border-color:#384645;color:#9aadaa}:root[data-theme="dark"] .custom-input-wrap input{border-color:#526361}:root[data-theme="dark"] .theme-setting strong{color:#c1cfcc}:root[data-theme="dark"] .tip-card{background:#203432;color:#9fc0b8}:root[data-theme="dark"] .tip-card strong{color:#b8d8d0}
:root[data-theme="dark"] .time-dialog{background:#1d2929;color:#dce8e6}:root[data-theme="dark"] .time-dialog::backdrop{background:rgba(4,10,10,.62)}:root[data-theme="dark"] .time-dialog label,:root[data-theme="dark"] .feeding-details-dialog legend{color:#aab9b6}:root[data-theme="dark"] .time-dialog input:not([type="radio"]),:root[data-theme="dark"] .time-dialog textarea{border-color:#435352;background:#172222;color:#dce8e6}:root[data-theme="dark"] .close-dialog{color:#aab9b6}:root[data-theme="dark"] .detail-choice span{border-color:#435150;background:#202d2d;color:#aab9b6}:root[data-theme="dark"] .detail-choice input:checked+span{border-color:#6c9a90;background:#29443f;color:#c5e2db}:root[data-theme="dark"] .timetable-day h3{background:#1d2929}:root[data-theme="dark"] .timetable-item{border-color:#344240}:root[data-theme="dark"] .timetable-item time,:root[data-theme="dark"] .session-duration,:root[data-theme="dark"] .diaper-type-label,:root[data-theme="dark"] .feeding-note{color:#c4d3d0}:root[data-theme="dark"] .timetable-gap{color:#8fa19e}:root[data-theme="dark"] .feeding-tags span{background:#29443f;color:#acd4ca}:root[data-theme="dark"] .amount-control-head output{color:#dce8e6}:root[data-theme="dark"] .amount-unit-switch{background:#172222}:root[data-theme="dark"] .amount-unit-switch button{color:#aab9b6}:root[data-theme="dark"] .amount-unit-switch button[aria-checked="true"]{background:#527d75;color:#fff}:root[data-theme="dark"] .time-dialog input.amount-slider{border:0;background:linear-gradient(to right,var(--coral) 0 var(--amount-progress,0%),#435352 var(--amount-progress,0%) 100%)}:root[data-theme="dark"] .time-dialog input.amount-slider::-webkit-slider-thumb{border-color:#1d2929}:root[data-theme="dark"] .time-dialog input.amount-slider::-moz-range-thumb{border-color:#1d2929}
:root[data-theme="dark"] .export-primary{background:#456d67}:root[data-theme="dark"] .account-import{border-color:#40534f;background:#243633;color:#a9cbc3}:root[data-theme="dark"] .import-status{color:#9bb1ac}:root[data-theme="dark"] .sheet-handle{background:#52605e}:root[data-theme="dark"] .export-sheet-copy{color:#94a5a2}:root[data-theme="dark"] .export-option{border-color:#3d4d4b;background:#202d2d;color:#dce8e6}:root[data-theme="dark"] .sheets-icon{background:#29443f;color:#9bd0bf}:root[data-theme="dark"] .csv-icon{background:#49342e;color:#efaa8d}:root[data-theme="dark"] .export-option small,:root[data-theme="dark"] .export-option-arrow,:root[data-theme="dark"] .sheet-cancel{color:#94a5a2}
:root[data-theme="dark"] .sync-retry{border-color:#465956;background:#172222;color:#a9cbc3}
@media (max-width:520px){.auth-gate{padding:0}.onboarding-panel{min-height:100dvh;width:100%;padding:26px 22px;border:0;border-radius:0;box-shadow:none}.welcome-art{width:108px;height:108px;margin:17px auto 22px}.onboarding-panel h1{font-size:34px}.welcome-benefits{margin:21px 0}.signin-panel{padding-top:68px}.signin-panel h1{font-size:32px}.app-shell{padding:23px 16px 27px}.intro{margin-top:46px}.timer-card{padding:22px 20px}.countdown-duration>span:not(.countdown-unit){font-size:45px}.countdown-unit{font-size:12px}.countdown-message{font-size:40px}.alarm-card{grid-template-columns:auto 1fr}.alarm-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #ebe5df;padding-top:10px}.settings-card{padding:20px}.interval-options{gap:6px}.interval-option{font-size:12px}.custom-row{align-items:flex-start;gap:12px;flex-direction:column}.custom-input-wrap{width:100%;justify-content:flex-end}.history-dialog-content{padding:25px 21px}.timetable-item{grid-template-columns:9px 82px 1fr;gap:8px}.timetable-item time{font-size:13px}}