/* Mobile layout shared by the embedded application and its standalone mobile view. */
@media(max-width:700px){
 html{overflow-x:hidden;scroll-padding-bottom:80px}body{height:auto!important;min-height:100svh;width:100%;max-width:100%;overflow-x:hidden;padding-bottom:78px!important}*,*:before,*:after{box-sizing:border-box}main{width:100%;min-width:0;padding:12px!important;height:auto!important;gap:16px!important}.layout,.left,.right,.bottom{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:14px!important;min-width:0;height:auto!important;min-height:0!important}.layout>*{min-width:0}.left>*,.right>*,.bottom>*{min-height:0!important;max-height:none!important}.card{height:auto!important;min-height:0!important;max-height:none!important;padding:16px!important;border-radius:17px!important;overflow:visible!important;background:linear-gradient(140deg,#0b1a24,#061018)!important;box-shadow:0 7px 25px #0002}.card:hover{transform:none!important}.section-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;min-height:0!important;margin-bottom:12px}.section-title h3,.card>h3{font-size:15px!important;line-height:1.35;letter-spacing:-.025em;margin:0}.section-title button,.section-title select{max-width:100%;font-size:10px!important;padding:7px 9px!important;border-radius:9px!important;min-height:30px}.card p{font-size:12px;line-height:1.55}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.metric{min-height:108px!important;padding:12px!important;position:relative;overflow:hidden!important}.metric h3{font-size:18px!important}.metric p{font-size:9px!important;margin:6px 0!important}.metric em{font-size:8px!important}.metric>span .icon{width:21px!important;height:21px!important}.metric>svg:not(.icon){height:25px!important;max-width:70%;pointer-events:none}.hero{min-height:0!important;padding:19px!important}.hero h2{font-size:27px!important;line-height:1.15;overflow-wrap:anywhere}.hero p{font-size:11px!important}.hero button{font-size:11px!important;padding:10px 12px!important;margin-top:16px!important}.hero small{font-size:8px!important;letter-spacing:.15em}.program-content{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;flex:none!important;height:auto!important;min-height:0!important;padding-top:5px!important;position:relative}.runner-image{width:72px!important;height:145px!important;min-height:0!important;align-self:start!important;border-radius:12px!important;background-size:cover!important;background-position:center!important}.program-content>div:not(.runner-image){min-width:0}.program-content h3{font-size:14px!important;line-height:1.35;margin:0!important}.program-content h3 .icon{height:17px!important;width:17px!important}.program-content p{font-size:10px!important;margin:7px 0 10px!important}.program label{display:flex!important;align-items:flex-start;gap:7px!important;font-size:10px!important;line-height:1.55;margin:8px 0!important;white-space:normal}.program label input{width:14px!important;height:14px!important;flex:0 0 14px;margin:1px 0 0!important}.program-content .play{position:static!important;grid-column:1/-1;justify-self:stretch;width:100%!important;height:35px!important;min-height:35px!important;border-radius:10px!important;padding:7px!important;margin:2px 0 0!important;transform:none!important}.program-content .play .icon{width:18px!important;height:18px!important}.nutrition-content,.activity-content{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:center!important;gap:14px!important;height:auto!important;flex:none!important;padding-top:8px!important;min-height:0!important}.nutrition-content>div{height:auto!important;min-width:0}.nutrition-content ul,.activity-content ul{min-width:0;width:100%!important;padding:0!important;margin:0!important;list-style:none}.nutrition-content li,.activity-content li{display:flex!important;align-items:center!important;gap:5px!important;padding:9px 0!important;font-size:10px!important;line-height:1.4;flex-wrap:wrap}.nutrition-content li b,.activity-content li b{font-size:10px!important;margin-left:auto;white-space:nowrap}.nutrition-content li .icon,.activity-content li .icon{width:14px!important;height:14px!important;flex-shrink:0}.legend-dot{width:6px!important;height:6px!important}.nutrition-content>div>p{font-size:9px!important;margin:9px 0 0!important}.ring,.nutrition-ring,.activity-content>.ring,.recovery-ring{position:relative;width:100%!important;max-width:135px!important;min-width:0!important;height:auto!important;max-height:none!important;aspect-ratio:1!important;flex:none!important;align-self:center;justify-self:center;margin:0 auto!important;border-radius:50%!important}.ring:before{inset:9px!important;border-radius:50%!important}.ring strong{font-size:22px!important;line-height:1.1!important;white-space:nowrap}.ring small{font-size:9px!important;line-height:1.5!important}.ring strong .percent{display:inline!important;font-size:13px!important}.weekly .bars{height:160px!important;min-height:160px!important;max-height:160px!important;margin-top:20px!important}.bars>div{min-width:0!important}.bars span{font-size:9px!important}.bars i{width:16px!important;max-width:80%!important}.performance .chart{height:150px!important;min-height:150px!important;flex-basis:auto!important;margin-top:14px!important}.chart svg{width:100%!important;max-width:100%!important;height:100%!important}.chart-labels{font-size:8px!important}.quick>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important;height:auto!important;flex:none!important}.quick button{min-height:66px!important;padding:10px 4px!important}.quick span{font-size:9px!important}.quick .icon{width:21px!important;height:21px!important}
 aside{padding:14px 12px!important;width:100%;height:auto!important}.brand{gap:8px!important}.brand .logo-mark{width:31px!important;height:26px!important}.brand span{font-size:10px!important;letter-spacing:.18em!important}.devices{display:flex!important;gap:5px!important;padding-top:14px!important;overflow:hidden!important}.devices h3{display:none!important}.devices p{min-width:0!important;flex:1!important;display:flex!important;align-items:center;gap:4px!important;font-size:8px!important;margin:0!important}.devices .icon{width:20px!important;height:20px!important;flex-shrink:0}.devices p span{font-size:7px!important;line-height:1.5!important;overflow-wrap:anywhere}.profile{padding-top:13px!important;margin-top:12px!important;font-size:11px!important}.profile img{width:26px!important;height:26px!important}header{position:relative!important;min-height:0!important;gap:8px!important;align-items:start!important;flex-wrap:wrap!important;margin-bottom:5px!important}header h1{font-size:24px!important;line-height:1.2!important;margin:0!important}header p{font-size:10px!important;margin:6px 0!important}.tools{position:static!important;gap:5px!important;margin-left:auto}.tools .icon{width:17px!important;height:17px!important}.tools input,.tools small{display:none!important}.tools #sync{font-size:9px!important;padding:7px!important}.tools>button{position:static!important;width:30px!important;height:30px!important;min-width:0!important;padding:6px!important}.tools>button:first-child{display:none!important}
 aside>nav{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-content:stretch!important;gap:0!important;padding:5px 5px max(8px,env(safe-area-inset-bottom))!important;background:#08151ff5!important;backdrop-filter:blur(16px);border-top:1px solid #294555!important;z-index:60!important;overflow:hidden!important}aside>nav button{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:5px!important;padding:8px 0!important;margin:0!important;min-width:0!important;width:100%!important;min-height:48px!important;border-radius:10px!important;transform:none!important}aside>nav button:nth-child(n+5){display:none!important}aside>nav .icon{width:21px!important;height:21px!important;flex:0 0 auto!important}aside>nav button span{font-size:8px!important;white-space:nowrap!important;line-height:1.2!important}aside>nav button.active{box-shadow:inset 0 0 0 1px #4f9fc1!important;background:#15354b!important}
 img,video,canvas,svg{max-width:100%}.session-card,.recovery-card,.exercise-card,.meal,.nutrition-stat{min-width:0;max-width:100%}.profile-dialog,.device-dialog,dialog{max-width:calc(100vw - 24px)!important;max-height:calc(100svh - 24px)!important;overflow:auto!important}.app-toast-polish{font-size:10px!important;bottom:80px!important}
}
@media(max-width:340px){.nutrition-content,.activity-content{gap:9px!important}.ring strong{font-size:19px!important}.ring:before{inset:7px!important}.card{padding:13px!important}.section-title h3{font-size:14px!important}.nutrition-content li,.activity-content li{font-size:9px!important}.program-content{grid-template-columns:62px minmax(0,1fr)!important;gap:10px!important}.runner-image{width:62px!important;height:140px!important}}