:root{--color-bg:#f7f1ea;--color-bg-soft:#fbf7f1;--color-surface:#fffdf9;--color-surface-strong:#fff;--color-ink:#182326;--color-muted:#657477;--color-faint:#8a999b;--color-border:#ded2c5;--color-border-strong:#bcae9f;--color-primary:#19736f;--color-primary-dark:#0f5653;--color-primary-soft:#e3f1ed;--color-coral:#d96b52;--color-amber:#d59a3b;--color-sage:#7f9b84;--color-danger-bg:#fff0ed;--color-danger:#9f2f1f;--shadow-soft:0 18px 42px rgba(72,53,39,.1);--shadow-panel:0 10px 24px rgb(72 53 39/8%);--radius-sm:6px;--radius-md:8px;--radius-lg:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--ease-standard:cubic-bezier(.2,.8,.2,1);background:var(--color-bg);color:var(--color-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 8%,hsla(0,0%,100%,.72),transparent 26rem),radial-gradient(circle at 86% 2%,rgba(227,241,237,.8),transparent 22rem),linear-gradient(135deg,var(--color-bg),#eef5f1 68%,#f6eee6);margin:0;min-width:320px}body:before{background-image:repeating-linear-gradient(90deg,rgba(24,35,38,.025) 0 1px,transparent 1px 7px),radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.32),transparent 12rem);content:"";inset:0;mix-blend-mode:multiply;opacity:.5;pointer-events:none;position:fixed;z-index:-1}button,input,select,textarea{box-sizing:border-box;font:inherit}button,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(217,107,82,.38);outline-offset:2px}.boot-screen,.login-page{display:grid;min-height:100vh;padding:var(--space-6);place-items:center}.login-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9eb;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:grid;gap:18px;padding:30px;width:min(420px,100%)}.login-panel.auth-flip-panel{transition:transform .18s ease,box-shadow .18s ease;width:min(640px,100%)}.login-panel.auth-flip-panel.is-register{transform:rotateY(.5deg)}.auth-mode-switch{background:#ffffff9e;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:grid;gap:6px;grid-template-columns:1fr 1fr;padding:5px}.auth-mode-switch button{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;font-weight:800;min-height:42px}.auth-mode-switch button.active{background:var(--color-primary);box-shadow:var(--shadow-button);color:#fff}.auth-face{display:grid;gap:18px}.empty-state h2,.login-panel h1,.section-heading h1,.today-hero h1{letter-spacing:0;margin:0}.family-management-page h1,.mine-page h1,.section-heading h1,.today-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.05}.eyebrow,.muted{color:var(--color-muted);font-size:13px;margin:0 0 var(--space-1)}.supporting-copy{color:var(--color-muted);line-height:1.6;margin:0}label{color:#435256;display:grid;font-size:14px;gap:var(--space-2)}input,select{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);min-height:44px;padding:0 12px;width:100%}.ghost-button,.nav-list button,.primary-button,.quick-action-grid button{border-radius:var(--radius-sm);cursor:pointer;max-width:100%;min-height:44px;transition:transform .18s var(--ease-standard),border-color .18s var(--ease-standard),background .18s var(--ease-standard),box-shadow .18s var(--ease-standard);white-space:normal}.primary-button{background:var(--color-primary);border:1px solid var(--color-primary);box-shadow:0 10px 20px #19736f2e;color:#fff;padding:0 16px}.ghost-button:hover,.primary-button:hover,.quick-action-grid button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.7}.ghost-button{background:#fffdf9db;border:1px solid var(--color-border);color:var(--color-ink);padding:0 14px}.text-button{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font:inherit;font-weight:700;min-height:32px;padding:0 8px}.danger-button,.text-button.danger{color:var(--color-danger)}.danger-button{background:var(--color-danger-bg);border:1px solid rgba(172,55,55,.34);border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-weight:700;min-height:40px;padding:0 14px}.record-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.record-action-panel,.record-audit-panel{background:#fffdf9d1;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:grid;gap:10px;margin-top:10px;padding:10px}.record-audit-panel ul{display:grid;gap:6px;margin:0;padding-left:18px}.compact-actions{gap:8px}.full-width{width:100%}.banner-error,.form-error{background:var(--color-danger-bg);border-radius:var(--radius-sm);color:var(--color-danger);margin:0;padding:10px 12px}.field-invalid input,.field-invalid select,.field-invalid textarea,.field-invalid.feeding-item-builder{background:color-mix(in srgb,var(--color-danger-bg) 72%,#fff);border-color:color-mix(in srgb,var(--color-danger) 72%,var(--color-border))}.field-error{color:var(--color-danger);display:block;font-size:12px;line-height:1.4;margin-top:6px}.success-text{color:#196b3a;font-size:14px}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.context-rail{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffdf9bd;border-right:1px solid hsla(31,18%,68%,.55);display:flex;flex-direction:column;gap:var(--space-4);height:100vh;min-width:0;padding:var(--space-5);position:sticky;top:0}.baby-panel,.brand-card,.empty-state,.feature-tile,.member-table,.panel-card,.panel-form,.rail-card,.records-panel{background:#fffdf9e0;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.brand-card{align-content:end;background:radial-gradient(circle at 84% 12%,rgba(217,107,82,.2),transparent 7rem),linear-gradient(150deg,#fffaf4,#e9f4ef);display:grid;gap:4px;min-height:132px;padding:var(--space-5)}.brand-card strong{font-size:28px;line-height:1.05}.brand-card span{color:var(--color-muted);font-size:14px}.baby-panel,.panel-card,.panel-form,.rail-card,.records-panel{min-width:0;padding:var(--space-5)}.mobile-bottom-nav{display:none}.health-workspace{display:grid;gap:var(--space-5)}.health-grid{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.health-form,.health-grid{display:grid;gap:var(--space-4)}.health-action-card{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}.health-action-card .supporting-copy{margin:var(--space-2) 0 0}.health-mobile-actions{display:none}.health-mobile-action-list{display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-3)}.health-mobile-action-list .ghost-button{font-weight:700;min-height:40px;padding:0 8px}.health-form-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.health-form label,.health-form-grid label{display:grid;gap:var(--space-2)}.health-form input,.health-form select,.health-form textarea,.health-workspace select{min-width:0}.health-event-list,.health-list{display:grid;gap:var(--space-3)}.health-event,.health-list-item{background:#ffffffa8;border:1px solid rgba(205,189,170,.72);border-radius:var(--radius-sm);display:grid;gap:var(--space-2);padding:var(--space-3)}.health-event p,.health-list-item p{color:var(--color-muted);margin:0}.event-filter-select{min-width:160px;width:min(220px,100%)}.muted-action-hint{color:var(--color-faint);font-size:13px}.health-chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.health-chip{background:#daf2ede0;border-radius:999px;color:var(--color-primary);font-size:13px;font-weight:800;padding:6px 10px;width:-moz-fit-content;width:fit-content}.reminder-panel{display:grid;gap:var(--space-4)}.reminder-list,.reminder-rule-list{display:grid;gap:var(--space-3)}.reminder-item,.reminder-rule-row{align-items:center;background:#ffffffb3;border:1px solid rgba(205,189,170,.72);border-radius:var(--radius-sm);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3)}.reminder-item>div:first-child,.reminder-rule-row>span{min-width:0}.form-actions-row,.inline-actions,.reminder-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.reminder-form{border-top:1px solid rgba(205,189,170,.55);display:grid;gap:var(--space-3);padding-top:var(--space-3)}.reminder-form .health-form-grid{grid-template-columns:minmax(260px,1fr) minmax(180px,1fr)}.reminder-quiet-grid{max-width:560px}.reminder-toggle-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.toggle-field{align-items:center;background:#fffdf9e0;border:1px solid rgba(205,189,170,.72);border-radius:999px;color:var(--color-ink);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:var(--space-2);min-height:38px;padding:0 12px;width:-moz-fit-content;width:fit-content}.toggle-field input[type=checkbox]{accent-color:var(--color-primary);height:18px;margin:0;min-height:18px;min-width:18px;width:18px}.compact-button{min-height:40px;padding:0 14px}.compact-checkbox{align-self:end;min-height:44px}.checkbox-line{align-items:center;display:flex;gap:var(--space-2)}.checkbox-line input[type=checkbox],.inline-checkbox input[type=checkbox]{accent-color:var(--color-primary);height:18px;margin:0;min-height:18px;min-width:18px;width:18px}.inline-checkbox{display:inline-flex;min-height:34px;width:-moz-fit-content;width:fit-content}.health-form>.checkbox-line.inline-checkbox{align-items:center;display:flex;flex-direction:row;gap:var(--space-2);grid-template-columns:none;max-width:100%;width:-moz-max-content;width:max-content}.health-form>.checkbox-line.inline-checkbox input[type=checkbox]{flex:0 0 18px}.health-form>.checkbox-line.inline-checkbox span{display:inline;white-space:nowrap}.link-button.danger{color:#b72c1f}.family-picker{gap:var(--space-2)}.empty-create-form,.inline-form,.panel-form{display:grid;gap:var(--space-3)}.record-edit-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1823267a;display:grid;inset:0;padding:var(--space-4);place-items:center;position:fixed;z-index:76}.panel-form.record-edit-dialog,.record-edit-dialog{background:#fffdf9f5;border-radius:var(--radius-md);box-shadow:0 28px 80px #18232652;inset:50% auto auto 50%;margin:0;max-height:calc(100vh - 64px);overflow:auto;overflow-x:hidden;overscroll-behavior:contain;padding:var(--space-4);position:fixed;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 40px));z-index:77}.form-grid{display:grid;gap:var(--space-3);min-width:0}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.72fr)}.form-grid>fieldset,.form-grid>label,.panel-form label{min-width:0}.panel-form input,.panel-form select,.panel-form textarea{min-width:0;width:100%}.wide-field{grid-column:1/-1}.form-actions,.panel-heading,.split-heading{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.compact-heading{margin-bottom:var(--space-1)}.mobile-form-toggle,.mobile-only-heading,.mobile-only-inline{display:none}.nav-list{display:grid;gap:var(--space-2)}.nav-list button{background:transparent;border:1px solid transparent;color:#435256;display:grid;gap:2px;min-height:58px;padding:10px 12px;text-align:left}.nav-list button span{font-weight:800}.nav-list button small{color:var(--color-muted)}.nav-list button.active{background:var(--color-primary-soft);border-color:#19736f33;color:var(--color-primary-dark)}.main-area{display:grid;grid-template-rows:auto auto 1fr;min-width:0}.topbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffdf9b3;border-bottom:1px solid hsla(31,18%,68%,.52);display:flex;gap:var(--space-4);justify-content:space-between;min-height:76px;padding:var(--space-4) var(--space-6)}.topbar-brand{display:none}.topbar-user{margin-left:auto}.topbar-profile-button{align-items:center;display:inline-flex;justify-content:center}.count-pill,.role-pill{align-items:center;background:var(--color-primary-soft);border-radius:999px;color:var(--color-primary-dark);display:inline-flex;font-size:12px;font-weight:700;min-height:24px;padding:0 9px;width:-moz-max-content;width:max-content}.role-pill{margin-left:var(--space-2)}.empty-state,.family-management-page,.member-table,.mine-page,.workspace{margin:var(--space-6)}.section-heading{margin-bottom:var(--space-5)}.today-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.today-hero{align-items:end;background:radial-gradient(circle at 86% 20%,rgba(217,107,82,.18),transparent 12rem),radial-gradient(circle at 12% 10%,rgba(25,115,111,.14),transparent 12rem),linear-gradient(135deg,#fff9f0,#edf7f3);border:1px solid hsla(31,18%,68%,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;gap:var(--space-5);grid-column:1/-1;justify-content:space-between;min-height:240px;padding:var(--space-8)}.today-hero p:last-child{color:var(--color-muted);line-height:1.6;margin:var(--space-2) 0 0;max-width:58ch}.baby-page-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.baby-page-grid .section-heading{grid-column:1/-1;margin-bottom:0}.baby-profile-form{margin-top:var(--space-4)}.baby-selector-card,.quick-record-card,.records-panel{display:grid;gap:var(--space-3)}.quick-record-card{grid-column:1/-1}.panel-heading{margin-bottom:var(--space-3)}.panel-heading h2{font-size:19px;margin:0}.panel-heading span{color:var(--color-muted);font-size:13px}.baby-list{display:grid;gap:var(--space-2)}.baby-list-item{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);cursor:pointer;display:grid;gap:4px;min-height:70px;padding:12px;text-align:left;width:100%}.baby-list-item.active{background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:inset 4px 0 0 var(--color-primary)}.baby-list-item span{color:var(--color-muted);font-size:13px}.current-baby-card{align-content:start;background:radial-gradient(circle at 100% 0,rgba(25,115,111,.12),transparent 8rem),var(--color-primary-soft);border:1px solid rgba(25,115,111,.3);border-radius:var(--radius-md);box-shadow:inset 4px 0 0 var(--color-primary);display:grid;gap:var(--space-2);min-height:160px;padding:var(--space-5)}.current-baby-card strong{font-size:24px}.current-baby-card p,.current-baby-card span{color:var(--color-muted);margin:0}.baby-trends-panel,.latest-measurement-grid,.trend-content{display:grid;gap:var(--space-3)}.latest-measurement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.latest-measurement-grid article{background:#e3f1ed94;border:1px solid rgba(25,115,111,.18);border-radius:var(--radius-sm);display:grid;gap:4px;min-width:0;padding:var(--space-3)}.latest-measurement-grid small,.latest-measurement-grid span{color:var(--color-muted);font-size:13px}.latest-measurement-grid strong{font-size:22px}.trend-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.growth-trend-chart{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:grid;gap:var(--space-3);min-width:0;padding:var(--space-3)}.trend-chart-heading{align-items:start;display:flex;gap:var(--space-2);justify-content:space-between}.trend-chart-heading strong{font-size:22px}.trend-chart-heading span,.trend-reference-summary{color:var(--color-muted);font-size:12px}.trend-reference-summary{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);line-height:1.4;min-height:22px}.trend-reference-summary span{color:var(--color-ink);font-weight:700}.trend-reference-summary small{background:var(--color-primary-soft);border-radius:999px;color:var(--color-primary-dark);font-weight:700;padding:2px 8px}.trend-svg{display:block;min-height:150px;width:100%}.trend-axis{stroke:#6574773d;stroke-width:1}.trend-line{fill:none;stroke:var(--color-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.trend-reference-line{stroke:#19736f4d;stroke-dasharray:5 5;stroke-width:1.4}.trend-reference-label{fill:var(--color-muted);font-size:9px;font-weight:700}.trend-point{fill:var(--color-coral);stroke:#fff;stroke-width:2}.trend-tabs{display:none;gap:var(--space-2)}.trend-tabs button{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);flex:1 1 0;font:inherit;font-weight:700;min-height:38px}.trend-tabs button.active{background:var(--color-primary-soft);border-color:#19736f5c;color:var(--color-primary-dark)}.trend-mobile-chart{display:none}.trend-empty-state{border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);display:grid;font-weight:700;min-height:150px;place-items:center}.trend-empty-guidance,.trend-error-state{box-shadow:none}.quick-action-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action-grid button{align-content:space-between;background:#fffdf9;border:1px solid var(--color-border);color:var(--color-ink);display:grid;gap:var(--space-2);min-height:92px;padding:var(--space-4);text-align:left}.quick-action-grid button span{color:var(--color-muted);font-size:13px}.records-panel{margin-top:var(--space-4)}.records-panel.focused{border-color:#19736f61}.record-form{background:#fffaf4;border-color:#19736f3d}.record-filter-bar{display:flex;gap:var(--space-2);overflow-x:auto;padding:2px 0 var(--space-1);scrollbar-width:thin}.record-filter-bar button{background:#fffdf9;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);flex:0 0 auto;font-size:14px;min-height:36px;padding:0 12px}.record-filter-bar button.active{background:var(--color-primary-soft);border-color:#19736f6b;color:var(--color-primary-dark);font-weight:700}.record-item,.record-timeline{display:grid;gap:var(--space-3)}.record-item{align-items:flex-start;background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:10px minmax(0,1fr) auto;min-width:0;padding:var(--space-4)}.record-item p{color:#435256;margin:4px 0 0}.record-type-dot{background:var(--color-sage);border-radius:999px;height:10px;margin-top:6px;width:10px}.record-type-dot[data-type=feeding]{background:var(--color-primary)}.record-type-dot[data-type=diaper]{background:var(--color-amber)}.record-type-dot[data-type=symptom],.record-type-dot[data-type=temperature]{background:var(--color-coral)}.record-meta{display:grid;font-size:13px;gap:4px;text-align:right}.record-meta,.record-meta small{color:var(--color-muted)}.record-load-more-sentinel{color:var(--color-muted);display:grid;font-size:13px;min-height:44px;place-items:center}.growth-page{display:grid;gap:var(--space-4);margin:var(--space-6)}.growth-hero{align-items:end;background:linear-gradient(135deg,#fffdf9f5,#e8f4f0eb),var(--color-surface);border:1px solid hsla(31,18%,68%,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;gap:var(--space-5);justify-content:space-between;min-height:220px;padding:var(--space-8)}.growth-hero h1{font-size:clamp(32px,5vw,58px);letter-spacing:0;line-height:1.02;margin:0;max-width:720px}.growth-hero p:last-child{color:var(--color-muted);line-height:1.6;margin:var(--space-3) 0 0;max-width:58ch}.growth-form,.growth-timeline{display:grid;gap:var(--space-3)}.growth-card{align-items:start;background:#fffdf9e6;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);padding:var(--space-5)}.growth-card-main{align-content:start;align-self:start;display:grid;gap:var(--space-2)}.growth-card h2{font-size:24px;margin:0}.growth-card p{color:#435256;margin:0}.growth-category{align-items:center;background:var(--color-primary-soft);border-radius:999px;color:var(--color-primary-dark);display:inline-flex;font-size:13px;font-weight:800;min-height:26px;padding:0 10px;width:-moz-max-content;width:max-content}.growth-meta{text-align:left}.growth-media-grid{align-content:start;display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.growth-media-thumb{aspect-ratio:4/3;background:#eef5f1;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;min-height:112px;overflow:hidden;padding:0;position:relative}.growth-media-thumb img{display:block;height:100%;min-height:112px;-o-object-fit:cover;object-fit:cover;width:100%}.video-thumb{color:var(--color-primary-dark);display:grid;font-weight:800;min-height:112px;place-items:center}.video-thumb-badge{background:#111827b8;border-radius:999px;bottom:8px;color:#fff;font-size:12px;font-weight:800;line-height:1;padding:4px 8px;position:absolute;right:8px}.selected-media-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.selected-media-list span{align-items:center;background:var(--color-primary-soft);border-radius:999px;color:var(--color-primary-dark);display:inline-flex;font-size:13px;min-height:30px;padding:0 10px}.media-viewer{background:#182326b8;display:grid;inset:0;padding:var(--space-5);place-items:center;position:fixed;z-index:80}.media-viewer-panel{display:grid;max-height:90vh;overflow:hidden;padding:64px var(--space-2) var(--space-2);place-items:center;position:relative;width:min(980px,100%)}.video-viewer-panel{padding:var(--space-2)}.media-pan-surface{border-radius:var(--radius-md);display:grid;height:min(78vh,720px);overflow:hidden;place-items:center;position:relative;touch-action:none;width:100%}.media-pan-surface img{background:#000;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);cursor:zoom-in;max-height:100%;max-width:100%;transform-origin:center center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.media-content-frame{display:inline-grid;max-height:100%;max-width:100%;place-items:center;position:relative}.video-surface{height:min(72vh,620px);min-height:240px;overflow:visible;pointer-events:auto;touch-action:auto}.video-surface .media-content-frame,.video-surface video{max-height:100%;max-width:100%}.video-content-frame{aspect-ratio:16/9;background:#000;border:0;border-radius:var(--radius-md);color:inherit;display:grid;max-height:min(72vh,620px);overflow:visible;padding:0;place-items:center;pointer-events:auto;position:relative;width:min(960px,100%)}.app-video-player{box-shadow:var(--shadow-soft);overflow:hidden;pointer-events:auto;position:relative}.app-video-player,.app-video-player .video-js{background:#000;border-radius:var(--radius-md);height:100%;min-height:240px;width:100%}.app-video-player video{-o-object-fit:contain;object-fit:contain}.video-player-error{background:#182326d1;border-radius:var(--radius-sm);bottom:var(--space-3);color:#fff;font-weight:700;left:var(--space-3);margin:0;padding:var(--space-3);position:absolute;right:var(--space-3);text-align:center;z-index:3}.video-media-close{font-size:20px;height:34px;left:auto;min-height:34px;min-width:34px;right:10px;top:10px;width:34px;z-index:4}.media-pan-surface.pannable img{cursor:grab}.media-pan-surface.pannable img:active{cursor:grabbing}.media-close{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1823269e;border:1px solid hsla(0,0%,100%,.42);border-radius:999px;box-shadow:0 8px 20px #00000047;color:#fff;cursor:pointer;display:inline-grid;font:inherit;font-size:24px;height:40px;line-height:1;min-height:40px;min-width:40px;padding:0;place-items:center;position:absolute;right:auto;top:8px;width:40px;z-index:3}.media-close:hover{background:#182326c7}.media-zoom-toolbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9e0;border:1px solid rgba(222,210,197,.54);border-radius:var(--radius-sm);box-shadow:var(--shadow-panel);display:flex;flex-wrap:wrap;gap:var(--space-2);left:var(--space-3);padding:6px;position:absolute;top:var(--space-3);z-index:1}.media-zoom-toolbar .ghost-button{min-height:36px;min-width:42px;padding:0 10px}.media-zoom-value{min-width:64px}.feeding-item-builder{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:0;min-width:0;padding:var(--space-3)}.feeding-item-builder legend{color:#435256;font-size:14px;padding:0 6px}.feeding-add-button{align-self:end;background:var(--color-primary);border-color:transparent;box-shadow:0 10px 24px #1267622e;color:#fff}.feeding-add-button:hover{background:var(--color-primary-dark)}.feeding-item-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:10px}.feeding-item-chip{align-items:center;background:var(--color-primary-soft);border-radius:var(--radius-sm);color:var(--color-primary-dark);display:inline-flex;font-size:13px;gap:6px;min-height:34px;padding:0 8px}.feeding-item-chip button{background:transparent;border:0;color:var(--color-primary-dark);cursor:pointer}.management-grid,.mine-layout{display:grid;gap:var(--space-4)}.management-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.mine-layout{grid-template-columns:minmax(0,1fr)}.milk-expression-panel,.profile-summary{display:grid;gap:var(--space-3)}.mine-page .profile-summary{align-items:center;grid-template-columns:minmax(180px,1fr) auto minmax(260px,2fr) auto}.global-admin-page{display:grid;gap:var(--space-4);margin:var(--space-6)}.admin-tabs{border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-2)}.delivery-health-panel{display:grid;gap:var(--space-3)}.delivery-health-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(4,minmax(120px,1fr))}.delivery-health-grid>div{background:#ffffff8a;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:grid;gap:4px;padding:var(--space-3)}.delivery-health-grid span{color:var(--color-muted);font-size:.82rem}.health-up{color:var(--color-accent)}.health-down{color:var(--color-danger)}.admin-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:var(--color-muted);cursor:pointer;font-weight:800;min-height:42px;padding:0 var(--space-4)}.admin-tabs button.active{border-bottom-color:var(--color-primary);color:var(--color-primary-dark)}.admin-workspace{align-items:start;display:grid;gap:var(--space-4);grid-template-columns:minmax(260px,.6fr) minmax(0,1.4fr)}.admin-list,.admin-panel{display:grid;gap:var(--space-3)}.admin-toolbar{align-items:end;display:flex;gap:var(--space-3);justify-content:space-between}.admin-toolbar h2{margin:0}.admin-toolbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.admin-search{display:block;width:min(280px,100%)}.admin-search input{background:#ffffffb8;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);min-height:42px;padding:0 var(--space-3);width:100%}.admin-search input:focus-visible{border-color:var(--color-primary);outline:3px solid rgba(25,115,111,.2);outline-offset:2px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.family-search{width:100%}.admin-scroll-list{align-content:start;display:grid;gap:var(--space-2);max-height:min(54vh,520px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.family-scroll-list{max-height:min(54vh,500px)}.admin-row,.admin-select-row{align-items:center;background:#ffffff9e;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto auto;padding:var(--space-3);width:100%}.admin-row>div:first-child{display:grid;gap:4px;min-width:0}.admin-row small{color:var(--color-muted);overflow-wrap:anywhere}.admin-select-row{color:var(--color-ink);cursor:pointer;grid-template-columns:1fr;text-align:left}.admin-select-row.active{background:var(--color-primary-soft);border-color:var(--color-primary)}.compact-row{align-items:end;display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto}.compact-list{display:grid;gap:var(--space-2)}.compact-list-row{align-items:center;background:#ffffff9e;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;padding:var(--space-3)}.compact-list-row>div:first-child{display:grid;gap:4px;min-width:0}.compact-list-row small{color:var(--color-muted)}.admin-subsection{border-top:1px solid var(--color-border);display:grid;gap:var(--space-2);padding-top:var(--space-3)}.status-pill{border-radius:999px;font-size:12px;font-weight:800;min-width:48px;padding:4px 8px;text-align:center}.status-pill.success{background:#e2f3e7;color:#17643a}.status-pill.disabled{background:var(--color-danger-bg);color:var(--color-danger)}.admin-dialog{width:min(520px,calc(100vw - 40px))}.created-code-box{background:var(--color-primary-soft);border:1px solid var(--color-primary);border-radius:var(--radius-sm);display:grid;gap:var(--space-2);padding:var(--space-3)}.created-code-box span{color:var(--color-muted);font-size:.82rem;font-weight:800}.created-code-box code{background:#ffffffb8;border-radius:var(--radius-sm);color:var(--color-ink);display:block;max-width:100%;overflow-wrap:anywhere;padding:var(--space-2)}.password-dialog{width:min(440px,calc(100vw - 40px))}.profile-summary .role-pill{margin-left:0}.compact-form{background:transparent;border:0;box-shadow:none;padding:0}.compact-form.record-edit-dialog{background:#fffdf9f5;border:1px solid var(--color-border);box-shadow:0 28px 80px #18232652;padding:var(--space-5)}.milk-expression-list{max-height:420px;overflow:auto}.milk-expression-list .record-item{grid-template-columns:minmax(0,1fr) auto}.milk-expression-list .record-item strong{display:inline-block;min-width:-moz-max-content;min-width:max-content}.load-more-sentinel{display:flex;justify-content:center;padding:var(--space-3) 0 var(--space-1)}.supporting-copy.compact{font-size:.85rem;margin:0}.feature-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(150px,1fr))}.secondary-grid{margin-top:var(--space-4)}.feature-tile{align-content:space-between;display:grid;min-height:104px;padding:var(--space-4)}.feature-tile span,.member-row small{color:var(--color-muted)}.dashboard-summary-grid{align-items:stretch}.dashboard-widget{background:linear-gradient(135deg,#dcf2eeb8,#fffcf7f0 42%),var(--color-surface);border-color:#127a732e;gap:var(--space-3);min-height:156px}.dashboard-widget-heading{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.dashboard-widget-heading small{color:var(--color-teal);font-weight:700}.dashboard-widget strong{font-size:1.08rem}.dashboard-widget p{color:var(--color-text-soft);line-height:1.55;margin:0}.dashboard-widget-link{justify-self:start;padding:0}.empty-state{padding:var(--space-6)}.empty-state.compact{box-shadow:none;margin:0}.shell-empty{max-width:720px}.member-table{overflow:hidden}.member-row{align-items:center;border-top:1px solid rgba(222,210,197,.62);display:grid;gap:var(--space-4);grid-template-columns:minmax(220px,1fr) 140px 100px;padding:14px 16px}.member-row:first-child{border-top:0}.member-row.header{background:#fff7ed;color:var(--color-muted);font-size:13px}.member-row span:first-child{display:grid;gap:4px}.inline-loading{color:var(--color-muted);padding:var(--space-4)}.loader{animation:spin .8s linear infinite;border:3px solid #d5e0e3;border-radius:50%;border-top:3px solid var(--color-primary);height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:980px){body{padding-bottom:64px}.app-shell{grid-template-columns:1fr}.context-rail{display:none}.mobile-bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9f0;border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -8px 24px #4835271a;display:grid;gap:3px;grid-template-columns:repeat(6,minmax(0,1fr));left:0;min-height:56px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:40}.mobile-bottom-nav button{background:transparent;border:0;border-radius:var(--radius-sm);color:#435256;cursor:pointer;font-size:12px;font-weight:700;min-height:42px;min-width:0;padding:0 2px;white-space:nowrap}.mobile-bottom-nav button.active{background:var(--color-primary-soft);color:var(--color-primary-dark)}.mobile-bottom-nav .mobile-growth-button{background:var(--color-primary);border-radius:999px;box-shadow:0 12px 24px #19736f47;color:#fff;height:52px;margin-top:-18px;min-height:52px;place-self:center;width:52px}.mobile-bottom-nav .mobile-growth-button.active{background:var(--color-primary-dark);color:#fff}.baby-silhouette{background:radial-gradient(circle at 50% 20%,currentColor 0 7px,transparent 7.5px),radial-gradient(ellipse at 50% 75%,currentColor 0 13px,transparent 13.5px);border-radius:50% 50% 45% 45%;display:inline-block;height:23px;width:23px}.empty-state,.family-management-page,.global-admin-page,.growth-page,.member-table,.mine-page,.workspace{margin:var(--space-4)}.admin-workspace{grid-template-columns:1fr}.delivery-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-scroll-list{max-height:360px}.topbar{min-height:62px;padding:12px 16px;position:sticky;top:0;z-index:30}.topbar-brand{display:block}.topbar-family-button{align-items:center;display:inline-flex;justify-content:center;margin-left:auto}.topbar-profile-button,.topbar-user{display:none}.baby-page-grid,.form-grid.three,.form-grid.two,.latest-measurement-grid,.management-grid,.mine-layout,.mine-page .profile-summary,.today-grid{grid-template-columns:1fr}.today-hero{align-items:start;min-height:190px;padding:var(--space-5)}.growth-card,.growth-hero{grid-template-columns:1fr}.growth-hero{align-items:start;flex-direction:column;justify-content:start;min-height:190px;padding:var(--space-5)}.growth-hero .primary-button{align-self:flex-start;white-space:nowrap;width:auto}.baby-panel,.panel-card,.panel-form,.rail-card,.records-panel{padding:var(--space-4)}.member-row,.record-item{display:grid;grid-template-columns:1fr}.record-type-dot{display:none}.record-meta{text-align:left}.record-form{border-radius:var(--radius-lg)}.trend-tabs{display:flex}.trend-grid{display:none}.trend-mobile-chart{display:grid}}@media(max-width:520px){.boot-screen,.login-page{padding:14px}.login-panel{padding:18px}.growth-hero h1,.section-heading h1,.today-hero h1{font-size:30px;line-height:1.16}.growth-hero,.today-hero{display:grid;gap:var(--space-4)}.growth-hero .primary-button{min-height:48px;width:100%}.feature-grid,.health-form-grid,.health-grid,.quick-action-grid,.reminder-form .health-form-grid{grid-template-columns:1fr}.reminder-toggle-row{align-items:stretch}.toggle-field{flex:1 1 150px;justify-content:center}.health-mobile-actions{display:block}.desktop-health-action{display:none}.reminder-item,.reminder-rule-row{align-items:stretch;display:grid}.reminder-actions{justify-content:stretch}.form-actions-row>button,.reminder-actions>button{flex:1 1 0}.mobile-hidden-form{display:none}.mobile-form-toggle,.mobile-only-inline{align-items:center;display:inline-flex;justify-content:center;min-height:36px}.primary-mobile-action{min-width:96px}.mobile-deferred{margin-top:var(--space-3)}.mobile-deferred .feature-tile{min-height:74px}.dashboard-summary-grid{grid-template-columns:1fr}.dashboard-widget{min-height:132px}.empty-create-form .primary-button,.form-actions .ghost-button,.form-actions .primary-button,.inline-form .primary-button{width:100%}.record-edit-backdrop{padding:var(--space-2);place-items:end center}.compact-form.record-edit-dialog,.panel-form.record-edit-dialog,.record-edit-dialog{border-radius:var(--radius-md) var(--radius-md) 18px 18px;inset:auto var(--space-2) max(var(--space-2),env(safe-area-inset-bottom));max-height:min(82vh,760px);padding:var(--space-4);transform:none;width:calc(100vw - 24px)}.milk-expression-list{max-height:none}.media-viewer{padding:var(--space-3)}.media-viewer-panel{align-content:center;padding-top:112px}.video-viewer-panel{padding:var(--space-2)}.video-surface{height:auto;min-height:240px}.video-content-frame{max-height:68vh;width:100%}.media-zoom-toolbar{left:var(--space-2);right:var(--space-2);top:64px;z-index:2}.media-zoom-toolbar .ghost-button{flex:1 1 42px}}