.cloud-banner{display:flex;align-items:center;justify-content:space-between;border:1px solid #e0e8d7;background:#f1f6ec;border-radius:8px;padding:10px 14px;margin-bottom:24px;color:#7b946d;font-size:10px;gap:12px}.cloud-banner>span{display:flex;align-items:center;gap:7px}.cloud-banner i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#85a076}.cloud-banner button{border:0;background:none;font-size:10px;color:inherit;padding:3px;white-space:nowrap}.cloud-banner.offline{background:#faf0de;color:#aa8650;border-color:#ead9b7}.cloud-banner.offline i{background:#c69c5b}.family-card{margin-bottom:24px;background:#f4f7ee}.family-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.family-card .card-head p{line-height:1.9}.family-card>.muted{margin:20px 0 0}.migration-note{margin-top:20px;display:flex;gap:13px;align-items:center;flex-wrap:wrap;padding:14px;background:#fffdf4;border:1px solid #ece6ce;border-radius:8px;font-size:11px;color:#a1956e}.welcome-screen{max-width:580px;padding:50px 22px 24px;margin:0 auto}.welcome-brand{display:flex;gap:12px;align-items:center;margin-bottom:30px}.welcome-brand b{font-size:25px;font-weight:500;letter-spacing:2px}.welcome-brand small{font-size:10px;letter-spacing:1px;font-weight:400;color:#a2ae97;margin-left:12px}.welcome-panel{padding:35px;background:#fffefb;border:1px solid #e2e9d9;border-radius:17px;box-shadow:0 10px 50px #5a74420a}.welcome-panel h1{font-size:25px;font-weight:500;line-height:1.7;margin:16px 0}.welcome-panel .muted{line-height:2;font-size:12px}.welcome-panel .primary{font-size:12px;padding:14px 21px}.welcome-panel form{margin:25px 0}.welcome-panel form label{font-size:12px}.welcome-panel form input{font-size:16px}.welcome-panel>.soft-button{margin-top:13px}.welcome-back{margin-top:10px}.onboarding-note{padding-top:22px;margin-top:25px;border-top:1px solid #edf0e5;color:#a1af93;font-size:10px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.onboarding-note .icon{width:14px;height:14px}.welcome-foot{text-align:center;color:#a1ad94;font-size:10px;margin-top:22px}.legacy-preview{background:#f8f4e6;padding:15px;font-size:11px;color:#a19672;line-height:2;border-radius:8px;margin-top:22px}.legacy-preview .text-button{display:block;margin-top:8px}.invite-label{display:block;margin:22px 0;font-size:11px;color:#8b9e7c}.invite-label textarea{width:100%;margin-top:12px;word-break:break-all;font-size:12px;line-height:1.9}.member-list>div,.trash-row{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #edf0e5}.member-list>div>span,.trash-row>span{display:flex;flex-direction:column;gap:7px}.member-list b,.trash-row b{font-size:12px;font-weight:500}.member-list small,.trash-row small{font-size:10px;color:#9ca98d}.section-small-title{font-size:12px;font-weight:500;margin-top:25px}.invite-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0e5;padding:12px 0;font-size:10px;color:#a0aa94}.activity-list article{padding:17px 0;border-bottom:1px solid #edf0e5}.activity-list b{font-size:12px;font-weight:500}.activity-list p{font-size:11px;color:#8e9e80;line-height:1.9}.activity-list small{font-size:9px;color:#a7b098}.join-manual{margin-top:25px;border-top:1px solid #edf0e5;padding-top:20px;font-size:11px;color:#8c9d7e}.join-manual summary{cursor:pointer}.join-manual label{display:block;margin:20px 0 12px;font-size:10px}.join-manual input{display:block;width:100%;margin-top:9px;font-size:12px}.conflict-note{color:#aa8248;background:#faf0de}.family-actions>.quiet{padding:10px 0}@media(max-width:620px){.welcome-screen{padding-top:30px}.welcome-panel{padding:26px 22px}.welcome-panel h1{font-size:23px}.welcome-brand{margin-bottom:24px}.welcome-panel>.muted{font-size:11px}.family-actions{gap:10px}.family-actions>.primary,.family-actions>.soft-button{font-size:10px;padding:11px 12px}.family-card{margin-bottom:18px}.family-card .card-head p{font-size:10px}.cloud-banner{font-size:9px;padding:10px;margin-bottom:21px}.cloud-banner button{font-size:9px}.migration-note{font-size:10px}.invite-label textarea{font-size:13px}}

.daily-milk-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin-bottom:14px;background:#f0f5ed;border:1px solid #e0e8d8;border-radius:9px;color:#64815a}.daily-milk-total>span{display:flex;align-items:center;gap:8px;font-size:12px}.daily-milk-total>span>small{font-size:10px;color:#97a68b;margin-left:8px}.daily-milk-total strong{font-size:24px;font-weight:500;white-space:nowrap}.daily-milk-total strong small{font-size:11px;font-weight:400;color:#8f9f83}@media(max-width:620px){.daily-milk-total{padding:14px 12px}.daily-milk-total>span{font-size:11px;flex-wrap:wrap;gap:6px}.daily-milk-total>span>small{font-size:9px;margin-left:0}.daily-milk-total strong{font-size:23px}}

.weight-jin{font-size:13px;color:#a48e77;margin:-4px 0 12px}.record-jin{display:block;font-size:11px;color:#9b9f91;margin-top:5px;font-weight:400;text-align:right}.table-jin{display:block;font-size:10px;color:#a2ad96;margin-top:5px}.report-cells .report-jin{color:#799466;font-size:13px;margin-top:-4px}@media(max-width:620px){.weight-jin{font-size:11px;margin-top:-4px}.record-jin{font-size:10px}.report-cells .report-jin{font-size:11px}}

.swipe-record{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid #f0f2ec;border-radius:6px;isolation:isolate}.swipe-record::-webkit-scrollbar{display:none}.swipe-record:last-child{border-bottom:0}.swipe-record>.record-row{flex:0 0 100%;min-width:100%;width:100%;scroll-snap-align:start;border-bottom:0;padding-right:12px;background:#fff}.swipe-record>.record-row:hover{background:#fafbf8}.swipe-delete{flex:0 0 76px;align-self:stretch;border:0;border-radius:0 6px 6px 0;background:#df554f;color:#fff;font-size:13px;font-weight:500;scroll-snap-align:end;min-height:64px;scroll-margin:0}.swipe-delete:hover{background:#cc4540}.swipe-delete:focus-visible{outline:3px solid #9d2727;outline-offset:-4px}

.daily-weight{background:#faf3ec;border-color:#eee5db;color:#a68c72}.daily-weight strong small{color:#a18f7a}.daily-weight{min-height:66px}

.page-heading>.primary.records-heading-add{min-height:48px;min-width:138px;padding:13px 20px;font-size:14px;font-weight:500;gap:8px;border-radius:11px;box-shadow:0 4px 12px #527c6926}.page-heading>.primary.records-heading-add .icon{width:20px;height:20px}@media(max-width:620px){.page-heading>.primary.records-heading-add{min-height:46px;min-width:118px;padding:12px 14px;font-size:13px;gap:6px;margin-top:14px;flex-shrink:0}.page-heading>.primary.records-heading-add .icon{width:18px;height:18px}}

/* Shared form geometry, including Safari date and time controls. */
form{min-width:0}form label{min-width:0}form input,form select,form textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;margin-top:9px;padding:12px;border-radius:8px;line-height:1.4}form input,form select{height:48px;min-height:48px}form textarea{min-height:88px;resize:vertical}.form-row{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:21px 0}.form-row>label{width:100%;min-width:0;margin:0}form input[type="date"],form input[type="time"]{-webkit-appearance:none;appearance:none;min-inline-size:0;inline-size:100%;text-align:left}form input::-webkit-date-and-time-value{text-align:left;min-height:1.4em}.invite-label textarea,.join-manual input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:12px;border-radius:8px}.join-manual input{height:48px}

.card select#day-range{font-size:11px;padding:9px 12px;flex-shrink:0}@media(max-width:620px){.card select#day-range{font-size:10px;padding:8px}}