:root{color:#1d211d;font-synthesis:none;--bg:#f7f6f1;--surface:#fff;--surface-2:#f0f3ee;--text:#171a17;--muted:#7b817b;--border:#dedfd8;--accent:#8eb798;--accent-strong:#37654a;--accent-soft:#e6efe7;--warm:#c89559;--warm-soft:#f7eee3;--danger:#a64a47;--danger-soft:#fff0ee;--pee:#f4d35e;--pee-soft:#fff3b0;--pee-border:#d9b93e;--poop:#af8463;--poop-soft:#ead3c1;--poop-border:#8d6244;--both:#eb88ed;--both-soft:#f7d8f8;--both-border:#d88adb;--shadow:0 18px 50px #252e2614;background:#f2f1ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111411;--surface:#191d19;--surface-2:#222722;--text:#f2f4f0;--muted:#969d96;--border:#303630;--accent:#91c09c;--accent-strong:#c2e2c8;--accent-soft:#233229;--warm:#d5a268;--warm-soft:#312920;--danger:#ef8f89;--danger-soft:#35201f;--shadow:0 20px 60px #00000042}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;color:var(--text);background:var(--bg);margin:0;transition:background .25s,color .25s}button,input{font:inherit}button{cursor:pointer}img,svg{display:block}.app-shell{background:var(--bg);min-height:100dvh;padding-bottom:94px}.screen{width:100%;max-width:720px;min-height:calc(100dvh - 94px);margin:0 auto;padding:28px 20px 34px}.light-screen,.feeding-screen{color:var(--text);background:var(--bg)}.feeding-history-details{margin-top:5px}.feeding-history-summary{color:var(--text);margin:0;font-size:.92rem;font-weight:750}.feeding-history-total{color:var(--muted);margin:3px 0 0;font-size:.86rem}.feeding-side-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.feeding-side-breakdown div{background:var(--surface-2);border-radius:10px;min-width:0;padding:8px 10px}.feeding-side-breakdown span,.feeding-side-breakdown strong{display:block}.feeding-side-breakdown span{color:var(--muted);font-size:.72rem}.feeding-side-breakdown strong{color:var(--text);margin-top:2px;font-size:.8rem}.page-header{padding:4px 0 5px}.page-header h1{letter-spacing:-.04em;margin:0;font-size:2.5rem}.page-header p{color:var(--muted);margin:7px 0 28px;font-size:1.02rem}.eyebrow{color:var(--accent-strong);letter-spacing:.17em;font-size:.73rem;font-weight:850}.card,.stat-card,.history-item{background:var(--surface);border:1px solid var(--border);border-radius:26px;box-shadow:0 10px 30px #222a2309}.brand-row{justify-content:space-between;align-items:flex-start;display:flex}.brand-row h1{margin:6px 0 0;font-size:1.12rem;font-weight:760}.icon-button{width:48px;height:48px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:50%;place-items:center;transition:transform .2s,border-color .2s;display:grid;box-shadow:0 8px 20px #0000000d}.icon-button:hover{transform:translateY(-1px)}.timer-area{text-align:center;padding:66px 0 54px}.timer{font-variant-numeric:tabular-nums;letter-spacing:-.07em;font-size:clamp(5rem,21vw,8.2rem);font-weight:220;line-height:.9}.timer-area p{color:var(--muted);margin:22px 0 0;font-size:1.04rem}.side-switch{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:6px;display:grid}.side-switch button{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:17px;font-size:1.08rem;font-weight:700;transition:opacity .2s,background .2s,color .2s,transform .2s;display:flex}.side-switch button.selected{color:var(--text);background:var(--surface);outline:2px solid color-mix(in srgb, var(--accent) 75%, transparent);outline-offset:-3px;box-shadow:0 5px 16px #00000014}.side-switch button:disabled{cursor:not-allowed;opacity:.42}.side-switch button:disabled.selected{opacity:1}.breast-side-icon{object-fit:contain;flex-shrink:0;width:27px;height:27px}.breast-side-icon-right,.flipped{transform:scaleX(-1)}.primary-action,.secondary-action{border-radius:999px;justify-content:center;align-items:center;gap:11px;width:100%;margin-top:16px;padding:20px;font-size:1.18rem;font-weight:850;transition:transform .2s,opacity .2s,border-color .2s;display:flex}.primary-action{color:#101510;background:var(--accent);box-shadow:0 14px 28px color-mix(in srgb, var(--accent) 28%, transparent);border:0}.primary-action:hover{transform:translateY(-1px)}.secondary-action{color:var(--text);background:var(--surface);border:1px solid var(--border)}.secondary-action:disabled{cursor:not-allowed;opacity:.38}.helper{color:var(--muted);text-align:center;margin-top:16px;font-size:.82rem}.bottom-nav{z-index:50;width:min(100%,720px);padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;display:flex}.nav-item svg{flex-shrink:0;width:21px;height:21px}.nav-item span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;font-weight:600;line-height:1.1;overflow:hidden}.nav-item.active{color:var(--accent-strong)}.quick-card,.settings-card,.chart-card{margin-bottom:18px;padding:22px}.quick-card h2,.settings-card h2,.chart-card h2{margin:6px 0 18px;font-size:1.28rem}.section-heading,.stats-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quick-diaper-button{color:#111;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:94px;padding:14px 8px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s;display:flex}.quick-diaper-button:hover{transform:translateY(-1px)}.quick-diaper-button:active{transform:scale(.97)}.quick-diaper-button svg,.quick-diaper-button img{flex-shrink:0;width:30px;height:30px}.quick-diaper-button img{object-fit:contain}.quick-diaper-button.pee{background:var(--pee)}.quick-diaper-button.pee svg{stroke:#111}.quick-diaper-button.poop{background:var(--poop)}.quick-diaper-button.both{background:var(--both)}.quick-diaper-button.both svg{stroke:currentColor}.diaper-confirmation{border:1px solid;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding:14px 16px;font-size:14px;font-weight:750;animation:.18s ease-out diaper-confirmation-in;display:flex;box-shadow:0 8px 22px #00000014}.diaper-confirmation svg{stroke-width:2.2px;flex-shrink:0}.diaper-confirmation.pee{color:#2b2410;background:var(--pee-soft);border-color:var(--pee-border)}.diaper-confirmation.poop{color:#3d2718;background:var(--poop-soft);border-color:var(--poop-border)}.diaper-confirmation.both{color:#5b285d;background:var(--both-soft);border-color:var(--both-border)}@keyframes diaper-confirmation-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.timeline{gap:11px;display:grid}.history-item{grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:12px;padding:14px;display:grid}.history-icon{width:48px;height:48px;color:var(--accent-strong);background:var(--accent-soft);border-radius:50%;place-items:center;display:grid}.history-icon.pee{color:#111;background:var(--pee)}.history-icon.pee svg{stroke:#111}.history-icon.poop{color:#111;background:var(--poop)}.history-icon.both{color:#5a245d;background:var(--both)}.history-custom-icon{object-fit:contain;width:26px;height:26px}.history-title{justify-content:space-between;gap:10px;display:flex}.history-title span,.history-copy p{color:var(--muted)}.history-title span{flex-shrink:0;font-size:.9rem}.history-copy{min-width:0}.history-copy p{margin:5px 0 0;font-size:.92rem;line-height:1.4}.history-screen{padding-bottom:42px}.history-page-header p{margin-bottom:34px}.history-groups{gap:34px;display:grid}.history-day{gap:14px;display:grid}.history-day-heading{align-items:center;gap:14px;display:flex}.history-day-heading h2{color:var(--text);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;margin:0;font-size:.9rem;font-weight:850}.history-day-heading span{background:var(--border);width:100%;height:1px}.history-day-list{gap:12px;display:grid}.history-record{background:var(--surface);border:1px solid var(--border);border-radius:24px;grid-template-columns:minmax(0,1fr) 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #222a230a}.history-record-accent{background:var(--accent);width:8px;position:absolute;top:0;bottom:0;left:0}.history-record-body{min-width:0;padding:20px 12px 20px 24px}.history-record-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.history-record-time{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-size:1.25rem;font-weight:850;display:block}.history-record-time span{color:var(--muted)}.history-record-type{color:var(--muted);margin-top:4px;font-size:.76rem;font-weight:650;display:block}.feeding-side-tag{color:var(--accent-strong);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));border-radius:999px;flex-shrink:0;padding:7px 13px;font-size:.78rem;font-weight:800}.feeding-side-tag.both{padding-inline:11px}.history-record-summary{color:var(--muted);align-items:center;gap:8px;margin-top:14px;display:flex}.history-record-summary strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.history-feeding-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.history-feeding-breakdown div{background:var(--surface-2);border-radius:13px;grid-template-columns:25px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;padding:10px;display:grid}.history-feeding-breakdown img{object-fit:contain;grid-row:1/3;width:25px;height:25px}.history-feeding-breakdown span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.history-feeding-breakdown strong{color:var(--text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.history-delete-button{color:var(--muted);background:0 0;border:0;border-radius:50%;align-self:start;margin:13px 8px 0 0;padding:9px;transition:color .18s,background .18s}.history-delete-button:hover{color:var(--danger);background:var(--danger-soft)}.diaper-record .history-record-body{min-height:112px}.diaper-record.pee-record .history-record-accent{background:var(--pee)}.diaper-record.poop-record .history-record-accent{background:var(--poop)}.diaper-record.both-record .history-record-accent{background:var(--both)}.history-diaper-icon{border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.history-diaper-icon svg,.history-diaper-icon img{width:24px;height:24px}.history-diaper-icon img{object-fit:contain}.pee-record .history-diaper-icon{color:#111;background:var(--pee)}.poop-record .history-diaper-icon{color:#111;background:var(--poop)}.both-record .history-diaper-icon{color:#5a245d;background:var(--both)}.history-diaper-label{color:var(--text);margin-top:10px;font-size:1rem;font-weight:800;display:block}@media (width<=380px){.history-record-time{font-size:1.08rem}.history-feeding-breakdown{grid-template-columns:1fr}}.delete-button{color:var(--muted);background:0 0;border:0;padding:8px}.empty-state{color:var(--muted);text-align:center;padding:42px}.stats-screen,.stats-filters,.stats-section{flex-direction:column;display:flex}.stats-screen{gap:20px}.stats-filters{gap:14px}.stats-section{gap:12px}.stats-period-tabs{background:var(--surface);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;display:grid}.stats-period-tabs button{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:12px;padding:10px 4px;font-size:12px;font-weight:750}.stats-period-tabs button.active{color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 13%, var(--surface))}.stats-date-control{background:var(--surface);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.stats-date-control span{color:var(--text);font-size:14px;font-weight:700}.stats-date-control input{min-width:135px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:13px}.hero-stat{color:var(--text);text-align:center;background:linear-gradient(145deg, var(--accent-soft), color-mix(in srgb, var(--accent-soft) 68%, var(--surface)));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));box-shadow:var(--shadow);border-radius:28px;flex-direction:column;align-items:center;margin-bottom:18px;padding:26px 20px;display:flex}.hero-stat>span{color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:850}.hero-stat strong{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.05em;margin-top:8px;font-size:clamp(36px,10vw,54px);font-weight:850;line-height:1;display:block}.hero-stat p{color:var(--muted);margin:10px 0 0;font-size:13px;font-weight:750}.stats-section-heading{align-items:flex-end}.stats-section-heading h2,.chart-heading h2{color:var(--text);margin:3px 0 0;font-size:20px}.stats-section-total{color:var(--text);font-size:28px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stat-card{border-radius:20px;flex-direction:column;justify-content:flex-end;min-width:0;min-height:150px;padding:16px;display:flex}.stat-icon{width:42px;height:42px;color:var(--text);background:var(--surface-2);border-radius:13px;justify-content:center;align-items:center;margin-bottom:auto;display:flex}.stat-icon svg,.stat-icon img{width:25px;height:25px}.stat-icon img{object-fit:contain}.stat-card strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:800;display:block;overflow:hidden}.stat-card>span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.3;display:block}.pee-stat .stat-icon{color:#111;background:var(--pee)}.poop-stat .stat-icon{color:#111;background:var(--poop)}.both-stat .stat-icon{color:#5a245d;background:var(--both)}.diaper-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.diaper-stats-grid .stat-card{text-align:center;min-height:138px;padding:14px 10px}.diaper-stats-grid .stat-icon{margin-bottom:auto;margin-left:auto;margin-right:auto}.chart-card{padding:20px 16px;overflow:hidden}.chart-heading p{color:var(--muted);margin:4px 0 0;font-size:13px}.bars{grid-template-columns:repeat(7,minmax(32px,1fr));gap:8px;min-height:210px;margin-top:24px;display:grid}.bars.scrollable{scroll-snap-type:x proximity;padding-bottom:8px;display:flex;overflow-x:auto}.bars.scrollable .bar-column{scroll-snap-align:start;width:38px;min-width:38px}.bar-column{text-align:center;grid-template-rows:20px 150px 24px;align-items:end;gap:6px;min-width:0;display:grid}.bar-column>span,.bar-column b{color:var(--muted);font-size:10px;font-weight:700}.bar-column b{text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;overflow:hidden}.bar-track{background:var(--surface-2);border-radius:10px;width:100%;height:150px;position:relative;overflow:hidden}.bar-fill{background:var(--accent);border-radius:10px 10px 0 0;min-height:0;position:absolute;bottom:0;left:0;right:0}.chart-empty{color:var(--muted);text-align:center;background:var(--surface-2);border-radius:16px;margin-top:20px;padding:30px 16px}.settings-card label{color:var(--text);gap:7px;margin-top:15px;font-weight:750;display:grid}.settings-card input{color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:15px;outline:none;padding:14px 15px}.settings-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.settings-action{width:100%;color:var(--text);background:var(--surface-2);border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;margin-top:10px;padding:15px;font-weight:800;display:flex}.settings-action:hover{border-color:var(--border)}.settings-action.danger{color:var(--danger);background:var(--danger-soft)}.file-action input{display:none}.privacy-note{color:var(--muted);text-align:center;padding:0 18px 8px;font-size:.86rem;line-height:1.45}[data-theme=dark] .diaper-confirmation.pee{color:#fff3b0;background:#3d3517;border-color:#8f7928}[data-theme=dark] .diaper-confirmation.poop{color:#f1d7c3;background:#3a291f;border-color:#7f5b41}[data-theme=dark] .diaper-confirmation.both{color:#f3cef4;background:#38213a;border-color:#854b88}@media (width<=380px){.stats-period-tabs button{font-size:11px}.quick-grid{gap:7px}.quick-diaper-button{padding-inline:4px;font-size:12px}.diaper-stats-grid{grid-template-columns:1fr}.diaper-stats-grid .stat-card{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:12px;min-height:auto;display:grid}.diaper-stats-grid .stat-icon{grid-row:1/3;margin:0}}@media (width>=760px){body{background:color-mix(in srgb, var(--bg) 82%, #d8d8d2)}.app-shell{max-width:720px;margin:auto;box-shadow:0 0 55px #00000017}.screen{padding-left:42px;padding-right:42px}}