@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sky-top:#15161a;--sky-mid:#1f1f24;--sky-low:#27272c;--glass:#fcf8e812;--glass-strong:#fcf8e81f;--glass-line:#fcf8e81f;--shade:#00000047;--text:#fcf8e8;--muted:#fcf8e8a8;--faint:#fcf8e86b;--sleep-a:#f6e9ad;--sleep-b:#e3c86a;--nap-a:#ece3ff;--nap-b:#c6b2f5;--feed:#f1dfd3;--feed-soft:#f1dfd338;--sleep-soft:#eedd8d2e;--sand:#c4ae9f;--warn:#e09a92;--ink:#272727;--accent:#eedd8d;--on-accent:#272727;--accent-glow:#eedd8d66;--track:#fcf8e812;--hairline:#fcf8e814;--bar:#18181c9e;--toast-bg:#18181ce0;--lift:#00000080;--radius:26px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Figtree Variable,system-ui,-apple-system,sans-serif}:root[data-sky=night]{--sky-top:#15161a;--sky-mid:#1f1f24;--sky-low:#27272c}:root[data-sky=dusk]{--sky-top:#1f1f24;--sky-mid:#6e4b55;--sky-low:#c1756f}:root[data-sky=dawn]{--sky-top:#8a7aa8;--sky-mid:#dfcfff;--sky-low:#fcf8e8}:root[data-sky=day]{--sky-top:#f1dfd3;--sky-mid:#fcf8e8;--sky-low:#f1dfd3}:root[data-sky=day],:root[data-sky=dawn]{--text:#272727;--muted:#2727279e;--faint:#27272766;--sleep-a:#d8c6b8;--sleep-b:#a88f7e;--nap-a:#d3c2fb;--nap-b:#a98fe6;--feed:#c1756f;--feed-soft:#c1756f2e;--sleep-soft:#c4ae9f4d;--sand:#8f7766;--warn:#a4524c;--glass:#fffdf4b8;--glass-strong:#fffdf4e6;--glass-line:#2727271a;--shade:#2727270f;--accent:#c1756f;--on-accent:#fffdf4;--accent-glow:#c1756f66;--track:#27272714;--hairline:#27272714;--bar:#fffdf4d1;--toast-bg:#fffdf4f0;--lift:#27272729}*{box-sizing:border-box}html{background:var(--sky-top)}body{min-height:100dvh;color:var(--text);isolation:isolate;background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 55%, var(--sky-low) 100%) fixed;margin:0;transition:background 2s}.backdrop{z-index:-1;filter:blur(8px)saturate(.9);background-position:50% 30%;background-size:cover;position:fixed;inset:-16px}.backdrop:after{content:"";background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 55%, var(--sky-low) 100%);opacity:.55;position:absolute;inset:0}:root[data-sky=day] .backdrop:after{opacity:.62}:root.has-backdrop{--glass:#18181c80;--glass-strong:#18181c9e;--shade:#0006}:root.has-backdrop[data-sky=day],:root.has-backdrop[data-sky=dawn]{--glass:#fffdf4c7;--glass-strong:#fffdf4eb;--shade:#2727271f}:root.has-backdrop:not([data-sky=day]):not([data-sky=dawn]) .top h1,:root.has-backdrop:not([data-sky=day]):not([data-sky=dawn]) .big,:root.has-backdrop:not([data-sky=day]):not([data-sky=dawn]) .eyebrow{text-shadow:0 2px 18px #00000073}:root[data-sky=night] body:before,:root[data-sky=dusk] body:before{content:"";pointer-events:none;opacity:.9;background-image:radial-gradient(1px 1px at 12% 8%,#fff8 50%,#0000),radial-gradient(1px 1px at 78% 6%,#fff6 50%,#0000),radial-gradient(1.5px 1.5px at 42% 14%,#fff7 50%,#0000),radial-gradient(1px 1px at 88% 22%,#fff5 50%,#0000),radial-gradient(1px 1px at 22% 30%,#fff4 50%,#0000),radial-gradient(1.5px 1.5px at 64% 33%,#fff5 50%,#0000),radial-gradient(1px 1px at 6% 52%,#fff3 50%,#0000),radial-gradient(1px 1px at 93% 48%,#fff4 50%,#0000),radial-gradient(1px 1px at 52% 4%,#fff6 50%,#0000),radial-gradient(1px 1px at 33% 45%,#fff3 50%,#0000);position:fixed;inset:0}:root[data-sky=dusk] body:before{opacity:.35}button,input{font:inherit;color:inherit}button{cursor:pointer;background:var(--glass);touch-action:manipulation;border:0;border-radius:16px;padding:12px 14px;transition:transform .12s,background .2s}button:active{transform:scale(.97)}button:disabled{opacity:.45}input{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;width:100%;padding:13px 14px}input::placeholder{color:var(--faint)}h1,h2,h3{margin:0;font-weight:600}h2{margin:24px 0 10px;font-size:18px}h2.section{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:28px 4px 6px;font-size:13px;font-weight:600}h3{color:var(--muted);margin-top:12px;font-size:14px}.muted{color:var(--muted);font-size:14px}.center{text-align:center}.glass{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px)saturate(1.2)}.app{max-width:480px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 104px);margin:0 auto;position:relative}.top{align-items:center;gap:14px;display:flex}.avatar-ring{background:conic-gradient(from 200deg, var(--sleep-a), var(--feed), var(--nap-b), var(--sleep-a));border-radius:50%;flex:none;padding:2.5px}.avatar{object-fit:cover;background:var(--sky-mid);border:2.5px solid var(--sky-top);border-radius:50%;place-items:center;width:50px;height:50px;font-size:20px;font-weight:600;display:grid}.top-text{flex-direction:column;flex:1;display:flex}.top h1{letter-spacing:-.01em;font-size:24px}.top-text span{color:var(--muted);font-size:14px}.sync-dot{background:#9be3b8;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #9be3b8}.sync-dot.offline,.sync-dot.connecting{background:#f3d58b;box-shadow:0 0 10px #f3d58b}.sync-dot.error{background:#ff9b8a;box-shadow:0 0 10px #ff9b8a}.dial{aspect-ratio:1;width:min(94vw,400px);margin:14px auto 10px;position:relative}.quick{grid-template-columns:1.25fr 1fr;gap:10px;margin:8px 0 0;display:grid}.quick-btn{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;border-radius:999px;align-items:center;gap:10px;min-width:0;min-height:60px;padding:8px 12px;display:flex}.quick-btn.sleep{background:linear-gradient(135deg, var(--sleep-soft), var(--glass))}.quick-text{flex-direction:column;flex:1;min-width:0;display:flex}.quick-title{font-size:16px;font-weight:600}.quick-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.quick-go{background:var(--accent);width:34px;height:34px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.quick-line{text-align:center;color:var(--muted);margin:12px 4px 0;font-size:13px}.dial svg{width:100%;height:100%;overflow:visible}.dial-track{fill:none;stroke:var(--track);stroke-width:20px}.dial-sleep{fill:none;stroke-width:20px;stroke-linecap:round;opacity:.92}.dial-sleep.running{opacity:1;animation:3.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.75}}.dial-marker{fill:var(--glass);stroke:var(--glass-line);stroke-width:1.2px}.dial-now-halo{fill:#fffe884d}.dial-now{fill:var(--text);filter:drop-shadow(0 0 6px #fffe88b3)}:root[data-sky=day] .dial-now-halo,:root[data-sky=dawn] .dial-now-halo{fill:#2727271f}:root[data-sky=day] .dial-now,:root[data-sky=dawn] .dial-now{filter:none}.dial-hour{fill:var(--muted);opacity:.5;font-size:11px;font-weight:600}.dial-label{font-size:11px;font-weight:600}.dial-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:18%}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.7;font-size:12px;font-weight:600;display:block}.big{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:54px;font-weight:400;line-height:1;display:block}.big.small{font-size:30px;font-weight:400}.sub{color:var(--muted);max-width:200px;font-size:14px}.sub.warn{color:var(--warn)}.row2,.row3{gap:10px;margin:14px 0;display:grid}.row2{grid-template-columns:1fr 1fr}.row3{grid-template-columns:1fr 1fr 1fr}.pill{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;align-items:center;gap:12px;padding:10px 18px 10px 10px;font-size:16px;font-weight:600;display:flex}.pill-icon{background:var(--accent);width:44px;height:44px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.chip{background:var(--glass-strong);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-size:14px;font-weight:600;display:flex}.chip.solid{background:var(--accent);color:var(--on-accent)}.tiles{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.tile{border-radius:var(--radius);text-align:left;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px)saturate(1.2);min-height:118px;box-shadow:0 10px 30px -18px var(--lift);flex-direction:column;align-items:flex-start;gap:2px;padding:16px;display:flex;position:relative}.tile.suggested{border-color:color-mix(in srgb, var(--feed) 65%, transparent);background:linear-gradient(160deg, var(--feed-soft), var(--glass))}.tile.hero{background:linear-gradient(135deg, var(--sleep-soft), var(--glass));flex-direction:row;grid-column:1/-1;align-items:center;gap:16px;min-height:92px}.tile-text{flex-direction:column;flex:1;gap:2px;display:flex}.tile-go{background:var(--accent);width:40px;height:40px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.tile-icon{border-radius:16px;flex:none;place-items:center;width:46px;height:46px;margin-bottom:10px;display:grid}.tile.hero .tile-icon{border-radius:20px;width:56px;height:56px;margin:0}.tile-icon.sleep{background:var(--sleep-soft);color:var(--text)}.tile-icon.feed{background:var(--feed-soft);color:var(--feed)}.tile-icon.diaper{background:color-mix(in srgb, var(--sand) 28%, transparent);color:var(--sand)}.tile-icon.pump{background:color-mix(in srgb, var(--nap-b) 28%, transparent);color:var(--nap-b)}.tile-icon.solid{background:color-mix(in srgb, var(--sand) 28%, transparent);color:var(--sand)}.tile-icon.temp{background:color-mix(in srgb, var(--warn) 28%, transparent);color:var(--warn)}.tile-icon.medicine{background:color-mix(in srgb, var(--nap-a) 28%, transparent);color:var(--nap-a)}.tile-icon.more{background:var(--glass-strong);border:1px solid var(--glass-line);color:var(--text);border-radius:50%}.tile-title{font-size:19px;font-weight:600}.tile-sub{color:var(--muted);font-size:13px}.tile.stat{background:var(--track);justify-content:space-between}.tile-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.tile-number{letter-spacing:-.02em;font-size:28px;font-weight:400}.card{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius);margin:14px 0;padding:16px}.card.feeding{background:linear-gradient(150deg, var(--feed-soft), var(--glass));border-color:color-mix(in srgb, var(--feed) 50%, transparent)}.card-head{align-items:center;gap:14px;display:flex}.card-head .tile-icon{margin:0}.card .row3{margin-bottom:0}.summary{border-radius:var(--radius);background:var(--shade);grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0;padding:16px 18px;display:grid}.summary div{flex-direction:column;display:flex}.summary strong{font-size:19px;font-weight:600}.summary span{color:var(--muted);font-size:12px}.timeline{border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin:0;padding:6px;list-style:none}.timeline button{text-align:left;background:0 0;border-radius:18px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;width:100%;padding:10px;display:grid}.timeline li+li button{border-top:1px solid var(--hairline);border-radius:0}.tl-icon{border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.tl-icon.sleep{background:var(--sleep-soft)}.tl-icon.feed{background:var(--feed-soft);color:var(--feed)}.tl-icon.diaper{background:color-mix(in srgb, var(--sand) 28%, transparent);color:var(--sand)}.tl-icon.pump{background:color-mix(in srgb, var(--nap-b) 28%, transparent);color:var(--nap-b)}.tl-icon.solid{background:color-mix(in srgb, var(--sand) 28%, transparent);color:var(--sand)}.tl-icon.temp{background:color-mix(in srgb, var(--warn) 28%, transparent);color:var(--warn)}.tl-icon.medicine{background:color-mix(in srgb, var(--nap-a) 28%, transparent);color:var(--nap-a)}.tl-what.warn,.tl-dur.warn{color:var(--warn)}.add-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:10px;display:grid}.add-cell{text-align:center;background:0 0;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;width:84px;min-height:84px;padding:6px 2px;font-size:13px;font-weight:600;display:flex}.add-cell.suggested{background:var(--feed-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--feed) 55%, transparent)}.add-cell .add-sub{color:var(--muted);font-size:11px;font-weight:400}.field-text{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.field-text input{color:var(--text);font-size:17px}.diaper-choice button{padding:22px 8px;font-size:18px}.tl-main{flex-direction:column;gap:2px;min-width:0;display:flex}.tl-what{font-size:15px;font-weight:600}.tl-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.tl-dur{font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.sleep{background:var(--sleep-a)}.dot.nap{background:var(--nap-b)}.tabs{left:50%;bottom:calc(env(safe-area-inset-bottom) + 14px);background:var(--bar);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(22px)saturate(1.3);width:calc(100% - 36px);max-width:440px;height:64px;box-shadow:0 14px 40px -12px var(--lift);z-index:5;border-radius:999px;grid-template-columns:repeat(5,1fr);place-items:center;padding:0 6px;display:grid;position:fixed;transform:translate(-50%)}.tabs button{width:100%;height:100%;color:var(--text);opacity:.55;background:0 0;border-radius:999px;place-items:center;display:grid}.tabs button.on{opacity:1}.tabs button.plus{opacity:1;background:var(--accent);width:56px;height:56px;color:var(--on-accent);box-shadow:0 0 24px var(--accent-glow);border-radius:50%;transform:translateY(-10px)}:root[data-sky=day] .tabs button.on:not(.plus),:root[data-sky=dawn] .tabs button.on:not(.plus){background:var(--accent);color:var(--on-accent);width:calc(100% - 8px);height:44px}.sheet-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#14141873;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;background:linear-gradient(180deg, var(--sky-mid), var(--sky-top));border:1px solid var(--glass-line);border-bottom:0;border-radius:30px 30px 0 0;flex-direction:column;gap:14px;width:100%;max-width:480px;max-height:calc(100dvh - 24px);padding:20px 18px 0;animation:.28s cubic-bezier(.2,.9,.3,1) rise;display:flex;overflow-y:auto}.sheet:after{content:"";height:calc(env(safe-area-inset-bottom) + 8px);flex:none}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@keyframes fade{0%{opacity:0}}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-head h2{margin:0;font-size:22px}.sheet-hero{flex-direction:column;align-items:center;gap:4px;padding-top:4px;display:flex;position:relative}.sheet-close{position:absolute;top:0;right:0}.sheet-icon{background:var(--glass);border:1px solid var(--glass-line);border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:8px;display:grid}.sheet-hero h2{margin:0;font-size:22px;font-weight:600}.sheet-time{font-variant-numeric:tabular-nums;margin-top:6px;font-size:34px;font-weight:300;line-height:1.1}.sheet-day{color:var(--muted);text-transform:capitalize;font-size:13px}.save-wrap{z-index:1;background:linear-gradient(180deg, transparent, var(--sky-top) 28%);flex-direction:column;align-items:center;gap:8px;margin-top:6px;padding:8px 0 12px;display:flex;position:sticky;bottom:0}.save-wrap .error{text-align:center}.save-row{justify-content:center;align-items:center;gap:16px;display:flex}.delete-pill{border:1.5px solid color-mix(in srgb, var(--warn) 70%, transparent);color:var(--warn);background:0 0;border-radius:999px;padding:12px 20px;font-weight:600}.save-note{color:var(--muted);font-size:13px}.save-round{background:var(--accent);width:64px;height:64px;color:var(--on-accent);box-shadow:0 10px 26px -10px var(--lift);border-radius:50%;place-items:center;padding:0;display:grid}.ghost{background:var(--glass);border-radius:50%;width:38px;height:38px;padding:0}.primary{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:17px;font-size:16px;font-weight:700}.danger{color:var(--warn);background:0 0}.wide{width:100%}.link{color:var(--text);text-underline-offset:3px;background:0 0;align-self:flex-start;padding:6px 0;text-decoration:underline}.error{color:var(--warn);margin:0}.segmented{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.segmented button{background:0 0;border:1.5px solid #0000;border-radius:999px;padding:12px 20px}.segmented button.on{border-color:color-mix(in srgb, var(--text) 60%, transparent);font-weight:600}.sheet .field-text,.sheet .timefield-head>span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px}.timefield{flex-direction:column;gap:8px;display:flex}.timefield-head{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.timefield-head strong{color:var(--text);font-size:22px;font-weight:500}.timefield-row{grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:6px;display:grid}.timefield-row button{border-radius:12px;padding:10px 8px;font-size:14px;font-weight:600}.timefield-row input{width:100%;min-width:0;padding:8px 6px 8px 8px;font-size:13px}.timefield-row input::-webkit-calendar-picker-indicator{margin-left:2px;padding:0}.timefield-row input::-webkit-datetime-edit{min-width:0;padding:0}.sheet .field-text .error,.timefield .error{letter-spacing:0;text-transform:none;margin-top:4px;font-size:13px;display:block}.pause-row{border-left:2px solid var(--glass-line);flex-direction:column;gap:8px;padding-left:12px;display:flex}.amount{text-align:center;grid-template-columns:1fr 1.4fr 1fr;align-items:center;display:grid}.amount.five{grid-template-columns:auto auto 1fr auto auto;gap:6px}.amount.five button{padding:14px 12px;font-size:16px}.amount-wrap{flex-direction:column;gap:10px;display:flex}.quick-values{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.quick-values button{background:var(--glass);border:1.5px solid #0000;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.quick-values button.on{border-color:color-mix(in srgb, var(--text) 60%, transparent)}.amount strong{font-size:46px;font-weight:300}.amount button{border-radius:999px;padding:18px;font-size:18px;font-weight:600}.stats>h2:first-child{margin-top:18px}.bars{border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:220px;padding:16px;display:grid}.bar-col{flex-direction:column;align-items:center;gap:6px;height:100%;display:flex}.bar{background:var(--track);border-radius:10px;flex-direction:column-reverse;flex:1;width:100%;display:flex;overflow:hidden}.bar-fill.night{background:linear-gradient(0deg, var(--sleep-b), var(--sleep-a))}.bar-fill.nap{background:linear-gradient(0deg, var(--nap-b), var(--nap-a))}.bar-val,.bar-label{color:var(--muted);font-size:12px;font-weight:600}.legend{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}table{border-collapse:collapse;border-radius:var(--radius);background:var(--glass);width:100%;font-size:15px;overflow:hidden}td{border-bottom:1px solid var(--hairline);padding:13px 16px}tr:last-child td{border-bottom:0}td:first-child{color:var(--muted);text-transform:capitalize;width:70px}.settings label,.welcome label{color:var(--muted);flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;display:flex}.photo-pick{cursor:pointer;align-items:center;font-weight:600;color:var(--text)!important;flex-direction:row!important;gap:16px!important}.photo-pick img,.photo-pick .avatar-empty{object-fit:cover;background:var(--glass);border:1px solid var(--glass-line);border-radius:50%;place-items:center;width:84px;height:84px;font-size:30px;display:grid}.wordmark{letter-spacing:-.04em;font-size:72px;font-weight:300}.lead{color:var(--muted);margin:4px 0 32px;font-size:18px}.splash{place-items:center;min-height:100dvh;margin:0;display:grid}.invite{border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);align-items:center;gap:16px;padding:16px;display:flex}.invite img{background:#fff;border-radius:14px;width:120px;height:120px;padding:6px}.invite div{flex-direction:column;gap:8px;display:flex}.members{margin:0;padding:0;list-style:none}.members li{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:12px 4px;display:flex}.toast{left:50%;top:calc(env(safe-area-inset-top) + 12px);background:var(--toast-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-line);z-index:20;border-radius:999px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:10px 16px;animation:.3s cubic-bezier(.2,.9,.3,1) toast-in;display:flex;position:fixed;transform:translate(-50%)}.toast button{background:0 0;padding:4px;font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-24px)}}.sleepmode{flex-direction:column;align-items:center;gap:18px;padding-top:8px;display:flex}.sleepmode .row2,.sleepmode .tiles,.sleepmode .card{width:100%}.sm-ring{aspect-ratio:1;width:min(92vw,380px);margin:18px auto 0;position:relative}.sm-ring svg{width:100%;height:100%;overflow:visible}.sm-track{fill:none;stroke:var(--track);stroke-width:22px}.sm-arc{fill:none;stroke-width:22px;stroke-linecap:round}.sm-start{fill:var(--sky-mid);stroke:var(--feed);stroke-width:1.5px}.sm-label{font-size:13px;font-weight:600}.sm-events{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px 14px;display:flex}.sm-event.open{animation:2.4s ease-in-out infinite sm-pulse}.sm-event.open .sm-event-icon{border-color:var(--feed)}@keyframes sm-pulse{50%{opacity:.55}}.sm-forgot{margin-top:-6px}.sm-event{flex-direction:column;align-items:center;gap:6px;display:flex}.sm-event-icon{background:var(--glass);border:1px solid var(--glass-line);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.sm-event-len{color:var(--feed);font-size:13px}.sm-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:18%}.sm-timer{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:62px;font-weight:400;line-height:1;display:block}.sm-link{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:6px 10px;font-size:14px;text-decoration:underline}.sm-feedlink{margin-top:4px}.sm-buttons{margin:10px 0;padding:0}.sm-buttons .pill{white-space:nowrap;justify-content:flex-start;gap:10px;min-height:64px;padding-right:10px;font-size:15px}.sm-buttons .pill-icon{width:48px;height:48px}.feedtiles{grid-template-columns:1fr 1fr}:root.sleeping[data-sky=night]{--text:#ddd8c4;--muted:#ddd8c48c}:root.sleeping[data-sky=night] body{filter:brightness(.92)}.sm-how{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.how-chips{scrollbar-width:none;gap:8px;width:100%;padding:2px 0;display:flex;overflow-x:auto}.how-chips::-webkit-scrollbar{display:none}.how-chips.wrap{flex-wrap:wrap;justify-content:center;overflow:visible}.how-chip{background:var(--glass);border:1.5px solid var(--glass-line);height:36px;color:var(--text);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:14px;display:inline-flex}.how-chip.on{border-color:color-mix(in srgb, var(--text) 60%, transparent);font-weight:600}:root.sleeping .backdrop{display:none}.stats-tiles{margin:6px 0 14px}.dygn{border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px)saturate(1.2);margin:0 0 8px;padding:14px 14px 12px}.dygn-row,.dygn-axis{grid-template-columns:34px 1fr 70px;align-items:center;column-gap:10px;display:grid}.dygn-diaper{background:var(--sand);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;box-shadow:0 0 0 1.5px #00000040}.dygn-row{height:30px;min-height:30px}.dygn-empty{text-align:center;min-height:120px;color:var(--muted);place-items:center;display:grid}.dygn-empty p{margin:0}.dygn-day{text-transform:capitalize;color:var(--muted);font-size:13px}.dygn-row.today .dygn-day{color:inherit;font-weight:600}.dygn-sum{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.dygn-strip{background:var(--track);border-radius:999px;height:14px;position:relative}.dygn-seg{border-radius:999px;min-width:4px;position:absolute;top:0;bottom:0}.dygn-seg.night{background:linear-gradient(90deg, var(--sleep-a), var(--sleep-b))}.dygn-seg.nap{background:linear-gradient(90deg, var(--nap-a), var(--nap-b))}.dygn-feed{background:var(--feed);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;box-shadow:0 0 0 1.5px #00000040}.dygn-axis{color:var(--muted);opacity:.8;font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:10px}.dygn-ticks{height:12px;position:relative}.dygn-ticks span{position:absolute;transform:translate(-50%)}.dygn-ticks span:first-child{transform:none}.dygn-ticks span:last-child{transform:translate(-100%)}.dygn-legend{color:var(--muted);gap:14px;margin:10px 0 0;font-size:12px;display:flex}.dygn-legend i{vertical-align:-1px;border-radius:999px;width:10px;height:10px;margin-right:5px;display:inline-block}.dygn-legend .l-night{background:linear-gradient(90deg, var(--sleep-a), var(--sleep-b))}.dygn-legend .l-nap{background:linear-gradient(90deg, var(--nap-a), var(--nap-b))}.dygn-legend .l-feed{background:var(--feed);width:6px;height:6px;margin:0 7px 0 2px}.matlista{border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px)saturate(1.2);margin:0 0 8px;padding:4px 14px;list-style:none}.matlista li{font-variant-numeric:tabular-nums;grid-template-columns:36px 1fr auto;align-items:baseline;column-gap:10px;padding:10px 0;font-size:14px;display:grid}.matlista li+li{border-top:1px solid var(--glass-line)}.matlista .mat-day{text-transform:capitalize;color:var(--muted)}.matlista .mat-extra{color:var(--muted);text-align:right;font-size:12px}.diary-day{margin-top:18px}.diary-head{justify-content:space-between;align-items:baseline;gap:12px;padding:0 6px 8px;display:flex}.diary-head h3{text-transform:capitalize;margin:0;font-size:17px;font-weight:600}.diary-head span{color:var(--muted);font-size:13px}.diary-more{background:var(--glass);border:1px solid var(--glass-line);border-radius:999px;margin-top:18px;padding:14px;font-weight:600}.welcome{flex-direction:column;justify-content:flex-start;max-width:420px;min-height:100dvh;margin:0 auto;padding:7dvh 22px 28px;display:flex}.welcome .hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding-bottom:8dvh;display:flex}.welcome-photo{cursor:pointer;flex-direction:column;align-items:center;gap:16px;display:flex}.welcome-photo img,.welcome-photo-empty{object-fit:cover;background:var(--glass);border:1px solid var(--glass-line);width:150px;height:150px;color:var(--muted);border-radius:50%;place-items:center;font-size:44px;font-weight:300;display:grid}.welcome-photo .chip{padding:12px 22px}.welcome .hero .wordmark{margin:10px 0 0}.welcome .hero .lead{margin:4px 0 0;font-size:18px}.welcome-progress{background:var(--track);border-radius:999px;height:3px;margin:6px 0 14px;overflow:hidden}.welcome-progress span{background:linear-gradient(90deg, var(--sleep-b), var(--sleep-a));height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--sleep-b) 70%, transparent);border-radius:999px;transition:width .35s;display:block}.welcome-back{color:var(--muted);align-self:flex-start;text-decoration:none}.welcome-q{flex-direction:column;flex:1;justify-content:center;gap:18px;padding-bottom:10dvh;display:flex}.welcome-q h2{letter-spacing:-.01em;text-align:center;margin:0;font-size:30px;font-weight:600}.welcome-q .muted{text-align:center;margin:-8px 0 0}.welcome-input{text-align:center;border:0;border-bottom:2px solid color-mix(in srgb, var(--text) 35%, transparent);appearance:none;background:0 0;border-radius:0;outline:none;padding:10px 4px;font-size:28px;font-weight:500}.welcome-input:focus{border-bottom-color:var(--text)}.welcome-input::placeholder{color:var(--faint);font-weight:400}.welcome-date{text-align:center;background:var(--glass);border:1px solid var(--glass-line);color:var(--muted);border-radius:999px;padding:18px;font-size:20px;display:block;position:relative}.welcome-date.set{color:var(--text);font-weight:500}.welcome-date input{opacity:0;appearance:none;width:100%;height:100%;position:absolute;inset:0}.welcome-foot{padding-top:12px}.welcome .primary:disabled{opacity:.35}.welcome .error{text-align:center}.otto-ring{width:160px;height:160px;display:block;overflow:visible}.splash{flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:3s ease-in-out infinite splash-breathe;display:flex}.splash .wordmark{margin:0}@keyframes splash-breathe{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.splash{animation:none}}.invite-cover{z-index:-1;background-position:50% 20%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.invite-cover:after{content:"";background:linear-gradient(to bottom, transparent 35%, var(--sky-top) 100%);position:absolute;inset:0}.welcome-invite{justify-content:flex-end;padding-top:0;padding-bottom:12dvh}.invite-center{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.invite-start{min-width:220px;color:var(--on-accent);background:var(--accent);cursor:pointer;border-radius:999px;margin-top:22px;padding:17px 32px;font-size:17px;font-weight:700;box-shadow:0 10px 30px -10px #00000080}.invite-wordmark{margin:14px 0 0;font-size:40px}.invite-line{color:var(--text);text-shadow:0 1px 8px #00000059;margin:0;font-size:18px}:root[data-sky=day] .invite-line,:root[data-sky=dawn] .invite-line{text-shadow:none}.welcome-choices{flex-direction:column;gap:12px;display:flex}.welcome-choices .chip{justify-content:center;min-height:48px}.sync-text{color:var(--muted);white-space:nowrap;font-size:12px}