#app .top-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:3px;width:100%;box-sizing:border-box;overflow:visible;padding:8px 0 0;margin-bottom:13px}
#app .top-nav .nav-btn{display:flex;align-items:center;justify-content:center;min-width:0;min-height:43px;width:100%;box-sizing:border-box;padding:8px 3px;text-align:center;white-space:normal;line-height:1.08;font-size:clamp(9px,2.4vw,12px);overflow-wrap:normal}
#app .top-nav .nav-btn.active{transform:none}
#view-progress .tab-heading{padding:2px 0 9px}
#view-progress .tab-heading h1{margin:0}
#view-progress .body-summary{gap:7px;margin-bottom:9px}
#view-progress .body-stat{padding:9px 11px;gap:2px}
#view-progress .body-stat strong{font-size:17px}
#view-progress .progress-columns{margin-bottom:10px;gap:10px}
#view-progress .tab-card{padding:13px 15px}
#view-progress .tab-card-head{margin-bottom:8px}
#view-progress .tab-card-head h2{font-size:20px;margin:2px 0}
#view-progress .measure-heading-row{display:grid;grid-template-columns:minmax(0,1fr) 138px;align-items:center;gap:8px;margin-bottom:10px}
#view-progress .measure-card-title{min-width:0;margin-bottom:0}
#view-progress .measure-card-title h2{font-size:17px;line-height:1.12;white-space:nowrap;letter-spacing:-.3px}
#view-progress .body-chart-card{margin-bottom:9px}
#view-progress .body-chart{min-height:0}
#view-progress .body-chart svg{max-height:185px}
#view-progress .form-message:empty{display:none}
#view-progress .measurement-date{display:block;min-width:0;margin:0;padding:2px 4px;border:1px solid #566a50;border-radius:9px;background:#101a11;text-align:center}
#view-progress .measurement-date input{box-sizing:border-box;width:100%;min-width:0;height:29px;padding:0 2px;border:0;background:transparent;color:#fff;font-family:inherit;font-size:12px;font-weight:800;line-height:1;color-scheme:dark;text-align:center}
#view-progress .measurement-fields{display:grid;grid-template-columns:1fr;gap:7px}
#view-progress .measurement-field{display:grid;grid-template-columns:56px minmax(70px,1fr) minmax(80px,130px) 24px;align-items:center;gap:9px;min-width:0;min-height:62px;box-sizing:border-box;padding:5px 9px;border:1px solid #465a42;border-radius:11px;background:#1d2a1c}
#view-progress .measurement-label{min-width:0;font-size:13px;font-weight:800;color:#e1ead9}
#view-progress .measurement-icon{display:block;width:54px;height:54px;flex:none;border-radius:8px;background:#f7f4ec url('/cabinet-beta/subscription/assets/measurements-male.png') 0 0/300% 300% no-repeat;overflow:hidden}
#view-progress[data-measure-sex="female"] .measurement-icon{background-image:url('/cabinet-beta/subscription/assets/measurements-female.png')}
#view-progress .measurement-icon-weight{background-position:0 0}
#view-progress .measurement-icon-waist{background-position:50% 0}
#view-progress .measurement-icon-chest{background-position:100% 0}
#view-progress .measurement-icon-thigh{background-position:0 50%}
#view-progress .measurement-icon-hips{background-position:50% 50%}
#view-progress .measurement-icon-biceps{background-position:100% 50%}
#view-progress .measurement-icon-calf{background-position:0 100%}
#view-progress .measurement-icon-neck{background-position:50% 100%}
#view-progress .measurement-field input{box-sizing:border-box;width:100%;min-width:0;height:38px;padding:0 8px;border:1px solid #566a50;border-radius:7px;background:#101a11;color:#fff;font:inherit}
#view-progress .measurement-unit{font-size:11px;color:#b7c8ad}
#view-progress .measurement-hint{font-size:11px;color:#b7c8ad;margin:8px 0 0}
#view-progress .tab-form .button{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;margin:10px auto 0;text-align:center}
#view-progress .tab-entry{padding:9px 0}
#view-progress .measure-history-scroll{overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#c79a75 #273126;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#view-progress .measure-history-scroll::-webkit-scrollbar{width:7px}
#view-progress .measure-history-scroll::-webkit-scrollbar-track{background:#273126;border-radius:9px}
#view-progress .measure-history-scroll::-webkit-scrollbar-thumb{background:#c79a75;border-radius:9px}
#view-progress .measure-history-scroll:focus-visible{outline:2px solid #c79a75;outline-offset:2px}
#view-progress .daily-analytics{margin:10px 0;padding:13px 15px;border-radius:17px}
#view-progress .daily-analytics-head{margin-bottom:9px;align-items:center}
#view-progress .daily-chart-grid{gap:8px}
#view-progress .daily-chart-card{padding:10px;min-width:0}
#view-progress .daily-chart-title{min-height:0;align-items:center;margin-bottom:3px}
#view-progress .daily-chart-title h3{font-size:14px}
#view-progress .daily-chart-scroll{padding:1px 0 0;width:100%;box-sizing:border-box}
#view-progress .daily-plot{width:100%;min-height:0;gap:3px}
#view-progress .daily-plot-track{height:70px}
#view-progress .daily-plot-label{min-height:17px;padding-top:4px}
#view-progress .daily-empty{margin:9px 0}
#view-progress .daily-footnote{margin:9px 0 0}
.goal-weight-action{cursor:pointer;border-radius:8px}
.goal-weight-action:hover{outline:1px solid currentColor;outline-offset:3px}
.goal-weight-action:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#goal-weight-dialog{width:min(370px,calc(100vw - 36px));max-width:none;margin:auto;padding:0;border:1px solid #78916d;border-radius:16px;background:#1b281b;color:#f4f7f0;box-shadow:0 20px 70px #0009}
#goal-weight-dialog::backdrop{background:#050905ae}
.goal-weight-dialog-body{position:relative;padding:22px}
.goal-weight-dialog-body h2{margin:9px 0;font-size:24px;line-height:1.1}
.goal-weight-dialog-body p{font-size:13px;line-height:1.45;color:#c0d0b8;margin:0 0 19px}
.goal-weight-dialog-body .button{width:100%}
.goal-weight-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:inherit;font-size:25px;cursor:pointer}
html[data-theme=light] #view-progress .measurement-date{color:#4b4039}
html[data-theme=light] #view-progress .measurement-date{background:#fffdf9;border-color:#cbb7a8}
html[data-theme=light] #view-progress .measurement-date input,html[data-theme=light] #view-progress .measurement-field input{color:#29231f;border-color:#cbb7a8;color-scheme:light}
html[data-theme=light] #view-progress .measurement-field input{background:#fffdf9}
html[data-theme=light] #view-progress .measurement-field{background:#fcf5ef;border-color:#dfcfc2}
html[data-theme=light] #view-progress .measurement-label{color:#3b3029}
html[data-theme=light] #view-progress .measurement-icon{background-color:#f7f4ec}
html[data-theme=light] #view-progress .measurement-unit{color:#75675d}
html[data-theme=light] #view-progress .measurement-hint{color:#6c5e54}
html[data-theme=light] #view-progress .measure-history-scroll{scrollbar-color:#a84930 #f2e6dc}
html[data-theme=light] #view-progress .measure-history-scroll::-webkit-scrollbar-track{background:#f2e6dc}
html[data-theme=light] #view-progress .measure-history-scroll::-webkit-scrollbar-thumb{background:#a84930}
html[data-theme=light] #goal-weight-dialog{background:#fffaf6;color:#302821;border-color:#d5bba8}
html[data-theme=light] .goal-weight-dialog-body p{color:#69584d}
@media(max-width:520px){
  #app .top-nav{gap:2px;padding-top:6px;margin-bottom:10px}
  #app .top-nav .nav-btn{min-height:43px;padding:6px 2px;font-size:clamp(8px,2.55vw,11px)}
  #view-progress .body-stat{padding:7px 6px}
  #view-progress .body-stat span{font-size:9px}
  #view-progress .body-stat strong{font-size:13px}
  #view-progress .tab-card{padding:11px}
  #view-progress .measure-card{padding:9px}
  #view-progress .measure-heading-row{grid-template-columns:minmax(0,1fr) 104px;gap:6px;margin-bottom:6px}
  #view-progress .measure-card-title h2{font-size:13.5px;letter-spacing:-.45px}
  #view-progress .measurement-date input{height:27px;font-size:10px}
  #view-progress .measurement-field{grid-template-columns:48px minmax(62px,1fr) minmax(67px,100px) 17px;gap:5px;padding:5px 6px;min-height:57px}
  #view-progress .measurement-label{font-size:12px}
  #view-progress .measurement-icon{width:47px;height:47px}
  #view-progress .measurement-field input{height:35px;padding:0 5px}
  #view-progress .daily-analytics{padding:11px;margin:9px 0}
  #view-progress .daily-chart-card{padding:8px}
}