.full-width{width:100%}.brand{align-items:center;gap:8px;display:inline-flex}.loading-screen,.page-loading{place-content:center;justify-items:center;gap:16px;min-height:50dvh;display:grid}.onboarding-screen{max-width:460px;margin:0 auto;padding:24px}.onboarding-screen .brand,.onboarding-screen h1{margin-bottom:24px}.onboarding-import{margin-top:16px}.app-layout{max-width:1600px;margin:0 auto}.sidebar{z-index:50;flex-direction:column;width:218px;padding:24px;display:flex;position:fixed;inset-block:0}.sidebar-caption{margin-block:24px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar .nav-item{justify-content:flex-start}.nav-short,.sidebar .nav-record{display:none}.sidebar-footer{margin-top:auto}.app-main{margin-left:218px;padding:0 24px 24px}.topbar,.topbar>div,.page-heading,.month-summary,.records-toolbar,.trash-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.topbar{min-height:64px;margin-bottom:24px}.topbar i{margin-inline:8px}.connection{white-space:nowrap}.page-heading{margin-bottom:24px}.page-heading>div,.milk-reference,.feed-info{min-width:0}.panel,.demo-banner,.form-intro,.record-filter{margin-bottom:16px}.app-main footer{text-align:center;margin-block:24px}.source-note,.footnote,.chart-tip,.form-error{margin-block:16px}.day-toolbar,.day-picker{align-items:center;gap:8px;min-width:0;display:flex}.day-toolbar{margin-bottom:16px}.day-picker{flex:1;max-width:320px}.day-input{flex:1;min-width:0}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.dashboard-grid .panel{margin:0}.milk-panel{grid-area:1/1}.supplements-panel{grid-area:1/2}.timeline-panel{grid-area:2/1/span 2}.snapshot-panel{grid-area:2/2}.week-panel{grid-area:3/2}.milk-overview,.recent-feed,.feed-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.milk-progress{text-align:center;flex:none}.milk-reference>strong,.milk-types span,.milk-types strong,.measurement-summary strong,.big-value,.calendar-totals strong,.measurement-date small,.measurement-values strong,.measurement-values small,.feed-info strong,.feed-info small{display:block}.milk-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.supplement{text-align:left;white-space:normal;height:auto;min-height:64px;margin-bottom:8px}.supplement-copy{flex-direction:column;flex:1;display:flex}.feed-list,.measurement-list{margin:0;padding:0;list-style:none}.feed-row{flex-wrap:wrap}.feed-info{overflow-wrap:anywhere;flex:1}.feed-amount{white-space:nowrap}.row-actions,.measurement-actions{flex-basis:100%;grid-column:1/-1;justify-content:flex-end}.measurement-summary,.growth-summary,.calendar-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.growth-link{justify-content:space-between;gap:8px;display:flex}.week-chart{gap:4px;margin-block:16px;display:flex}.week-day{flex-direction:column;flex:1;min-width:0;height:auto;padding-inline:0}.bar-track{align-items:flex-end;width:20px;max-width:100%;height:115px;display:flex}.bar-track i{background:currentColor;width:100%;display:block}.chart-toolbar{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.growth-chart{width:100%;height:auto;display:block}.growth-chart text{fill:currentColor;font-size:9px}.measurement-list>li{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.measurement-values{justify-content:flex-end;gap:12px;display:flex}.month-heading{justify-content:center;align-items:center;gap:8px;display:flex}.month-summary,.records-toolbar{flex-wrap:wrap;margin-bottom:16px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.weekday{text-align:center}.calendar-day{flex-direction:column;gap:2px;min-width:0;height:auto;min-height:64px;padding-inline:0}.calendar-dots{gap:2px;height:14px;display:flex}.calendar-day small,.calendar-dots,.calendar-legend{font-size:10px}.calendar-legend,.version-note{margin-top:16px}.drawer-grab{touch-action:none;cursor:grab;justify-content:center;height:16px;display:flex}.drawer-grab span{background:currentColor;width:40px;height:2px}.quick-volumes{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.now-button{margin-bottom:16px}.form-actions{gap:8px;margin-top:24px;display:flex}.form-actions>button{flex:1}@media (width<=650px){.sidebar{width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));inset:auto 0 0}.sidebar>.brand,.sidebar-caption,.sidebar-footer,.nav-full,.desktop-action{display:none}.nav-short{display:inline}.sidebar nav{flex-direction:row;gap:4px}.sidebar .nav-item,.sidebar .nav-record{flex-direction:column;flex:1;justify-content:center;min-width:0;height:56px;padding-inline:4px;display:flex}.app-main{padding:0 16px calc(96px + env(safe-area-inset-bottom));margin:0}.dashboard-grid{flex-direction:column;display:flex}.dashboard-grid>.panel{width:100%}.milk-panel{order:0}.timeline-panel{order:1}.supplements-panel{order:2}.snapshot-panel{order:3}.week-panel{order:4}.milk-overview{flex-wrap:wrap}}.cloud-toolbar{align-items:center;gap:8px;margin-block:12px 20px;display:flex}.cloud-selector{flex:1;min-width:0}.onboarding-account{max-width:480px;margin:auto;padding:20px 24px 0}