@media screen and (max-width:699px){html{--gymbro-mobile-dashboard-compat:loaded}.gymbro-app[data-surface=dashboard]{position:relative;display:flex;width:100%;flex-direction:column;height:100svh;height:100dvh;min-height:0;overflow:hidden}.gymbro-app[data-surface=dashboard] .app-surface-transition{flex:1 1 auto;height:auto;min-height:0}.gymbro-app[data-surface=dashboard] .app-surface-content{width:100%;height:100%;min-height:0}.gymbro-app[data-surface=dashboard] .dashboard-shell{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;padding:max(7px,var(--safe-area-top,env(safe-area-inset-top,0px))) max(6px,var(--safe-area-right,env(safe-area-inset-right,0px))) 0 max(6px,var(--safe-area-left,env(safe-area-inset-left,0px)));overflow:hidden}.dashboard-shell .dashboard-controls{position:relative;z-index:4;display:flex;flex:0 0 auto;min-height:102px;flex-direction:column;align-items:center;gap:6px}.dashboard-shell .dashboard-workout-actions{display:flex;width:100%;padding:clamp(4px,1.2dvh,10px) 2px 4px;flex:0 0 auto;justify-content:center}.dashboard-shell .dashboard-action-row,.dashboard-shell .dashboard-compact-row{display:grid;width:min(100%,460px);min-width:0;gap:7px}.dashboard-shell .dashboard-action-row{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr)}.dashboard-shell .dashboard-compact-row{grid-template-columns:minmax(116px,1fr) minmax(130px,1fr)}.dashboard-shell .dashboard-workout-trigger,.dashboard-shell .recommendation-trigger{grid-row:auto;grid-column:auto}.dashboard-shell .dashboard-view-switch{width:100%;min-width:0}.dashboard-shell .anatomy-stage,.dashboard-shell .map-column,.dashboard-shell .map-transition,.dashboard-shell .workspace{width:100%;height:100%;min-height:0}.dashboard-shell .anatomy-stage,.dashboard-shell .workspace{overflow:hidden}.dashboard-shell .workspace{flex:1 1 auto}.dashboard-shell .dashboard-anatomy-frame{position:relative;width:100%;height:100%;min-width:0;min-height:0}.dashboard-shell .dashboard-anatomy-frame .map-transition{height:100%}.dashboard-shell .dashboard-view-controls{position:absolute;z-index:5;inset:0;pointer-events:none}.dashboard-shell .dashboard-view-control{position:absolute;top:49%;display:flex;width:clamp(44px,12vw,56px);height:clamp(88px,18dvh,116px);padding:11px 4px 10px;translate:0 -50%;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(239,242,236,.12);border-radius:48% 48% 44% 44%/32% 32% 34% 34%;background:linear-gradient(180deg,rgba(43,46,43,.72),rgba(24,26,25,.78));color:#777d78;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto;touch-action:manipulation}.dashboard-shell .dashboard-view-control[data-side=front]{left:clamp(0px,1.4vw,18px)}.dashboard-shell .dashboard-view-control[data-side=back]{right:clamp(0px,1.4vw,18px)}.dashboard-shell .dashboard-view-control svg{width:18px;height:24px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.dashboard-shell .dashboard-view-control b{font-size:10.5px;font-weight:690}.dashboard-shell .dashboard-view-indicator{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.68}.dashboard-shell .dashboard-view-control[data-active=true]{border-color:rgba(229,235,227,.48);background:linear-gradient(180deg,rgba(54,59,55,.88),rgba(31,34,32,.9));color:var(--ink,#f2f3ef);box-shadow:0 0 0 1px rgba(226,233,225,.08),0 0 24px rgba(206,218,208,.13),inset 0 1px rgba(255,255,255,.09)}.dashboard-shell .dashboard-workout-trigger{width:min(100%,460px);min-height:48px;border-radius:16px}.dashboard-shell .anatomy-canvas>svg{width:118%;height:113%;min-width:0;min-height:0;transform:translateX(var(--view-shift-x,0)) translateY(calc(5% - 1px))}.dashboard-shell .workspace[data-has-selection=true] .anatomy-canvas>svg{transform:translateX(var(--view-shift-x,0)) translateY(-3%)}.dashboard-shell .detail-shell[data-open=true]{bottom:var(--dashboard-podium-height,calc(72px + env(safe-area-inset-bottom, 0px)))}.gymbro-app>.dashboard-podium{position:relative;z-index:45;inset:auto;display:block;width:100%;flex:0 0 var(--dashboard-podium-height,calc(72px + env(safe-area-inset-bottom, 0px)));height:var(--dashboard-podium-height,calc(72px + env(safe-area-inset-bottom, 0px)));padding:4px max(12px,var(--safe-area-right,env(safe-area-inset-right,0px))) 0 max(12px,var(--safe-area-left,env(safe-area-inset-left,0px)));visibility:visible;opacity:1;pointer-events:none}.dashboard-podium-blocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;width:min(100%,430px);height:calc(100% - var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)));margin:0 auto;padding:3px 4px 5px;border:1px solid rgba(239,242,236,.1);border-radius:20px;background:linear-gradient(180deg,rgba(35,38,36,.92),rgba(26,28,27,.94));box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.dashboard-podium button{position:relative;display:flex;min-width:0;min-height:56px;padding:5px 4px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid transparent;border-radius:14px;background:transparent;color:#858a86;box-shadow:none}.dashboard-podium button[data-primary=true]{color:var(--ink,#f2f3ef)}.dashboard-podium button[data-primary=true]:before{position:absolute;z-index:0;inset:4px 6px;border:1px solid rgba(239,242,236,.08);border-radius:12px;background:rgba(108,115,109,.18);content:""}.dashboard-podium svg{position:relative;z-index:1;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.dashboard-podium button[data-primary=true] svg,.dashboard-podium svg{width:20px;height:20px}.dashboard-podium button>span{position:relative;z-index:1;font-size:10.5px;font-weight:690;letter-spacing:-.01em;white-space:nowrap}}@media screen and (max-width:699px) and (display-mode:standalone){.gymbro-app,.gymbro-app[data-surface=dashboard],html.gymbro-shell-active,html.gymbro-shell-active body{height:100vh}}@media screen and (max-width:699px) and (min-height:900px){.dashboard-shell .anatomy-canvas>svg{transform:translateX(var(--view-shift-x,0)) translateY(7%)}.dashboard-shell .workspace[data-has-selection=true] .anatomy-canvas>svg{transform:translateX(var(--view-shift-x,0)) translateY(-2%)}}@media screen and (max-width:370px){.dashboard-shell .view-switch{width:116px}}@media screen and (max-width:430px) and (min-width:371px){.dashboard-shell .view-switch{width:140px}}@media screen and (max-width:699px) and (max-height:740px){.dashboard-shell .anatomy-canvas>svg{transform:translateX(var(--view-shift-x,0)) translateY(3.5%)}.dashboard-shell .workspace[data-has-selection=true] .anatomy-canvas>svg{transform:translateX(var(--view-shift-x,0)) translateY(-4%)}}@media screen and (max-width:699px) and (max-height:650px){.dashboard-shell .workspace[data-has-selection=true] .anatomy-canvas>svg{--selected-muscle-shift-y:-16%;width:110%;height:94%;transform:translateX(var(--view-shift-x,0)) translateY(var(--selected-muscle-shift-y))}.dashboard-shell .workspace[data-selection-zone=middle] .anatomy-canvas>svg{transform:translateX(var(--view-shift-x,0)) translateY(-46%)}.dashboard-shell .workspace[data-selection-zone=lower] .anatomy-canvas>svg{transform:translateX(var(--view-shift-x,0)) translateY(-65%)}.dashboard-shell .workspace[data-selection-zone=distal] .anatomy-canvas>svg{transform:translateX(var(--view-shift-x,0)) translateY(-100%)}}