:root{color:#1c2923;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f3f6f4;--surface:#fff;--surface-muted:#edf3ef;--ink:#1c2923;--muted:#66746d;--line:#dce4df;--green:#26775a;--green-dark:#19553f;--green-soft:#dceee5;--coral:#d76d58;--coral-soft:#f8e7e2;--blue:#4c7399;--blue-soft:#e3edf5;--amber:#a36b20;--amber-soft:#f6ecd9;--danger:#a34141;--shadow:0 14px 40px #1c292317;background:#f3f6f4;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{color:inherit}button,label,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}h1,h2,h3,p{margin:0}#root{min-height:100vh}.icon-button{width:42px;height:42px;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:6px;flex:0 0 42px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{border-color:var(--green)}.icon-button.accent{color:#fff;background:var(--green);border-color:var(--green)}.icon-button.ghost{background:0 0;border-color:#0000}.primary-button{color:#fff;background:var(--green);border:1px solid var(--green);cursor:pointer;border-radius:6px;min-height:48px;padding:0 18px;font-weight:700}.primary-button:hover{background:var(--green-dark)}.text-button,.text-link{color:var(--green);cursor:pointer;background:0 0;border:0;font-weight:700}.text-link{align-items:center;gap:2px;padding:8px 0;font-size:.84rem;display:inline-flex}.section-kicker,.date-label{color:var(--green);text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:800;display:block}.field{color:var(--ink);text-align:left;gap:7px;display:grid}.field>span,.segmented-field legend{font-size:.8rem;font-weight:700}.field small{color:var(--muted);font-weight:400}.input-shell{min-height:48px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:6px;align-items:center;gap:10px;padding:0 12px;display:flex}.input-shell:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.input-shell input,.input-shell select{width:100%;min-width:0;height:46px;color:var(--ink);background:0 0;border:0;outline:0;padding:0}.input-shell select{appearance:none}.input-shell em{color:var(--muted);font-size:.8rem;font-style:normal}.check-field{color:var(--muted);cursor:pointer;align-items:flex-start;gap:9px;font-size:.78rem;line-height:1.5;display:flex}.check-field input{width:17px;height:17px;accent-color:var(--green);margin:1px 0 0}.form-error{color:var(--danger);background:#f9e8e8;border-radius:6px;padding:10px 12px;font-size:.8rem}.auth-page{background:var(--surface);grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);min-height:100vh;display:grid}.auth-visual{background:var(--green-dark);min-height:100vh;position:relative;overflow:hidden}.auth-visual:after{content:"";background:linear-gradient(#1132250a 38%,#113225c7);position:absolute;inset:0}.auth-visual img{object-fit:cover;width:100%;height:100%;display:block}.auth-brand{z-index:1;color:#fff;align-items:center;gap:12px;display:flex;position:absolute;bottom:40px;left:42px;right:42px}.auth-brand .brand-mark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff59;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{font-size:1.45rem}.auth-brand div span{color:#ffffffd1;margin-top:2px;font-size:.86rem}.auth-form-wrap{background:var(--surface);place-items:center;padding:44px;display:grid}.auth-form{gap:18px;width:min(100%,400px);display:grid}.auth-heading{margin-bottom:12px}.auth-heading h1,.onboarding-heading h1{color:var(--ink);font-size:2rem;line-height:1.22}.auth-heading p,.onboarding-heading p{color:var(--muted);margin-top:10px;font-size:.92rem;line-height:1.65}.auth-form .primary-button{width:100%;margin-top:2px}.auth-form .text-button{min-height:40px}.onboarding-page{background:var(--surface);min-height:100vh}.onboarding-header{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr 42px;align-items:center;gap:12px;height:68px;padding:0 24px;display:grid}.compact-brand{color:var(--green);justify-content:center;align-items:center;gap:8px;display:flex}.onboarding-content{width:min(100% - 40px,560px);margin:0 auto;padding:64px 0 80px}.onboarding-heading{margin-bottom:34px}.path-list{gap:12px;display:grid}.path-option{min-height:92px;color:var(--ink);background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:16px;display:grid}.path-option:hover{border-color:var(--green);box-shadow:var(--shadow)}.path-option>span:nth-child(2){min-width:0}.path-option strong,.path-option small{display:block}.path-option small{color:var(--muted);margin-top:4px;line-height:1.45}.path-icon{border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.path-icon.mother{color:var(--green);background:var(--green-soft)}.path-icon.partner{color:var(--coral);background:var(--coral-soft)}.onboarding-form{gap:18px;display:grid}.onboarding-form .onboarding-heading{margin-bottom:10px}.onboarding-form .primary-button{margin-top:8px}.code-input input{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;font-weight:700}.join-preview{background:var(--surface-muted);border-radius:8px;align-items:center;gap:12px;min-height:72px;padding:12px;display:flex}.join-preview strong,.join-preview small{display:block}.join-preview small{color:var(--muted);margin-top:3px}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.side-nav{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;height:100vh;padding:24px 16px 18px;display:flex;position:sticky;top:0}.side-brand{min-height:48px;color:var(--green);align-items:center;gap:10px;padding:0 9px;display:flex}.side-brand span{color:#fff;background:var(--green);border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.side-brand strong{font-size:1.15rem}.side-nav nav{gap:5px;margin-top:34px;display:grid}.side-nav nav button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:0 13px;font-weight:700;display:flex}.side-nav nav button:hover,.side-nav nav button.active{color:var(--green);background:var(--green-soft)}.side-profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:12px 9px 0;display:flex}.side-profile>span{color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.side-profile strong,.side-profile small{display:block}.side-profile strong{font-size:.84rem}.side-profile small{color:var(--muted);margin-top:2px;font-size:.7rem}.app-main{min-width:0}.view-page{width:min(100% - 48px,760px);margin:0 auto;padding:34px 0 80px}.view-header{justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin-bottom:24px;display:flex}.view-header h1{font-size:1.75rem;line-height:1.2}.avatar{color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.bottom-nav{display:none}.content-section,.record-section,.settings-section{border-bottom:1px solid var(--line);padding:26px 0}.section-heading{justify-content:space-between;align-items:center;gap:14px;min-height:42px;margin-bottom:16px;display:flex}.section-heading h2,.settings-heading h2{font-size:1.12rem}.pregnancy-band{color:#fff;background:var(--green);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;min-height:186px;padding:26px 30px;display:flex;overflow:hidden}.week-copy>span{color:#ffffffb8;font-size:.78rem;font-weight:700}.week-copy>strong{margin:7px 0 4px;font-size:2rem;display:block}.week-copy>strong small{font-size:1rem}.week-copy p{color:#ffffffc7;font-size:.84rem}.progress-orbit{background:conic-gradient(#fff var(--progress), #ffffff2e 0deg);border-radius:50%;flex:0 0 108px;place-items:center;width:108px;height:108px;display:grid}.progress-orbit>div{text-align:center;background:var(--green);border-radius:50%;place-content:center;width:88px;height:88px;display:grid}.progress-orbit strong,.progress-orbit span{display:block}.progress-orbit strong{font-size:1.25rem}.progress-orbit span{color:#ffffffb8;font-size:.7rem}.task-list{gap:8px;display:grid}.task-item{min-height:68px;color:var(--ink);background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.task-item>svg{color:var(--green)}.task-item.completed{color:var(--muted);background:var(--surface-muted)}.task-copy{min-width:0}.task-copy strong,.task-copy small{display:block}.task-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.task-item.completed .task-copy strong{text-decoration:line-through}.task-copy small{color:var(--muted);margin-top:4px;font-size:.74rem}.owner-badge{text-align:center;border-radius:5px;min-width:38px;padding:4px 7px;font-size:.68rem;font-weight:800}.owner-badge.mother{color:var(--green);background:var(--green-soft)}.owner-badge.partner{color:var(--coral);background:var(--coral-soft)}.owner-badge.both{color:var(--blue);background:var(--blue-soft)}.empty-action{min-height:64px;color:var(--green);background:var(--surface);border:1px dashed var(--green);cursor:pointer;border-radius:8px}.quick-record-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.quick-record-grid>button{min-height:118px;color:var(--ink);background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:14px;display:flex}.quick-record-grid>button:hover{border-color:var(--green)}.quick-record-grid strong{font-size:.86rem}.quick-record-grid small{color:var(--muted);font-size:.7rem}.quick-icon{border-radius:7px;place-items:center;width:36px;height:36px;margin-bottom:2px;display:grid}.quick-icon.food{color:var(--coral);background:var(--coral-soft)}.quick-icon.body{color:var(--green);background:var(--green-soft)}.quick-icon.water{color:var(--blue);background:var(--blue-soft)}.quick-icon.sleep{color:var(--amber);background:var(--amber-soft)}.weekly-note{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:0 8px 8px 0;padding:20px}.weekly-note>p{color:var(--ink);line-height:1.65}.weekly-note ul{color:var(--muted);gap:7px;margin:14px 0;padding-left:1.1rem;font-size:.84rem;display:grid}.medical-note{color:var(--amber);border-top:1px solid var(--line);align-items:flex-start;gap:7px;padding-top:12px;font-size:.75rem;line-height:1.5;display:flex}.event-row{width:100%;min-height:78px;color:var(--ink);background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:50px minmax(0,1fr) 24px;align-items:center;gap:14px;padding:12px 14px;display:grid}.event-date{min-height:50px;color:var(--coral);background:var(--coral-soft);text-align:center;border-radius:7px;place-content:center;display:grid}.event-date strong,.event-date small,.event-row>span:nth-child(2) strong,.event-row>span:nth-child(2) small{display:block}.event-date strong{font-size:1.15rem}.event-date small{font-size:.66rem}.event-row>span:nth-child(2) small{color:var(--muted);margin-top:4px;font-size:.76rem}.event-row>svg{color:var(--muted)}.save-button{color:#fff;background:var(--green);border:1px solid var(--green);cursor:pointer;border-radius:6px;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-weight:700;display:inline-flex}.save-button.saved,.record-save-mobile.saved{color:var(--green);background:var(--green-soft);border-color:var(--green-soft)}.feeling-control{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.feeling-control button{min-height:94px;color:var(--muted);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;place-content:center;gap:4px;display:grid}.feeling-control button span{font-size:1.65rem;line-height:1}.feeling-control button.active{color:var(--green);background:var(--green-soft);border-color:var(--green);font-weight:800}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip-grid button{min-height:38px;color:var(--muted);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:0 13px;display:inline-flex}.chip-grid button.active{color:var(--green);background:var(--green-soft);border-color:var(--green);font-weight:700}.meal-list{gap:8px;display:grid}.meal-field{background:var(--surface);border:1px solid var(--line);border-radius:7px;grid-template-columns:62px minmax(0,1fr);align-items:center;min-height:52px;padding:0 12px;display:grid}.meal-field span{font-size:.8rem;font-weight:800}.meal-field input{width:100%;min-width:0;height:50px;color:var(--ink);background:0 0;border:0;outline:0}.meal-field:focus-within{border-color:var(--green)}.water-stepper{background:var(--blue-soft);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-height:70px;margin-top:10px;padding:10px 12px;display:flex}.water-stepper>div:first-child strong,.water-stepper>div:first-child span{display:block}.water-stepper>div:first-child span{color:var(--muted);margin-top:3px;font-size:.72rem}.water-stepper>div:last-child{align-items:center;gap:12px;display:flex}.water-stepper>div:last-child>strong{text-align:center;min-width:52px;font-size:1.1rem}.water-stepper small{color:var(--muted);font-size:.72rem}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mood-scale{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.mood-scale button{min-width:0;min-height:74px;color:var(--muted);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:7px;place-content:center;gap:5px;display:grid}.mood-scale button span{background:var(--surface-muted);border-radius:50%;justify-self:center;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.mood-scale button small{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.mood-scale button.active{color:var(--coral);background:var(--coral-soft);border-color:var(--coral)}.mood-scale button.active span{color:#fff;background:var(--coral)}.collapse-trigger{width:100%;min-height:50px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.collapse-trigger strong{font-size:1.05rem;display:block}.collapse-trigger svg{transition:transform .18s}.collapse-trigger svg.rotated{transform:rotate(180deg)}.metric-field{max-width:280px;margin-top:12px}.record-note{width:100%;min-height:126px;color:var(--ink);background:var(--surface);border:1px solid var(--line);resize:vertical;border-radius:7px;outline:0;padding:13px}.record-note:focus{border-color:var(--green)}.char-count{color:var(--muted);text-align:right;margin-top:5px;font-size:.7rem;display:block}.record-save-mobile{display:none}.calendar-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.month-switcher{grid-template-columns:42px 1fr 42px;align-items:center;height:44px;display:grid}.month-switcher h2{text-align:center;font-size:1.05rem}.week-row,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.week-row{margin:12px 0 6px}.week-row span{color:var(--muted);text-align:center;font-size:.7rem;font-weight:700}.calendar-grid{gap:4px}.calendar-day{aspect-ratio:1;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-content:center;gap:5px;display:grid}.calendar-day.empty{pointer-events:none}.calendar-day:hover{background:var(--surface-muted)}.calendar-day.today{color:var(--green);font-weight:800}.calendar-day.selected{color:#fff;background:var(--green);border-color:var(--green)}.calendar-day small{justify-content:center;gap:2px;height:5px;display:flex}.calendar-day i,.calendar-legend i{border-radius:50%;width:5px;height:5px;display:inline-block}.record-dot{background:var(--green)}.task-dot{background:var(--coral)}.event-dot{background:var(--blue)}.calendar-day.selected i{background:#fff}.calendar-legend{color:var(--muted);justify-content:center;gap:16px;margin-top:15px;font-size:.68rem;display:flex}.calendar-legend span{align-items:center;gap:5px;display:inline-flex}.agenda-item{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;min-height:66px;padding:10px 0;display:grid}.agenda-icon{border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.agenda-item.event .agenda-icon{color:var(--blue);background:var(--blue-soft)}.agenda-item.task .agenda-icon{color:var(--coral);background:var(--coral-soft)}.agenda-item.record .agenda-icon{color:var(--green);background:var(--green-soft);font-size:.75rem;font-weight:800}.agenda-item strong,.agenda-item small{display:block}.agenda-item strong{font-size:.86rem}.agenda-item small{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:.72rem;display:flex}.line-through{color:var(--muted);text-decoration:line-through}.empty-agenda{width:100%;min-height:106px;color:var(--muted);border:1px dashed var(--line);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:12px;display:flex}.empty-agenda strong,.empty-agenda small{text-align:left;display:block}.empty-agenda small{margin-top:4px}.profile-identity{color:#fff;background:var(--green);border-radius:8px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:90px;padding:16px;display:grid}.profile-avatar{width:54px;height:54px;color:var(--green);background:#fff;border-radius:50%;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.profile-identity strong,.profile-identity span{display:block}.profile-identity div:nth-child(2) span{color:#ffffffc2;margin-top:4px;font-size:.74rem}.profile-week{background:#ffffff2e;border-radius:5px;padding:5px 8px;font-size:.7rem;font-weight:800}.settings-heading{margin-bottom:12px}.member-row,.settings-row,.settings-link{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:64px;padding:8px 0;display:grid}.member-avatar{border-radius:50%;place-items:center;width:38px;height:38px;font-size:.8rem;font-weight:800;display:grid}.member-avatar.mother{color:var(--green);background:var(--green-soft)}.member-avatar.partner{color:var(--coral);background:var(--coral-soft)}.member-row strong,.member-row small,.settings-row strong,.settings-row small,.settings-link strong,.settings-link small{display:block}.member-row strong,.settings-row strong,.settings-link strong{font-size:.84rem}.member-row small,.settings-row small,.settings-link small{color:var(--muted);margin-top:3px;font-size:.7rem;line-height:1.4}.status-dot{color:var(--green);font-size:.7rem;font-weight:800}.family-code{background:var(--surface-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:84px;margin-top:12px;padding:14px;display:flex}.family-code>div:first-child span,.family-code>div:first-child strong,.family-code>div:first-child small{display:block}.family-code>div:first-child span{color:var(--muted);font-size:.7rem}.family-code>div:first-child strong{margin:3px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem}.family-code>div:first-child small{color:var(--muted);font-size:.66rem}.family-code>div:last-child{gap:6px;display:flex}.settings-icon{width:36px;height:36px;color:var(--green);background:var(--green-soft);border-radius:7px;place-items:center;display:grid}.settings-row>span:last-child{color:var(--muted);font-size:.78rem}.settings-row.editable input{max-width:138px;color:var(--ink);background:0 0;border:0}.settings-row.editable input:disabled{color:var(--muted)}.toggle-row{cursor:pointer;grid-template-columns:40px minmax(0,1fr) 44px;position:relative}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-row>i{background:var(--line);border-radius:12px;width:42px;height:24px;transition:background .15s;position:relative}.toggle-row>i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #1c29232e}.toggle-row input:checked+i{background:var(--green)}.toggle-row input:checked+i:after{transform:translate(18px)}.settings-link{color:var(--ink);border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;padding:8px 0}.settings-link>svg{color:var(--muted)}.danger-link .settings-icon,.danger-link strong{color:var(--danger)}.danger-link .settings-icon{background:#f9e8e8}.app-version{color:var(--muted);text-align:center;padding:24px 0;font-size:.68rem}.modal-backdrop{z-index:50;background:#111e187a;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.bottom-sheet{background:var(--surface);width:min(100%,540px);box-shadow:var(--shadow);border-radius:8px;gap:17px;padding:12px 22px 24px;display:grid}.sheet-handle{background:var(--line);border-radius:2px;justify-self:center;width:42px;height:4px}.sheet-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-heading h2{font-size:1.25rem}.segmented-field{border:0;min-width:0;margin:0;padding:0}.segmented-field legend{margin-bottom:7px}.segmented-field>div{background:var(--surface-muted);border-radius:7px;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;display:grid}.segmented-field button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px}.segmented-field button.active{color:var(--green);background:var(--surface);font-weight:800;box-shadow:0 2px 8px #1c292314}@media (width>=1180px){.view-page{width:min(100% - 96px,900px)}}@media (width<=760px){.auth-page{background:var(--surface);display:block}.auth-visual{height:34vh;min-height:270px;max-height:360px}.auth-brand{bottom:18px;left:20px;right:20px}.auth-form-wrap{place-items:start center;min-height:66vh;padding:28px 20px 42px}.auth-heading h1,.onboarding-heading h1{font-size:1.65rem}.onboarding-header{padding:0 16px}.onboarding-content{width:min(100% - 32px,560px);padding:42px 0 70px}.app-shell{display:block}.side-nav{display:none}.view-page{width:100%;padding:22px 16px 108px}.view-header{min-height:56px;margin-bottom:18px}.view-header h1{font-size:1.45rem}.bottom-nav{z-index:30;height:calc(68px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;place-content:center;gap:3px;font-size:.66rem;display:grid}.bottom-nav button.active{color:var(--green);font-weight:800}.pregnancy-band{min-height:166px;padding:22px 20px}.week-copy>strong{font-size:1.65rem}.progress-orbit{flex-basis:90px;width:90px;height:90px}.progress-orbit>div{width:72px;height:72px}.progress-orbit strong{font-size:1rem}.content-section,.record-section,.settings-section{padding:22px 0}.quick-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-record-grid>button{min-height:102px}.save-button{display:none}.record-save-mobile{color:#fff;background:var(--green);border:1px solid var(--green);border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:48px;margin-top:20px;font-weight:800;display:flex}.inline-fields{grid-template-columns:1fr}.mood-scale{gap:4px}.mood-scale button{min-height:68px}.mood-scale button small{font-size:.6rem}.calendar-panel{margin:0 -4px;padding:14px 10px}.calendar-grid{gap:2px}.calendar-day{min-height:42px}.profile-identity{grid-template-columns:50px minmax(0,1fr) auto}.profile-avatar{width:48px;height:48px}.modal-backdrop{padding:0}.bottom-sheet{padding:10px 18px calc(24px + env(safe-area-inset-bottom));border-radius:8px 8px 0 0}}@media (width<=390px){.view-page{padding-left:12px;padding-right:12px}.pregnancy-band{padding:20px 16px}.progress-orbit{flex-basis:82px;width:82px;height:82px}.progress-orbit>div{width:66px;height:66px}.owner-badge{display:none}.task-item{grid-template-columns:22px minmax(0,1fr)}.family-code{align-items:flex-start}}.app-loading{min-height:100vh;color:var(--green);background:var(--surface);text-align:center;place-content:center;justify-items:center;gap:14px;padding:24px;display:grid}.app-loading .primary-button{min-width:140px;margin-top:4px}.sync-banner{z-index:20;color:#245f4a;background:#eaf5ef;border:1px solid #c9e4d6;border-radius:6px;align-items:center;gap:7px;width:fit-content;min-height:32px;margin:10px auto -42px;padding:7px 11px;font-size:.78rem;font-weight:750;display:flex;position:sticky;top:10px;box-shadow:0 5px 18px #1c473614}.sync-banner.error,.sync-banner.conflict{color:#8a4930;background:#fff4ec;border-color:#efd4c3}.spinning{animation:.9s linear infinite spin}button:disabled{cursor:not-allowed;opacity:.62}@keyframes spin{to{transform:rotate(360deg)}}