@layer ui-sdk;:root{color:#202e2b;font-synthesis:none;--bg:#f5f7f2;--surface:#fff;--raised:#fff;--ink:#202e2b;--muted:#596861;--line:#dce3d9;--control:#7f9185;--action:#284c40;--action-ink:#fff;--soft:#e8eee2;--danger:#9e3437;--danger-soft:#fff0ee;--feed:#7d512b;--feed-soft:#fff1dc;--sleep:#4e5c89;--sleep-soft:#ecedfa;--diaper:#407160;--diaper-soft:#e8f3eb;--health:#8b4e66;--health-soft:#f9eaf0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f7f2;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=night]{--bg:#15201e;--surface:#1d2b27;--raised:#293831;--ink:#eef3e8;--muted:#b2c0b5;--line:#3e5045;--control:#829b89;--action:#d1e7bc;--action-ink:#203524;--soft:#293e31;--danger:#ffc1be;--danger-soft:#482b2b;--feed:#f2ca91;--feed-soft:#42382a;--sleep:#c8cef8;--sleep-soft:#2f354b;--diaper:#b8dfc6;--diaper-soft:#2b4032;--health:#f0c2d3;--health-soft:#45313c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.52}a{color:var(--action)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--action);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:8px;font-size:clamp(1.65rem,4.6vw,2.35rem);font-weight:620;line-height:1.15}h2{letter-spacing:-.03em;margin-bottom:16px;font-size:1.22rem;font-weight:630;line-height:1.3}h3{font-size:1rem;line-height:1.4}p{line-height:1.65}small{font-size:.8rem;line-height:1.5}svg{flex-shrink:0}form{gap:19px;display:grid}fieldset{border:0;min-width:0;padding:0}strong{font-weight:650}.muted,.page-heading p{color:var(--muted)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.stack{align-content:start;gap:20px;display:grid}.button{appearance:none;border:1px solid var(--line);background:var(--surface);min-height:52px;color:var(--ink);white-space:normal;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:12px 19px;font-weight:620;line-height:1.3;text-decoration:none;display:inline-flex}.button[data-variant=primary]{background:var(--action);color:var(--action-ink);border-color:var(--action)}.button[data-variant=ghost]{background:0 0;border-color:#0000}.button[data-variant=danger]{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}.button:hover:not(:disabled){filter:brightness(.96)}.button[data-pending]{opacity:.7}.button[data-pending]:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand{letter-spacing:-.07em;color:var(--ink);align-items:center;gap:10px;font-size:1.48rem;font-weight:740;text-decoration:none;display:flex}.brand-mark{border:2px solid var(--action);border-radius:50% 50% 44% 44%;width:29px;height:34px;display:block;position:relative;transform:rotate(-12deg)}.brand-mark:after{content:"";border:2px solid var(--action);border-radius:50%;position:absolute;inset:7px 5px 10px}.app-header{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);padding:16px max(24px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.header-end{align-items:center;gap:12px;font-size:.85rem;display:flex}.header-status{color:var(--muted);align-items:center;gap:7px;display:flex}.avatar-button{background:var(--soft);border-radius:50%;min-width:52px;padding:12px}.app-layout{grid-template-columns:210px minmax(0,1fr);max-width:1440px;margin:auto;display:grid}.app-nav{align-self:start;gap:6px;padding:30px 18px;display:grid;position:sticky;top:90px}.app-nav .button{text-align:left;color:var(--muted);border-radius:13px;justify-content:flex-start}.app-nav .button[aria-current=page]{color:var(--action);background:var(--soft);font-weight:720}.app-main{align-content:start;gap:24px;width:100%;min-width:0;max-width:1150px;padding:38px 40px 80px;display:grid}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:5px;display:flex}.page-heading p{margin-bottom:0;font-size:.94rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;min-width:0;padding:26px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-heading h2,.section-heading h3{margin:0}.section-heading .button{padding-inline:10px;font-size:.83rem}.home-grid{grid-template-columns:1.35fr 1fr;gap:22px;display:grid}.state-panel{background:var(--soft);border-color:#0000;flex-direction:column;padding:30px;display:flex}.state-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.status-pill,.badge{background:var(--surface);color:var(--muted);border-radius:100px;align-items:center;padding:7px 11px;font-size:.75rem;font-weight:650;line-height:1.35;display:inline-flex}.state-reading{padding-block:32px 20px}.state-reading h2{letter-spacing:-.065em;margin-bottom:8px;font-size:clamp(2.5rem,6vw,4.1rem);font-weight:570;line-height:1.1}.state-reading p{color:var(--muted);margin:0}.state-note{border-top:1px solid var(--line);align-items:flex-start;gap:10px;margin-bottom:16px;padding-top:16px;font-size:.87rem;display:flex}.state-note p{margin:0}.state-note small{color:var(--muted);margin-top:3px;display:block}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto;display:grid}.quick-actions .button{padding:14px 7px;font-size:.86rem}.summary-panel{flex-direction:column;justify-content:space-between;display:flex}.stat-grid{grid-template-columns:1fr 1fr;gap:28px 12px;margin:28px 0;display:grid}.stat-grid>div{flex-direction:column;gap:6px;display:flex}.stat-grid span{color:var(--muted);font-size:.82rem}.stat-grid strong{letter-spacing:-.045em;font-size:1.6rem}.active-timers{flex-wrap:wrap;gap:14px;display:flex}.active-timer{flex:1;justify-content:flex-start;background:var(--surface)!important;border:1px solid var(--line)!important}.active-timer>span{flex-direction:column;flex:1;align-items:flex-start;gap:5px;font-size:.88rem;display:flex}.active-timer>span>span{font-variant-numeric:tabular-nums;color:var(--muted)}.field{gap:8px;min-width:0;display:grid}.field [data-slot=field-label],.toggle-field [data-slot=field-label]{font-size:.86rem;font-weight:650;line-height:1.4}.field [data-slot=field-description],.toggle-field [data-slot=field-description]{color:var(--muted);font-size:.79rem;line-height:1.55}.field [data-slot=field-error]{color:var(--danger);font-size:.82rem}.input{border:1px solid var(--line);width:100%;min-width:0;min-height:52px;color:var(--ink);background:var(--surface);border-radius:12px;padding:12px 14px;line-height:1.5}.input:invalid:not(:focus):not(:placeholder-shown){border-color:var(--line)}.textarea{resize:vertical;min-height:110px}.select-trigger{text-align:left;justify-content:space-between;align-items:center;display:flex}.select-content{z-index:100;max-height:min(360px,70dvh);min-width:var(--anchor-width,220px);border:1px solid var(--line);background:var(--raised);border-radius:14px;max-width:calc(100vw - 24px);padding:6px;position:absolute;overflow:auto;box-shadow:0 16px 50px #0002}.select-item{cursor:pointer;border-radius:9px;min-height:48px;padding:14px 16px}.select-item[data-highlighted],.select-item[data-selected]{background:var(--soft)}.toggle-field{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.toggle-field>div{gap:6px;display:grid}.switch{border:1px solid var(--muted);background:var(--line);border-radius:30px;width:52px;min-width:52px;height:32px;padding:3px;position:relative}.switch[data-checked]{background:var(--action);border-color:var(--action)}.switch-thumb{background:var(--surface);border:1px solid var(--line);border-radius:50%;width:24px;height:24px;display:block;transform:translate(0)}.switch[data-checked] .switch-thumb{transform:translate(19px)}.form-panel{gap:22px;max-width:680px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-emblem{background:var(--soft);border-radius:20px;place-items:center;width:65px;height:65px;display:grid}.inline-note{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.86rem;display:flex}.notice{border:1px solid var(--line);background:var(--soft);border-radius:14px;padding:15px 18px;font-size:.87rem;line-height:1.6}.notice[data-tone=error],.notice[data-tone=warning]{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.notice .button{min-height:44px;padding:7px 10px;font-size:.82rem}.feedback{z-index:30;bottom:max(24px,env(safe-area-inset-bottom));background:var(--ink);width:max-content;max-width:calc(100vw - 32px);color:var(--surface);border-radius:18px;align-items:center;gap:14px;padding:10px 14px 10px 20px;font-size:.9rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0002}.feedback .button{color:var(--surface);background:0 0;border-color:#0000;min-height:44px;padding:9px}.dialog-backdrop{z-index:100;background:#10221b66;position:fixed;inset:0}.dialog-content{background:var(--raised);color:var(--ink);border:1px solid var(--line);z-index:101;border-radius:24px;width:min(520px,100vw - 32px);max-height:calc(100dvh - 40px);padding:28px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog-content h2{font-size:1.4rem}.dialog-content [data-slot$=description]{color:var(--muted);margin-bottom:24px;line-height:1.65;display:block}.care-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.care-tile{border:1px solid var(--line);background:var(--surface);min-height:155px;color:var(--ink);text-align:left;border-radius:22px;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:24px;font-weight:650;display:flex}.care-tile:hover{background:var(--soft)}.care-icon,.record-symbol{background:var(--soft);border-radius:15px;place-items:center;width:46px;height:46px;display:grid}[data-tone=feed]>.care-icon,[data-tone=feed].record-symbol,[data-tone=feed].form-emblem{background:var(--feed-soft);color:var(--feed)}[data-tone=sleep]>.care-icon,[data-tone=sleep].record-symbol,[data-tone=sleep].form-emblem{background:var(--sleep-soft);color:var(--sleep)}[data-tone=diaper]>.care-icon,[data-tone=diaper].record-symbol,[data-tone=diaper].form-emblem{background:var(--diaper-soft);color:var(--diaper)}[data-tone=health]>.care-icon,[data-tone=health].record-symbol,[data-tone=health].form-emblem{background:var(--health-soft);color:var(--health)}.record-row{text-align:left;border-radius:0;justify-content:flex-start;width:100%;display:flex;border-bottom:1px solid var(--line)!important;gap:14px!important;padding:15px 2px!important}.record-row:last-child{border-bottom:0!important}.record-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.record-main strong{font-size:.94rem}.record-main>span{color:var(--muted);overflow-wrap:anywhere;font-size:.81rem;font-weight:450}.record-row time{white-space:nowrap;color:var(--muted);font-size:.78rem;font-weight:500}.empty-state{justify-items:start;gap:10px;padding:35px 10px;display:grid}.empty-state p{margin:0;font-weight:600}.empty-state span{color:var(--muted);font-size:.86rem;line-height:1.65}.empty-state .button{margin-top:8px}.timer-panel{text-align:center;justify-items:center;gap:18px;max-width:680px;padding:36px;display:grid}.timer-panel form{text-align:left;justify-items:stretch;width:100%}.timer-panel .eyebrow{margin:0}.timer-panel .actions{justify-content:center}.timer-value{font-variant-numeric:tabular-nums;letter-spacing:-.07em;margin:0;font-size:clamp(3.1rem,11vw,5rem);line-height:1.15}.timer-sides{gap:30px;display:flex}.timer-sides span{color:var(--muted);flex-direction:column;gap:5px;font-size:.85rem;display:flex}.timer-sides strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.25rem}.date-navigation{align-items:end;gap:10px;margin-bottom:22px;display:flex}.date-navigation .field{flex:1;max-width:260px}.recap-grid{flex-wrap:wrap;gap:30px;padding:20px 0;display:flex}.recap-grid>div{gap:6px;min-width:100px;display:grid}.recap-grid strong{letter-spacing:-.04em;font-size:1.5rem}.recap-grid span{color:var(--muted);font-size:.77rem}.group-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:25px;font-size:.76rem}.pattern-chart{margin-top:25px;overflow:hidden}.pattern-chart svg{width:100%;min-height:140px;max-height:250px}.chart-bar{fill:var(--action)}.chart-bar.partial{fill:var(--muted);opacity:.65}.pattern-chart text{fill:var(--muted);font-size:13px}.two-columns{grid-template-columns:1.1fr 1fr;align-items:start;gap:22px;display:grid}.plan-item{border-left:3px dotted var(--muted);margin:20px 0;padding:16px 0 16px 20px}.plan-item[data-source=learned]{border-left-style:dashed}.plan-item[data-source=recorded]{border-left-style:solid;border-left-color:var(--action)}.plan-item[data-source=edited]{border-left-style:double}.plan-item .field{margin-bottom:12px}.plan-item .button{min-height:46px;padding-inline:12px;font-size:.78rem}.learning-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:6px 15px;padding:15px 0;font-size:.85rem;display:grid}.learning-row>span:last-child{color:var(--muted);grid-column:1/-1;font-size:.75rem}.learning-row strong{font-size:.8rem}.auth-page{background:var(--bg);place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.welcome-card{background:var(--surface);border:1px solid var(--line);border-radius:30px;gap:24px;width:min(460px,100%);padding:38px;display:grid}.welcome-card h1{margin:15px 0 0;font-size:2.9rem}.welcome-card .brand{font-size:1.55rem}.welcome-card p{color:var(--muted);margin:0}.welcome-card .button{width:100%}.welcome-card .google-mark{font-size:1.2rem;font-weight:700}.welcome-card small{color:var(--muted)}.account-summary{justify-content:space-between;align-items:center;gap:14px;display:flex}.settings-links{gap:8px;display:grid}.settings-links .button{justify-content:space-between}.settings-section{gap:18px;display:grid}.settings-section h2{margin:0}.reminder-row,.member-row,.family-row{border-bottom:1px solid var(--line);gap:12px;padding:18px 0;display:grid}.data-preview{border:1px dashed var(--line);border-radius:12px;gap:8px;padding:16px;font-size:.86rem;display:grid}.payment-form{gap:20px;display:grid}.payment-form .actions{margin-top:20px}.skip-link{background:var(--action);color:var(--action-ink);z-index:1000;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.install-panel{gap:16px;display:grid}.install-panel p{margin:0}.environment-notice{background:var(--feed-soft);color:var(--feed);text-align:center;border-bottom:1px solid var(--line);padding:8px 24px;font-size:.78rem}@media (min-width:1500px){.app-main{padding-left:55px}}@media (max-width:1100px){.app-layout{grid-template-columns:170px minmax(0,1fr)}.app-main{padding:30px 25px 80px}.app-nav{padding:25px 10px}.home-grid{grid-template-columns:1fr}.care-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-columns{grid-template-columns:1fr}.summary-panel .stat-grid{grid-template-columns:repeat(4,1fr);margin:22px 0}.stat-grid strong{font-size:1.35rem}.summary-panel>.button{align-self:flex-start}}@media (max-width:740px){.app-header{padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top))}.header-status{font-size:.75rem}.header-end{gap:5px}.app-layout{display:block}.app-main{padding:27px 18px calc(110px + env(safe-area-inset-bottom));gap:19px}.app-nav{z-index:20;border-top:1px solid var(--line);background:var(--surface);padding:7px 12px calc(7px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid;position:fixed;inset:auto 0 0}.app-nav .button{text-align:center;flex-direction:column;justify-content:center;gap:5px;min-height:60px;padding:9px 4px;font-size:.66rem}.app-nav .desktop-only{display:none}.page-heading{align-items:flex-start;gap:12px}.page-heading>.button{min-width:52px;padding:12px;font-size:.8rem}.panel{border-radius:20px;padding:20px}.state-panel{padding:24px}.state-reading{padding:28px 0 23px}.state-reading h2{font-size:3.1rem}.stat-grid{gap:20px 10px}.summary-panel .stat-grid{grid-template-columns:1fr 1fr}.summary-panel .stat-grid strong{font-size:1.6rem}.care-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.care-tile{border-radius:17px;gap:15px;min-height:126px;padding:15px 12px;font-size:.8rem}.care-icon{border-radius:12px;width:41px;height:41px}.record-row{gap:10px!important}.record-symbol{border-radius:12px;width:39px;height:43px}.record-row time{font-size:.73rem}.record-row>svg:last-child{display:none}.form-row{gap:12px}.feedback{bottom:calc(88px + env(safe-area-inset-bottom));font-size:.81rem}.date-navigation{gap:3px}.date-navigation>.button{padding-inline:8px}.date-navigation>.button:last-child{font-size:.8rem}.timer-panel{padding:28px 18px}.timer-panel .actions .button{font-size:.82rem}.welcome-card{padding:30px 25px}.header-status span{text-overflow:ellipsis;white-space:nowrap;max-width:95px;overflow:hidden}.section-heading{flex-wrap:wrap}.recap-grid{gap:25px}.form-panel{max-width:100%}.dialog-content{padding:24px 20px}.environment-notice{padding:7px 16px;font-size:.71rem}}@media (max-width:350px){.app-main{padding-inline:12px}.panel{padding:17px}.care-grid{grid-template-columns:1fr 1fr}.quick-actions .button{gap:5px;font-size:.76rem}.page-heading{flex-wrap:wrap}.form-row{grid-template-columns:1fr}.app-header{padding-inline:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.panel,.button,.input,.care-tile,.switch{border:1px solid canvastext}.chart-bar{fill:canvastext}}form>fieldset{gap:19px;display:grid}.app-main:focus{outline:none}.record-facts{grid-template-columns:110px 1fr;gap:12px 20px;font-size:.85rem;line-height:1.6;display:grid}.record-facts dt{color:var(--muted)}.record-facts dd{overflow-wrap:anywhere;margin:0}.record-facts dd p{margin-bottom:8px}.preserve-lines{white-space:pre-wrap}.record-item{border-bottom:1px solid var(--line)}.record-item .record-row{border-bottom:0!important}.record-item>.button{min-height:44px;font-size:.78rem}.input,.button[data-variant=secondary]{border-color:var(--control)}.switch:not([data-checked]){background:var(--muted)}
