:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#172033;background:#f4f6f9}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:16px 16px 92px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 18px}h1{font-size:28px;margin:2px 0}h3{margin:0 0 10px}small,.muted{color:#687386;display:block;margin-top:4px;line-height:1.35}input,select,textarea,button{font:inherit;border:1px solid #d8dee8;border-radius:12px;padding:11px;background:white;min-height:46px}button{font-weight:750}.session-progress{font-size:13px;color:#17365d;background:#eaf1f8;display:inline-block;padding:5px 9px;border-radius:999px;margin-top:8px}article,.card,.frame{background:white;border-radius:18px;padding:14px;margin:12px 0;box-shadow:0 2px 10px #0000000a}.exercise.completed{border:1px solid #cfe3d3;background:#fbfefb}.row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.row strong{white-space:nowrap;color:#17365d;font-size:18px}.why{color:#687386}.inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.inputs label{grid-column:span 2;font-size:13px;display:flex;align-items:center;gap:6px}.inputs .done{background:#17365d;color:white}.frame{display:grid;grid-template-columns:120px 1fr;gap:10px;background:#eaf1f8}.exercise details{margin-top:8px}.exercise summary{cursor:pointer;color:#17365d;font-weight:700;font-size:13px}.history-day{background:white;border-radius:18px;margin:12px 0;box-shadow:0 2px 10px #0000000a;overflow:hidden}.history-day>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer}.history-day>summary::-webkit-details-marker{display:none}.history-day>summary span{font-size:24px;color:#8b95a4}.history-items{border-top:1px solid #edf0f4;padding:0 16px}.history-items>div,.metric-list>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f4}.history-items>div:last-child{border-bottom:0}.history-items span,.metric-list span{color:#5d6878;text-align:right}.trend p{font-size:22px;margin:6px 0;color:#17365d}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}form{display:grid;gap:10px}.nutri-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #edf0f4}.nutri-row input{min-height:auto;margin-top:3px}.nutri-row span{flex:1}.import{display:inline-block;margin-left:8px;border:1px solid #d8dee8;border-radius:12px;padding:10px;background:white;font-weight:700}.import input{display:none}nav{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;background:#fff;border-top:1px solid #e0e5ec;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));z-index:10}nav button{border:0;background:transparent;font-size:12px;padding:9px 12px;color:#6b7480;min-height:auto}nav button.on{color:#17365d;background:#eaf1f8}@media(max-width:560px){main{padding:12px 12px 88px}.inputs{grid-template-columns:repeat(3,minmax(0,1fr))}.row{flex-direction:column}.frame{grid-template-columns:1fr}.history-items>div,.metric-list>div{flex-direction:column}.history-items span,.metric-list span{text-align:left}.two{grid-template-columns:1fr 1fr}nav button{padding:8px 9px}header input[type=date]{max-width:180px}}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpis>div{background:white;border-radius:16px;padding:13px;box-shadow:0 2px 10px #0000000a}.kpis b{font-size:20px;display:block;color:#17365d;margin:4px 0}.kpis em{font-size:11px;color:#6b7480;font-style:normal}.spark{width:100%;height:130px;color:#17365d;background:linear-gradient(#fff,#f8fbfe);border-radius:12px}.chart-axis{display:flex;justify-content:space-between;font-size:11px;color:#7b8491}.chart-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.insight{border-left:4px solid #17365d}.metric-row,.history-line{display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center}.icon{border:0;background:transparent;min-height:auto;padding:6px 9px;font-size:20px}.danger{color:#a33}.history-value{color:#5d6878;text-align:right}.ring{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#eaf1f8;color:#17365d;font-weight:800}.count{font-size:12px;color:#687386;font-weight:600}.empty-chart{padding:28px 10px;text-align:center;color:#7b8491;background:#f8fafc;border-radius:12px}@media(max-width:560px){.metric-row,.history-line{grid-template-columns:1fr auto!important}.metric-row>span,.history-line>.history-value{grid-column:1/2}.metric-row>.icon,.history-line>.icon{grid-column:2;grid-row:1/3}.kpis{grid-template-columns:1fr 1fr}}

.actions{display:flex;gap:2px;align-items:center}.edit-metric,.edit-history{color:#17365d}.metric-row .actions,.history-line .actions{justify-self:end}@media(max-width:560px){.metric-row>.actions,.history-line>.actions{grid-column:2;grid-row:1/3}}
.readiness{border-left:4px solid #17365d}.readiness-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.readiness-inputs button{background:#17365d;color:#fff}@media(max-width:560px){.readiness-inputs{grid-template-columns:1fr 1fr}}

.readiness-field{margin:12px 0}.readiness-field>b{display:block;margin-bottom:7px}.choice-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px}.choice{min-height:38px;padding:8px 10px;white-space:nowrap;font-size:12px;background:#f7f9fc}.choice.selected{background:#17365d;color:white;border-color:#17365d}.primary{width:100%;background:#17365d;color:white;margin-top:8px}.plan-order{padding:10px 4px;margin:4px 0 10px}.plan-order small{font-size:10px;letter-spacing:.12em}.plan-order b{display:block;color:#17365d}.athletic-block{background:#f0f6fb;border-left:4px solid #17365d;border-radius:16px;padding:13px;margin:12px 0}.athletic-block h3{color:#17365d}.block-line{display:grid;grid-template-columns:1fr;gap:3px;padding:10px 0;border-bottom:1px solid #dfe9f2}.block-line:last-child{border-bottom:0}.block-line span{color:#3f4b5b}.section-title{margin:18px 2px 6px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.chips span{background:#eaf1f8;color:#17365d;padding:7px 9px;border-radius:999px;font-size:12px;font-weight:700}.skill-card{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:13px 0;border-bottom:1px solid #edf0f4}.skill-card>small,.skill-card>button{grid-column:1/-1}.skill-card button{justify-self:start;min-height:36px;padding:7px 10px}.set-bars>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf0f4}.set-bars b{color:#17365d}
@media(max-width:560px){.choice-row{margin-right:-12px;padding-right:12px}.readiness .row{flex-direction:row}.skill-card{grid-template-columns:1fr auto}}