:root{color:#17211f;background:#eef4f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}main{width:min(100%,520px);margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 14px 28px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.brand{display:flex;align-items:center;gap:12px}.logo{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;color:#f8faf9;background:#0f766e;box-shadow:0 12px 28px #0f766e38}.brand p,.sessionSummary p{margin:0 0 2px;color:#5f6f6b;font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:0}h1{font-size:1.62rem;line-height:1.05}.iconButton{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:8px;color:#0f766e;background:#dcebe6}.iconButton.active{color:#fff;background:#15803d}.iconButton.ghost{color:#17211f;background:#fff}.heroPanel{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:10;padding:14px;border:1px solid #d7e5df;border-radius:8px;background:linear-gradient(135deg,#ffffffeb,#ffffffc2),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='320' viewBox='0 0 560 320'%3E%3Crect width='560' height='320' fill='%23f5faf7'/%3E%3Cg fill='none' stroke='%230f766e' stroke-width='12' stroke-linecap='round' opacity='.16'%3E%3Cpath d='M86 216h388M138 216v-72M422 216v-72M180 144h200M212 144v-34M348 144v-34'/%3E%3Cpath d='M164 110h232M134 130h292M112 150h336'/%3E%3C/g%3E%3Cg fill='%23d97706' opacity='.16'%3E%3Crect x='68' y='70' width='88' height='28' rx='6'/%3E%3Crect x='404' y='70' width='88' height='28' rx='6'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;box-shadow:0 18px 45px #2d413b1f}.personSwitch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding:4px;border-radius:8px;background:#ffffffbf}.personSwitch button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:6px;color:#52625e;background:transparent;font-weight:800}.personSwitch button.selected{color:#fff;background:#0f766e}.sessionSummary{display:flex;align-items:center;justify-content:space-between;gap:16px}.sessionSummary h2{max-width:320px;font-size:1.38rem;line-height:1.15}.ring{display:grid;place-items:center;width:72px;height:72px;flex:0 0 auto;border-radius:50%;background:conic-gradient(#0f766e var(--value),#dcebe6 0)}.ring span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;font-size:.95rem;font-weight:900}.metaGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.metaGrid div{display:flex;min-height:50px;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:8px;color:#34443f;background:#ffffffd1;font-size:.82rem;font-weight:800;text-align:center}.syncBadge.saved{color:#0f5132}.syncBadge.offline{color:#7f1d1d}.sessionNav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin-top:12px}.sessionNav button{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#17211f;background:#ffffffe6}input[type=range]{width:100%;accent-color:#0f766e}.sectionTitle{display:flex;align-items:center;gap:8px;margin:18px 0 10px;color:#21302c}.sectionTitle h2{font-size:1.05rem}.exerciseList{display:grid;gap:10px}.exercise{padding:14px;border:1px solid #dce8e2;border-radius:8px;background:#fff;box-shadow:0 10px 28px #2d413b14}.machineImage{display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;margin-bottom:12px;overflow:hidden;border-radius:8px;background:#f6fbf8}.machineImage img{display:block;width:100%;height:100%;object-fit:cover}.exercise.is-done{border-color:#9bd3ae}.exerciseHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.exercise h3{font-size:1.02rem;line-height:1.2}.exercise p{margin:4px 0 0;color:#66736f;font-size:.9rem;font-weight:700}.increase{display:flex;align-items:center;gap:7px;margin-top:12px;padding:10px;border-radius:8px;color:#713f12;background:#fff3d6;font-size:.9rem;font-weight:800}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}label span{display:block;margin-bottom:5px;color:#65736f;font-size:.76rem;font-weight:800;text-transform:uppercase}input,select{width:100%;border:1px solid #cad8d2;border-radius:8px;color:#17211f;background:#fbfdfc;outline:none}input,select{min-height:42px;padding:0 10px}input:focus,select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e26}.progress{margin-top:16px}.progressList{overflow:hidden;border:1px solid #dce8e2;border-radius:8px;background:#fff}.progressRow{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;min-height:48px;padding:10px 12px;border-bottom:1px solid #edf3f0}.progressRow:last-child{border-bottom:0}.progressRow span{min-width:0;font-size:.9rem;font-weight:800}.progressRow strong,.progressRow em{white-space:nowrap;font-size:.86rem}.progressRow em{color:#0f766e;font-style:normal;font-weight:900}@media(max-width:390px){main{padding-inline:10px}.metaGrid{grid-template-columns:1fr}.fields{grid-template-columns:1fr 1fr}}