@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfafc;--bg-elevated:#fff;--bg-card:#fff;--bg-card-hover:#f7f8fc;--bg-surface-dim:#f0f1f7;--border:#dfe2ec;--border-soft:#e9ebf2;--text:#1e293b;--text-dim:#4e5770;--text-faint:#6c748b;--accent:#59658f;--accent-strong:#424e77;--accent-wash:#a7b1d938;--accent-container:#a7b1d9;--accent-pastel:#edf0fa;--accent-light:#f2f3fa;--accent-text:#1e293b;--secondary:#466558;--secondary-strong:#2e4d41;--secondary-wash:#4665581f;--secondary-container:#a7c4b0;--secondary-pastel:#edf6f0;--secondary-light:#c8eada;--secondary-text:#012117;--tertiary:#4e5c90;--tertiary-strong:#364476;--tertiary-wash:#4e5c901f;--tertiary-container:#dce1ff;--tertiary-pastel:#f3f1fa;--tertiary-light:#dce2fa;--tertiary-text:#061748;--activity:#f7c8b8;--activity-container:#fbe7df;--activity-pastel:#fff2ed;--activity-text:#5e3a1c;--error:#ba1a1a;--error-container:#ffdad6;--error-pastel:#fceef2;--primary:#59658f;--blue:#4e5c90;--radius-xl:3rem;--radius-lg:2rem;--radius-md:1.5rem;--radius-sm:.75rem;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--green:#466558;--red:#ba1a1a;--purple:#4e5c90}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}#root{height:100vh}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain;letter-spacing:-.01em;margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px}button,input,select{font-family:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;border:none}a{color:inherit}::selection{background:var(--accent-wash)}.app-shell{flex-direction:column;max-width:560px;min-height:100vh;margin:0 auto;padding-top:0;display:flex}.app-main{padding:calc(85px + var(--safe-top)) 16px calc(104px + var(--safe-bottom));flex:1}.app-context-header{max-width:560px;height:calc(73px + var(--safe-top));z-index:25;padding:calc(10px + var(--safe-top)) 16px 10px;border-bottom:1px solid var(--border-soft);background:var(--bg);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0}.app-context-brand{color:var(--text-dim);flex-shrink:0;align-items:center;gap:6px;font-size:16px;font-weight:800;display:flex}.app-context-brand img{object-fit:contain;width:106px;height:34px;display:block}.brand .brand-wordmark{width:min(260px,100%);margin:0 auto 12px}.brand-wordmark img{width:100%;height:auto;display:block}.brand .logo img{object-fit:contain;width:100%;height:100%}.section-heading{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:48px;margin:0 0 18px;padding:0 0 14px;display:flex}.section-heading-icon,.section-heading-back{background:var(--secondary-pastel);width:38px;height:38px;color:var(--secondary-strong);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.section-heading-back{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim)}.section-heading-back:hover{background:var(--bg-surface-dim)}.section-heading-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section-heading-copy{min-width:0}.section-heading h1{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:700;line-height:1.25}.section-heading p{color:var(--text-faint);margin:4px 0 0;font-size:12px;line-height:1.45}@media (width>=900px){.section-heading{margin-bottom:22px}.section-heading h1{font-size:26px}}.access-member{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;display:flex}.access-member-name{overflow-wrap:anywhere;flex:1;gap:4px;min-width:140px;display:grid}.access-member-name small{color:var(--text-faint)}.access-member-controls{align-items:center;gap:8px;width:min(100%,285px);display:flex}.access-member-controls select{border:1px solid var(--border);background:var(--bg-elevated);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:10px}.access-invite{border-bottom:1px solid var(--border-soft);gap:8px;padding:16px 0;display:grid}.access-invite code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;color:var(--accent-strong);background:var(--accent-light);border-radius:6px;padding:10px;font-size:13px;display:block}.access-notice{color:var(--secondary-strong);padding:14px 0;font-size:14px}.access-settings .primary-btn{justify-content:center;align-items:center;gap:8px;display:flex}.baby-switcher{width:min(100%,330px);min-width:0;position:relative}.baby-switcher-trigger{border:1px solid var(--border);background:var(--bg-elevated);text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:52px;padding:7px 12px;display:flex}.baby-switcher-trigger:hover{border-color:var(--accent);background:var(--accent-light)}.baby-switcher-trigger[aria-expanded=true]{border-color:var(--accent)}.baby-switcher-avatar{width:34px;height:34px;color:var(--accent-strong);background:var(--accent-pastel);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.baby-switcher-identity{flex:1;gap:2px;min-width:0;display:grid}.baby-switcher-identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.4;overflow:hidden}.baby-switcher-identity small{color:var(--text-faint);font-size:10px;line-height:1.4}.baby-switcher-chevron{color:var(--text-dim);flex-shrink:0;transition:transform .15s;transform:rotate(90deg)}.baby-switcher-chevron.expanded{transform:rotate(-90deg)}.baby-switcher-panel{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;width:360px;max-width:calc(100vw - 32px);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 32px #1f1b1724}.baby-switcher-search{border:1px solid var(--border);color:var(--text-faint);border-radius:6px;align-items:center;gap:8px;margin:12px;padding:8px 10px;display:flex}.baby-switcher-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;font-size:16px}.baby-switcher-search:focus-within{border-color:var(--accent);outline:2px solid var(--accent-wash)}.baby-switcher-options{max-height:min(300px,35dvh);padding:0 6px 6px;overflow-y:auto}.baby-switcher-option{text-align:left;background:0 0;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:60px;padding:10px;display:flex}.baby-switcher-option[aria-pressed=true]{background:var(--secondary-pastel);color:var(--secondary-strong)}.baby-switcher-option:hover{background:var(--bg-surface-dim)}.baby-switcher-empty{text-align:center;color:var(--text-dim);margin:0;padding:20px 12px;font-size:13px}.baby-switcher-actions{border-top:1px solid var(--border-soft);gap:2px;padding:8px;display:grid}.baby-switcher-actions a,.baby-switcher-actions button{text-align:left;min-height:42px;color:var(--text-dim);background:0 0;border-radius:6px;align-items:center;gap:8px;padding:10px;font-size:13px;text-decoration:none;display:flex}.baby-switcher-actions a:hover,.baby-switcher-actions button:hover{background:var(--bg-surface-dim)}.baby-switcher-actions .baby-switcher-delete{color:var(--error)}.baby-switcher button:focus-visible,.baby-switcher a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (width<=360px){.app-context-brand{font-size:13px}.app-context-header{gap:8px}.baby-switcher-trigger{gap:7px;padding:7px 8px}}@media (width>=900px){.app-context-header{max-width:1240px;height:85px;padding:16px 38px;left:208px}.app-context-brand{font-size:18px}}.topbar{background:var(--bg);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.topbar h1{letter-spacing:-.015em;color:var(--text);margin:0;font-size:24px;font-weight:700}.topbar .sub{color:var(--text-faint);margin-top:4px;font-size:13px;font-weight:500}.icon-btn{background:var(--bg-card);border:1px solid var(--border-soft);width:44px;height:44px;color:var(--text-dim);transition:transform .15s var(--ease-spring), background .15s var(--ease-out), color .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 3px #0000000a}.icon-btn:active{background:var(--bg-surface-dim);color:var(--accent);transform:scale(.94);box-shadow:0 4px 12px #00000014}.section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin:16px 0 8px;font-size:11px;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px;box-shadow:0 2px 8px #0000000a}.card h2{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);align-items:center;gap:6px;margin:0 0 14px;font-size:12px;font-weight:700;display:flex}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.big-btn{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--text);min-height:96px;transition:transform .15s var(--ease-spring), background .15s var(--ease-out), color .15s var(--ease-out), box-shadow .15s var(--ease-out);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 12px;font-size:14px;font-weight:600;display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.big-btn svg{stroke-width:1.5px;width:32px;height:32px;color:var(--text-dim);transition:transform .2s var(--ease-spring), color .2s var(--ease-out)}.big-btn:active{transform:scale(.98);box-shadow:0 4px 12px #00000014}.big-btn.feeding{color:var(--accent-strong);background:linear-gradient(135deg,#edf0fa99,#f2f3facc);border-color:#edf0facc}.big-btn.feeding svg{color:var(--accent)}.big-btn.sleep{color:var(--tertiary-strong);background:linear-gradient(135deg,#f3f1fa99,#dce2facc);border-color:#dce2facc}.big-btn.sleep svg{color:var(--tertiary)}.big-btn.diaper{color:var(--secondary-strong);background:linear-gradient(135deg,#edf6f099,#c8eadacc);border-color:#c8eadacc}.big-btn.diaper svg{color:var(--secondary)}.big-btn.activity{color:var(--activity-text);background:linear-gradient(135deg,#fef7e899,#fef7e2cc);border-color:#f5c4a180}.big-btn.activity svg{color:var(--activity)}.big-btn.flash{background:var(--accent-light);color:var(--accent-strong);border-color:var(--accent-pastel);box-shadow:0 4px 12px #59658f1f}.big-btn.flash svg{color:var(--accent)}.big-btn.flash:active{background:var(--accent-pastel)}.chip{background:var(--bg-card);border:1.5px solid var(--border-soft);color:var(--text);transition:transform .15s var(--ease-spring), background .15s var(--ease-out), border-color .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;box-shadow:0 1px 2px #0000000a}.chip:active{transform:scale(.96)}.chip.selected{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #59658f26}.bottom-nav{z-index:20;width:100%;padding:0 16px calc(12px + var(--safe-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-soft);pointer-events:all;background:#fff8f4d9;border-radius:999px;justify-content:space-around;align-items:center;width:100%;max-width:540px;height:64px;padding:12px 16px;display:flex;box-shadow:0 8px 32px #2d292614}.bottom-nav a{color:var(--text-dim);transition:all .15s var(--ease-out);border-radius:var(--radius-md);flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px 6px;font-size:10px;font-weight:600;text-decoration:none;display:flex;position:relative}.bottom-nav a svg{stroke-width:1.5px;width:24px;height:24px;transition:all .2s var(--ease-spring);color:var(--text-dim)}.bottom-nav a.active{color:var(--accent);transform:scale(1.05)}.bottom-nav a.active svg{color:var(--accent);transform:translateY(-3px)scale(1.1)}.bottom-nav a:active svg{transform:scale(.9)}.list-item{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-soft);transition:all .15s var(--ease-out);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px;font-size:14px;display:flex;box-shadow:0 1px 3px #0000000a}.list-item:hover{background:var(--bg-card-hover);box-shadow:0 2px 8px #0000000f}.list-item:last-child{border-bottom:1px solid var(--border-soft);margin-bottom:0}.list-item .row-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.list-item .row-icon{border-radius:var(--radius-sm);background:var(--bg-surface-dim);width:40px;height:40px;color:var(--text-dim);border:1px solid var(--border-soft);flex-shrink:0;justify-content:center;align-items:center;display:flex}.list-item .row-icon svg{stroke-width:1.5px;width:20px;height:20px;color:inherit}.list-item.feeding .row-icon{background:var(--accent-pastel);color:var(--accent);border-color:#edf0facc}.list-item.sleep .row-icon{background:var(--tertiary-light);color:var(--tertiary);border-color:#dce2facc}.list-item.diaper .row-icon{background:var(--secondary-pastel);color:var(--secondary);border-color:#edf6f0cc}.list-item.note .row-icon{background:var(--activity-pastel);color:var(--activity);border-color:#fef7e8cc}.list-item .meta{color:var(--text-faint);font-size:12px;font-weight:500}.pending-item{align-items:flex-start}.pending-item-content{min-width:0}.pending-item-description{overflow-wrap:anywhere}.pending-item-actions{flex:none;gap:4px;display:flex}.pending-item-footer{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:8px;padding-top:8px;display:flex}@media (width<=420px){.pending-item{flex-direction:column;align-items:stretch}.pending-item-actions{justify-content:flex-end}.pending-item-footer{gap:8px}}.pill{background:var(--bg-surface-dim);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 2px #0000000a}.pill.done{background:var(--secondary-light);color:var(--secondary-strong)}.pill.due{background:var(--accent-light);color:var(--accent-strong)}.pill.live{background:var(--tertiary-light);color:var(--tertiary-strong)}.registry-content{padding:20px 0 0}.registry-type-section{margin-bottom:24px}.registry-type-section>h2,.registry-section-heading h2{color:var(--text);letter-spacing:0;margin:3px 0 14px;font-size:20px;line-height:1.3}.registry-section-heading>span{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.registry-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.registry-type-option{border:1px solid var(--border-soft);background:var(--bg-card);min-height:94px;color:var(--text-dim);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:12px;font-weight:700;line-height:1.2;display:flex;box-shadow:0 1px 3px #2d292608}.registry-type-icon{background:var(--bg-surface-dim);width:36px;height:36px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.registry-type-option:nth-child(4n+4) .registry-type-icon,.registry-type-option:nth-child(4n+5) .registry-type-icon{color:var(--tertiary);background:var(--tertiary-pastel)}.registry-type-option:nth-child(3n) .registry-type-icon{color:var(--secondary);background:var(--secondary-pastel)}.registry-type-option.selected{border-color:var(--accent);background:var(--accent-pastel);color:var(--accent-strong);box-shadow:0 5px 14px #59658f1c}.registry-type-option.selected .registry-type-icon{background:var(--accent);color:#fff}.registry-form-card{border-radius:24px;padding:20px;box-shadow:0 5px 18px #2d29260a}.registry-form-card>h2{color:var(--text);letter-spacing:0;text-transform:none;margin:0 0 20px;font-size:20px;font-weight:700}.registry-field,.registry-datetime{margin-bottom:20px}.registry-field>label,.registry-form-card label{color:var(--text-dim)!important;letter-spacing:.02em!important;font-size:12px!important;font-weight:700!important}.registry-input,.registry-form-card input:not([type=checkbox]):not([type=radio]),.registry-form-card textarea{min-height:50px;border:1.5px solid var(--border)!important;background:var(--bg-card)!important;width:100%!important;color:var(--text)!important;box-shadow:none!important;border-radius:14px!important;padding:12px 14px!important;font-size:16px!important;font-weight:500!important}.registry-form-card textarea{resize:vertical;min-height:112px}.registry-input:focus,.registry-form-card input:focus,.registry-form-card textarea:focus{outline:none;border-color:var(--secondary)!important;box-shadow:0 0 0 3px var(--secondary-wash)!important}.registry-choice-grid,.registry-mode-grid,.registry-frequency-grid{gap:8px;margin-bottom:16px;display:grid}.registry-choice-grid,.registry-frequency-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.registry-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.registry-choice,.registry-mode-option,.registry-frequency-option{border:1px solid var(--border-soft);background:var(--bg-card);min-height:50px;color:var(--text-dim);border-radius:14px;font-size:13px;font-weight:700}.registry-choice{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.registry-choice.selected,.registry-mode-option.selected,.registry-frequency-option.selected{border-color:var(--secondary);background:var(--secondary-pastel);color:var(--secondary-strong)}.registry-form-card>button:last-of-type{min-height:52px;background:var(--accent)!important;border-radius:999px!important;box-shadow:0 4px 12px #59658f33!important}.report-page{flex-direction:column;gap:16px;display:flex}.report-hero{align-items:center;gap:13px;padding:16px 4px 6px;display:flex}.report-brand-mark{background:var(--tertiary-pastel);border:1px solid var(--tertiary-light);width:46px;height:46px;color:var(--tertiary);border-radius:16px;flex:none;place-items:center;display:grid}.report-hero span,.report-card-heading>div>span{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.report-hero h1,.report-card-heading h2{color:var(--text);letter-spacing:0;text-transform:none;margin:2px 0 0;font-size:20px;line-height:1.25}.report-hero p{color:var(--text-dim);margin:4px 0 0;font-size:12px}.report-config-card{border-radius:24px;margin:0;padding:18px}.report-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.report-module-count{background:var(--bg-surface-dim);color:var(--text-dim);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.report-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.report-range-option{border:1px solid var(--border-soft);background:var(--bg-card);min-height:46px;color:var(--text-dim);border-radius:14px;font-size:13px;font-weight:700}.report-range-option.selected{background:var(--tertiary-pastel);color:var(--tertiary-strong);border-color:var(--tertiary-light)}.report-custom-range{margin-top:12px}.report-module-list{gap:8px;display:grid}.report-module-option{text-align:left;border:1px solid var(--border-soft);background:var(--bg-card);width:100%;min-height:64px;color:var(--text-dim);border-radius:16px;align-items:center;gap:11px;padding:10px;display:flex}.report-module-option.selected{background:var(--secondary-pastel);color:var(--secondary-strong);border-color:#46655859}.report-module-check{border:1.5px solid var(--border);color:#fff;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;display:grid}.report-module-option.selected .report-module-check{border-color:var(--secondary);background:var(--secondary)}.report-module-option strong,.report-module-option small{display:block}.report-module-option strong{font-size:13px;line-height:1.25}.report-module-option small{color:var(--text-faint);margin-top:3px;font-size:11px;line-height:1.3}.report-generate-btn{justify-content:center;align-items:center;gap:8px;min-height:54px;margin:0;display:flex}.prediction-settings-baby{border-top:1px solid var(--border-soft);padding-top:12px}.prediction-settings-baby>strong{color:var(--text);margin:0 0 8px 2px;font-size:14px;display:block}.prediction-toggle-row{border-radius:14px;align-items:center;gap:10px;margin-bottom:7px}.prediction-toggle-row>div:first-child{min-width:0;line-height:1.35}.prediction-toggle-row .meta{white-space:normal;margin-top:3px;line-height:1.4}.prediction-switch{border:1px solid var(--border);background:var(--bg-surface-dim);border-radius:999px;flex:none;width:46px;height:26px;padding:0;transition:background .18s,border-color .18s;position:relative}.prediction-switch>span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #1f1b1733}.prediction-switch.enabled{border-color:var(--secondary);background:var(--secondary)}.prediction-switch.enabled>span{transform:translate(20px)}.prediction-switch:disabled{cursor:wait;opacity:.55}.prediction-updated{padding:0 2px 7px;font-size:11px}.prediction-countdowns{background:var(--bg-surface-dim);border-radius:14px;gap:6px;padding:10px 11px;display:grid}.prediction-countdown-row{grid-template-columns:68px minmax(0,1fr);align-items:baseline;gap:8px;min-height:20px;display:grid}.prediction-countdown-label{color:var(--text-dim);font-size:11px;font-weight:700}.prediction-countdown-state{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.4}.prediction-countdown-state.due{color:var(--accent-strong);font-weight:700}.prediction-countdown-state.sent{color:var(--secondary-strong)}.activity-item{align-items:flex-start}.activity-item .activity-copy{overflow-wrap:anywhere;min-width:0}.activity-item .activity-title{color:var(--text);overflow-wrap:anywhere;font-weight:700;line-height:1.35}.activity-item .activity-actions{flex:none;align-items:center;gap:6px;max-width:40%;display:flex}.activity-item .activity-time{overflow-wrap:anywhere;text-align:right;min-width:0}@media (width<=420px){.registry-form-card{padding:16px}.registry-type-option{min-height:84px;font-size:11px}.activity-item{flex-direction:column}.activity-item .activity-actions{justify-content:flex-end;width:100%;max-width:none}.activity-item .activity-time{text-align:left}}.field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.field label{color:var(--text);font-size:13px;font-weight:600}.field input,.field select{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out), box-shadow .15s var(--ease-out);padding:12px 14px;font-family:inherit;font-size:16px}.field input::placeholder,.field select::placeholder{color:var(--text-faint)}.field input:focus,.field select:focus{border-color:var(--accent);background-color:var(--bg-card);outline:none;box-shadow:0 0 0 3px #59658f1a}.primary-btn{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fff;border-radius:var(--radius-md);width:100%;transition:transform .15s var(--ease-spring), box-shadow .15s var(--ease-out);cursor:pointer;border:none;padding:14px 20px;font-size:15px;font-weight:700;box-shadow:0 4px 12px #59658f26}.primary-btn:active{transform:scale(.98);box-shadow:0 8px 20px #59658f40}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.ghost-btn{background:var(--bg-card);border:1.5px solid var(--border-soft);color:var(--text);border-radius:var(--radius-md);width:100%;transition:transform .15s var(--ease-spring), background .15s var(--ease-out), box-shadow .15s var(--ease-out);cursor:pointer;padding:12px 16px;font-size:15px;font-weight:700;box-shadow:0 1px 3px #0000000a}.ghost-btn:active{background:var(--bg-surface-dim);transform:scale(.98);box-shadow:0 4px 12px #00000014}.center-screen{flex-direction:column;justify-content:center;min-height:100%;padding:24px;display:flex}.brand{text-align:center;margin-bottom:32px}.brand .logo{border-radius:var(--radius-md);width:104px;height:104px;box-shadow:none;background:0 0;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.brand .logo svg{color:#fff;width:36px;height:36px}.brand h1{color:var(--text);letter-spacing:0;margin:0 0 8px;font-size:32px;font-weight:800}.brand p{color:var(--text-dim);margin:0;font-size:14px;line-height:1.5}.error-text{color:#ba1a1a;margin:-8px 0 14px;font-size:13px;font-weight:500}.sheet-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;animation:fade-in .2s var(--ease-out);background:#00000052;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:560px;padding:24px 20px calc(24px + var(--safe-bottom));border:1px solid var(--border-soft);max-height:85vh;animation:sheet-up .28s var(--ease-out);border-bottom:none;overflow-y:auto;box-shadow:0 -4px 20px #00000014}.sheet h2{letter-spacing:-.01em;color:var(--text);margin:0 0 20px;font-size:20px;font-weight:700}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sheet-handle{background:var(--border);border-radius:999px;width:40px;height:4px;margin:0 auto 16px}.empty-state{text-align:center;color:var(--text-dim);padding:32px 12px;font-size:14px;font-weight:500}.tag{background:var(--bg-surface-dim);border:1px solid var(--border-soft);color:var(--text-dim);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 1px 2px #0000000a}.baby-pager{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -16px;padding:10px 16px 14px;display:flex;overflow-x:auto}.baby-pager-directory{color:var(--accent);margin:4px 0 0;font-size:13px;font-weight:700;display:inline-block}.nav-patients{display:none!important}.patients-page{max-width:1050px}.patients-header h1{margin:0;font-size:26px}.patients-header p{color:var(--text-dim);margin:5px 0 20px;font-size:13px}.patients-search{background:var(--bg-elevated);border:1px solid var(--border);min-height:48px;color:var(--text-faint);border-radius:6px;align-items:center;gap:10px;margin-bottom:18px;padding:0 14px;display:flex}.patients-search:focus-within{border-color:var(--accent);outline:2px solid var(--accent-wash)}.patients-search input{width:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.patients-list{border-top:1px solid var(--border)}.patients-row{text-align:left;border-bottom:1px solid var(--border-soft);background:0 0;align-items:center;gap:14px;width:100%;min-height:72px;padding:10px 14px;display:flex}.patients-row:hover,.patients-row:focus-visible{background:var(--bg-surface-dim)}.patients-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.patients-avatar{background:var(--secondary-pastel);height:38px;color:var(--secondary-strong);border-radius:6px;flex:0 0 38px;place-items:center;font-weight:700;display:grid}.patients-identity{flex:1;gap:3px;min-width:0;display:grid}.patients-identity strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.patients-identity small{color:var(--text-faint);font-size:11px}.patients-birth{color:var(--text-dim);font-size:13px}.patients-current{color:var(--secondary-strong);font-size:12px;font-weight:700}.patients-row>svg{color:var(--text-faint);flex-shrink:0}.patients-empty{text-align:center;color:var(--text-dim);padding:28px 12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.patients-birth,.patients-current{display:none}}@media (width>=900px){.app-shell{grid-template-columns:208px minmax(0,1fr);align-items:start;max-width:none;margin:0;display:grid}.app-main{grid-area:1/2;width:min(100%,1240px);min-width:0;margin:0 auto;padding:101px 38px 70px}.bottom-nav{background:var(--bg-elevated);border-right:1px solid var(--border);pointer-events:auto;grid-area:1/1;width:208px;height:100vh;padding:26px 12px;display:block;position:sticky;top:0}.bottom-nav:before{content:"";height:66px;color:var(--accent-strong);background:url(/icons/krona-logo.svg) 12px 0/158px 48px no-repeat;padding:0;font-size:20px;font-weight:800;display:block}.bottom-nav-inner{max-width:none;height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:3px;padding:0;display:flex}.bottom-nav a{text-align:left;border-radius:6px;flex-direction:row;flex:none;gap:12px;padding:12px;font-size:14px}.bottom-nav a svg{width:19px;height:19px}.bottom-nav a.active{background:var(--accent-wash);transform:none}.bottom-nav a.active svg{transform:none}.bottom-nav a:hover{background:var(--bg-surface-dim)}.bottom-nav .nav-patients{display:flex!important}.baby-pager-directory{display:none}.home-workspace{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);align-items:start;gap:24px;display:grid}.home-workspace-primary,.home-workspace-activity{min-width:0}.sheet-overlay{align-items:center}.sheet{border-bottom:1px solid var(--border-soft);border-radius:8px;max-height:min(85vh,800px)}}.baby-pager::-webkit-scrollbar{display:none}.baby-card{scroll-snap-align:start;background:var(--bg-card);border:1.5px solid var(--border-soft);transition:transform .15s var(--ease-spring), background .15s var(--ease-out), border-color .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:999px;flex:none;align-items:center;gap:10px;min-width:140px;min-height:44px;padding:10px 40px 10px 10px;display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.baby-card:active{transform:scale(.96)}.baby-card.active{background:var(--accent-pastel);border-color:var(--accent);box-shadow:0 4px 12px #59658f1f}.baby-avatar{color:#fff;background:linear-gradient(135deg,#d9956d,#e8a875);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #59658f26}.baby-card span{white-space:nowrap;color:var(--text);font-size:13px;font-weight:600}.baby-card.add{border:1.5px dashed var(--border);color:var(--text-dim);background:0 0}.baby-card.add .baby-avatar{background:var(--bg-surface-dim);color:var(--text-dim)}.kpi-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.kpi{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:16px 12px;display:flex;box-shadow:0 1px 3px #0000000a}.kpi .kpi-icon{background:var(--bg-surface-dim);width:36px;height:36px;color:var(--text-dim);border-radius:999px;justify-content:center;align-items:center;margin-bottom:8px;font-size:18px;display:flex}.kpi.feeding{background:linear-gradient(135deg,#edf0fa66,#f2f3fa99);border-color:#edf0fa99}.kpi.feeding .kpi-icon{color:var(--accent);background:#fff;box-shadow:0 2px 8px #59658f26}.kpi.sleep{background:linear-gradient(135deg,#f3f1fa66,#dce2fa99);border-color:#dce2fa99}.kpi.sleep .kpi-icon{color:var(--tertiary);background:#fff;box-shadow:0 2px 8px #4e5c9026}.kpi.diaper{background:linear-gradient(135deg,#edf6f066,#c8eada99);border-color:#c8eada99}.kpi.diaper .kpi-icon{color:var(--secondary);background:#fff;box-shadow:0 2px 8px #46655826}.kpi .kpi-value{letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;margin:2px 0;font-size:22px;font-weight:700}.kpi .kpi-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:10px;font-weight:700}
