body{min-height:100dvh;background:#0d1722}
main{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
.app-view[hidden]{display:none!important}
.view-heading{padding:20px 2px 8px}.view-heading p{margin:8px 0}
.card{box-shadow:none}.hero,.insight{background:#162b36}
.footer{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px max(8px,calc((100vw - 760px)/2)) calc(8px + env(safe-area-inset-bottom));z-index:20}
.footer.hidden{display:none!important}
.nav-item{min-width:0;min-height:52px;border:0;border-radius:12px;background:transparent;color:#adc1ce;font-size:12px;font-weight:650;padding:8px 2px;touch-action:manipulation}
.nav-item.active{background:#24443f;color:#9ff1cc}.nav-item:active{background:#2b4b48}
.workout-actions{display:flex;gap:8px;position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));background:#0d1722ed;padding:10px 0;z-index:5}.workout-actions .btn{flex:1}
.app-view:focus{outline:none}
body.focus-mode[data-view="estadisticas"] .insight,body.focus-mode[data-view="historial"] #history{display:block!important}
body.focus-mode .workout-actions{display:flex}
button:focus-visible{outline:3px solid #9ff1cc;outline-offset:2px}
#accountActions .btn{min-height:48px}
.stat strong,.insight-tile strong{font-variant-numeric:tabular-nums}
@media(max-width:440px){.nav-item{font-size:11px}.workout-actions .btn{font-size:13px;padding:12px 8px}.view-heading h1{font-size:27px}}