.mira-app .mira-shell:has(.mira-dashboard){overflow:hidden}.mira-app .mira-route:has(.mira-dashboard){flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mira-app .mira-dashboard{flex:1;gap:14px;min-height:0;padding-bottom:18px;overflow:hidden}.mira-app .mira-dashboard .mira-metrics{flex:none;min-height:0}.mira-app .mira-dashboard .mira-metric{border-radius:23px;height:clamp(112px,19dvh,174px);min-height:0;padding:16px 18px}.mira-app .mira-dashboard .mira-metric:not(.metric-calorie){flex-direction:row;justify-content:space-between;align-items:center}.mira-app .mira-dashboard .mira-metric:not(.metric-calorie) .mira-metric-art{--metric-art-visible-height:45px;width:48px;height:56px;position:relative;inset:auto}.mira-app .mira-dashboard .mira-metric .mira-value{margin:4px 0;font-size:clamp(24px,3vw,38px)}.mira-app .mira-dashboard .metric-calorie .mira-value{margin:0 0 6px;font-size:clamp(32px,3.7vw,48px)}.mira-app .mira-dashboard .mira-metric-target{max-width:90%;font-size:10px;line-height:1.4}.mira-app .mira-dashboard .mira-metric-progress{margin-top:6px;margin-bottom:5px}.mira-app .mira-dashboard .mira-analysis{flex:1;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:16px;min-height:0;display:grid;overflow:hidden}.mira-app .mira-dashboard .mira-weekly-trend{flex-direction:column;min-height:0;display:flex;overflow:hidden}.mira-app .mira-dashboard .mira-panel-title{flex-shrink:0;padding:16px 18px 8px}.mira-app .mira-dashboard .mira-panel-title h2{font-size:17px}.mira-app .mira-dashboard .mira-history-plot{flex-direction:column;flex:1;height:auto;min-height:0;margin:4px 18px 0;display:flex}.mira-app .mira-dashboard .mira-history-plot>svg{flex:1;width:100%;height:0;min-height:0}.mira-app .mira-dashboard .mira-history-dates{flex:0 0 38px;height:38px;min-height:38px;margin-top:4px;position:relative}.mira-app .mira-dashboard .mira-history-dates :is(div,small){font-size:10px}.mira-app .mira-dashboard .mira-history-summary{flex-shrink:0;padding:7px 18px 0;font-size:11px}.mira-app .mira-dashboard .mira-chart-legend{flex-shrink:0;padding:6px 18px 12px;font-size:10px}.mira-app .mira-dashboard .mira-trend-empty-footer{flex-shrink:0;padding:8px 18px 12px;font-size:11px}@media (width>=1024px){.mira-app .mira-dashboard{margin-top:-108px}.mira-app .mira-dashboard .mira-toolbar{height:90px;min-height:90px;padding-top:24px}.mira-app .mira-dashboard:has(.mira-demo-banner),.mira-app .mira-dashboard:has(.mira-offline){margin-top:-108px;padding-top:100px}.mira-app .mira-dashboard:has(.mira-demo-banner) .mira-toolbar,.mira-app .mira-dashboard:has(.mira-offline) .mira-toolbar{height:52px;min-height:52px;padding-top:0}.mira-app .mira-dashboard .mira-demo-banner{flex-shrink:0;padding:6px 12px;font-size:11px}}@media (width<=1023px){.mira-app .mira-dashboard{gap:10px;padding:0 0 100px}.mira-app .mira-dashboard .mira-toolbar{flex-shrink:0;gap:6px;min-height:44px}.mira-app .mira-dashboard .mira-toolbar button{min-height:34px;font-size:11px}.mira-app .mira-dashboard .mira-analysis{grid-template-columns:minmax(0,1.5fr) minmax(255px,1fr);gap:10px}.mira-app .mira-dashboard .mira-metric{height:100px;padding:12px}.mira-app .mira-dashboard .mira-metric-art,.mira-app .mira-dashboard .mira-metric:not(.metric-calorie) .mira-metric-art{display:none}.mira-app .mira-dashboard .mira-panel-title h2{font-size:15px}}@media (width<=699px){.mira-app .mira-shell:has(.mira-dashboard)>.mira-page-header{height:72px;min-height:72px;padding:12px 0 6px}.mira-app .mira-shell:has(.mira-dashboard) .mira-page-header h1{font-size:26px}.mira-app .mira-shell:has(.mira-dashboard) .mira-page-header p{font-size:10px}.mira-app .mira-dashboard .mira-toolbar{flex-wrap:wrap;justify-content:space-between;gap:4px;min-height:40px;padding:0;display:flex}.mira-app .mira-dashboard .mira-segments button{min-height:30px;padding:5px 8px;font-size:10px}.mira-app .mira-dashboard .mira-range-trigger{min-height:30px;padding:4px 8px}.mira-app .mira-dashboard .mira-range-label{font-size:10px}.mira-app .mira-dashboard .mira-period-nav{gap:0}.mira-app .mira-dashboard .mira-period-nav>button{width:22px;min-width:22px;padding:0}.mira-app .mira-dashboard .mira-period-note{display:none}.mira-app .mira-dashboard .mira-demo-toggle{min-height:18px;padding:0 4px;font-size:9px}.mira-app .mira-dashboard .mira-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mira-app .mira-dashboard .mira-metric{border-radius:15px;height:80px;padding:9px 7px}.mira-app .mira-dashboard .mira-metric .mira-value,.mira-app .mira-dashboard .metric-calorie .mira-value{margin:3px 0;font-size:21px}.mira-app .mira-dashboard .mira-value small{font-size:8px}.mira-app .mira-dashboard .mira-metric .mira-muted{font-size:10px}.mira-app .mira-dashboard .mira-metric-target{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:8px;display:-webkit-box;overflow:hidden}.mira-app .mira-dashboard .mira-metric-progress{display:none}.mira-app .mira-dashboard .mira-analysis{grid-template-rows:minmax(120px,1fr) minmax(140px,.9fr);grid-template-columns:1fr}.mira-app .mira-dashboard .mira-panel-title{padding:10px 12px 5px}.mira-app .mira-dashboard .mira-panel-title h2{font-size:14px}.mira-app .mira-dashboard .mira-weekly-trend .mira-panel-title>.mira-muted{font-size:9px}.mira-app .mira-dashboard .mira-chart-period{margin:3px 0 0;font-size:9px}.mira-app .mira-dashboard .mira-history-summary{padding:3px 12px;font-size:9px}.mira-app .mira-dashboard .mira-chart-legend{display:none}.mira-app .mira-dashboard .mira-history-plot{margin:0 8px}.mira-app .mira-dashboard .mira-history-dates{flex-basis:29px;height:29px;min-height:29px}.mira-app .mira-dashboard .mira-history-dates :is(div,small){font-size:8px}.mira-app .mira-dashboard .mira-panel{border-radius:18px}.mira-app .mira-dashboard .mira-history-tooltip{max-width:170px;font-size:11px}.mira-app .mira-dashboard .mira-day-summary{height:36px;min-height:36px}.mira-app .mira-dashboard .mira-daily-journal{grid-template-rows:auto minmax(0,1fr) 30px}.mira-app .mira-dashboard .mira-journal-preview-footer{min-height:30px}.mira-app .mira-dashboard .mira-daily-list{padding:0 12px}.mira-app .mira-dashboard .mira-day-meal{height:40px;min-height:40px}.mira-app .mira-dashboard .mira-demo-banner{padding:5px 8px;font-size:9px}.mira-app .mira-dashboard .mira-demo-banner>span:last-child{display:none}}@media (width>=1024px){.mira-app .mira-route:has(.mira-dashboard){overflow:visible}.mira-app .mira-dashboard .mira-toolbar{z-index:2;position:relative}}@media (width<=1023px){.mira-app .mira-dashboard .mira-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.mira-app .mira-dashboard .metric-calorie{grid-column:auto}}@media (width>=700px) and (width<=1023px){.mira-app .mira-dashboard{padding-bottom:18px}}@media (width<=699px){.mira-app .mira-dashboard .mira-toolbar{grid-template-rows:38px 34px;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:4px;display:grid}.mira-app .mira-dashboard .mira-toolbar .mira-segments{grid-area:1/1;width:100%;min-width:0;padding:3px;display:flex}.mira-app .mira-dashboard .mira-toolbar .mira-segments button{min-width:0;padding:5px 7px;font-size:9px}.mira-app .mira-dashboard .mira-toolbar .mira-period-nav{grid-area:2/1/auto/-1}.mira-app .mira-dashboard .mira-toolbar .mira-demo-toggle{grid-area:1/2;justify-content:center;width:72px;height:24px;min-height:24px;margin:0;font-size:9px;position:static}.mira-app .mira-dashboard .mira-metric .mira-value,.mira-app .mira-dashboard .metric-calorie .mira-value{white-space:nowrap;font-size:clamp(16px,4.6vw,20px);line-height:1.15}.mira-app .mira-dashboard .mira-value small{font-size:8px;line-height:1.1;display:block}.mira-app .mira-dashboard .mira-analysis>.mira-daily-journal .mira-panel-title h2{white-space:nowrap;font-size:14px}.mira-app .mira-dashboard .mira-analysis>.mira-daily-journal .mira-panel-title>span{font-size:9px}.mira-app .mira-dashboard .mira-history-plot{--chart-date-label-height:29px}}.mira-metric-label-short{display:none}@media (width<=699px){.mira-app .mira-dashboard .mira-metric-label-long{display:none}.mira-app .mira-dashboard .mira-metric-label-short{display:inline}.mira-app .mira-dashboard .mira-metric-target{display:none}.mira-app .mira-dashboard .mira-metric .mira-muted{white-space:nowrap;font-size:9px;line-height:1.3}.mira-app .mira-dashboard .mira-metric>div:first-child{justify-content:center}.mira-app .mira-dashboard .mira-analysis{grid-template-rows:minmax(160px,1fr) clamp(150px,22dvh,190px)}.mira-app .mira-dashboard .mira-history-plot svg text{font-size:12px}.mira-app .mira-dashboard .mira-history-plot svg .mira-day-value{display:none}}@media (width<=699px) and (height<=740px){.mira-app .mira-dashboard .mira-analysis{grid-template-rows:minmax(140px,1fr) 110px}.mira-app .mira-dashboard .mira-journal-preview-footer button{font-size:10px}.mira-app .mira-dashboard .mira-analysis>.mira-daily-journal .mira-panel-title{padding-top:8px;padding-bottom:3px}}@media (width>=1024px){.mira-app .mira-dashboard{padding-bottom:84px}}@media (width<=699px){.mira-app .mira-dashboard{padding-bottom:154px}.mira-app .mira-dashboard .mira-history-summary>span:first-child{display:none}}@media (width<=699px) and (height<=740px){.mira-app .mira-dashboard .mira-chart-period{display:none}.mira-app .mira-dashboard .mira-history-summary{padding-top:3px;padding-bottom:2px}}@media (width>=700px) and (width<=1023px){.mira-app .mira-dashboard{padding-bottom:84px}}@media (width<=699px){.mira-app .mira-dashboard .mira-weekly-trend .mira-history-summary{justify-content:flex-end;gap:0;margin:2px 12px 0;padding:4px 0 6px;font-size:9px;line-height:1.3}}@media (width<=699px) and (height<=700px){.mira-app .mira-dashboard{gap:6px}.mira-app .mira-dashboard .mira-toolbar{grid-template-rows:34px 30px;gap:3px}.mira-app .mira-dashboard .mira-metric{height:70px;padding:7px}.mira-app .mira-dashboard .mira-analysis{gap:8px}}.mira-app .mira-dashboard .mira-metrics{grid-template-columns:minmax(0,1.2fr) repeat(4,minmax(0,1fr))}.mira-app .mira-dashboard .metric-spending{background:linear-gradient(135deg,var(--mira-card,#fffdf6),#f8edd9);border-color:#e9ddc7}.mira-app .mira-dashboard .metric-spending .mira-value{color:#745626;white-space:nowrap;font-size:clamp(23px,2.35vw,36px)}.mira-app .mira-dashboard .metric-spending .mira-metric-art{--metric-art-visible-height:46px;flex-shrink:0;width:44px;height:54px}.mira-app .mira-dashboard .mira-spending-coverage{color:var(--mira-muted,#858b7d);max-width:145px;margin-top:5px;font-size:9px;line-height:1.4;display:block}@media (width>=1024px) and (width<=1450px){.mira-app .mira-dashboard .mira-metric{padding:12px}.mira-app .mira-dashboard .mira-metric:not(.metric-calorie) .mira-metric-art{--metric-art-visible-height:34px;width:34px}.mira-app .mira-dashboard .mira-metric .mira-value{font-size:28px}.mira-app .mira-dashboard .metric-calorie .mira-value{font-size:36px}.mira-app .mira-dashboard .metric-spending .mira-value{font-size:25px}}@media (width<=1023px){.mira-app .mira-dashboard .mira-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.mira-app .mira-dashboard .metric-spending{border-radius:16px;grid-column:1/-1;height:52px;min-height:52px;padding:7px 12px}.mira-app .mira-dashboard .metric-spending>div:first-child{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:3px 10px;width:100%;display:grid}.mira-app .mira-dashboard .metric-spending .mira-value{grid-area:1/2/3;margin:0;font-size:22px}.mira-app .mira-dashboard .metric-spending .mira-muted{font-size:11px}.mira-app .mira-dashboard .metric-spending .mira-metric-target{text-align:right;grid-area:1/3;max-width:none;font-size:10px}.mira-app .mira-dashboard .metric-spending .mira-spending-coverage{text-align:right;grid-area:2/3;max-width:none;margin:0;font-size:9px}.mira-app .mira-dashboard .metric-spending .mira-metric-art{--metric-art-visible-height:27px;width:28px;height:32px;margin-left:7px;display:block}}@media (width<=420px){.mira-app .mira-dashboard .metric-spending>div:first-child{column-gap:7px}.mira-app .mira-dashboard .metric-spending .mira-muted{max-width:60px;font-size:9px}.mira-app .mira-dashboard .metric-spending .mira-value{font-size:20px}.mira-app .mira-dashboard .metric-spending .mira-metric-target,.mira-app .mira-dashboard .metric-spending .mira-spending-coverage{font-size:8px}.mira-app .mira-dashboard .metric-spending .mira-metric-art{display:none}}.mira-app .mira-dashboard .metric-spending .mira-metric-target{order:0}@media (width<=1023px){.mira-app .mira-dashboard .metric-spending>div:first-child{grid-template-columns:70px minmax(70px,1fr) minmax(100px,1.35fr);justify-content:normal}.mira-app .mira-dashboard .metric-spending.mira-metric .mira-muted{white-space:normal;grid-area:1/1/3;max-width:70px;line-height:1.4;display:block}.mira-app .mira-dashboard .metric-spending.mira-metric .mira-metric-target{display:block;overflow:visible}.mira-app .mira-dashboard .metric-spending .mira-value small{font-size:10px;display:inline}}