:root{font-family:system-ui,-apple-system,"Noto Sans Malayalam","Malayalam Sangam MN",sans-serif;color:#253b2c;background:#e9ede5;font-synthesis:none;--green:#315c40;--muted:#687568;--line:#e4e9df}*{box-sizing:border-box}body{margin:0;max-width:540px;min-height:100dvh;margin-inline:auto;background:#f5f6f1}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible{outline:3px solid #86a55d;outline-offset:3px}.topbar{position:sticky;top:0;z-index:5;min-height:64px;background:#f5f6f1f5;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:18px 20px;padding-top:max(18px,env(safe-area-inset-top));backdrop-filter:blur(12px)}.topbar h1{margin:0;font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.5px}main{padding:18px 16px calc(105px + env(safe-area-inset-bottom))}.day-summary{display:flex;align-items:center;justify-content:space-between;gap:10px}.day-summary p{font-size:12px;color:var(--muted);margin:0 0 5px}.day-summary h2{font-size:17px;line-height:1.5;margin:0;font-weight:650}#exercise-count{color:var(--muted);font-size:11px;white-space:nowrap}.progress-section{margin:12px 0 10px}.progress-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#5e6d5b}#reset{min-height:44px;padding:8px 0 8px 10px;border:0;background:none;color:#65765a;font-size:11px}progress{display:block;width:100%;height:5px;border:0;border-radius:8px;overflow:hidden;background:#e2e8da}progress::-webkit-progress-bar{background:#e2e8da}progress::-webkit-progress-value{background:#638748;border-radius:8px}progress::-moz-progress-bar{background:#638748}.session-cue{margin:12px 0 16px;color:#65745c;font-size:12px}.session-cue summary{cursor:pointer;padding:7px 0;min-height:36px}.session-cue p{font-size:14px;line-height:1.9;margin:5px 0 12px;padding:12px;background:#eaf0e2;border-radius:10px}#exercises{display:grid;gap:16px}.exercise{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;position:relative}.exercise-head{padding:17px 16px 7px;display:flex;gap:10px;align-items:flex-start}.number{flex:none;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eff3e9;color:#62765a;font-size:12px;font-weight:600}.exercise-title{min-width:0;flex:1}.exercise h3{font-size:16px;font-weight:650;line-height:1.7;margin:0}.equipment{margin:3px 0 0;font-size:11px;color:#687568}.exercise-dose{font-size:12px;margin:0;padding:0 16px 12px 53px;color:#617356;line-height:1.7}.demo{position:relative;display:grid;place-items:center;background:white;border-top:1px solid #f0f2eb;min-height:240px}.demo img,.demo video{width:100%;height:270px;display:block;object-fit:contain}.enlarge{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #e1e7dc;border-radius:12px;color:var(--green);background:#ffffffed}.exercise-note{margin:0;padding:14px 16px;font-size:14px;line-height:1.9;color:#56674f;background:#fafbf7;border-top:1px solid #eef1e7}.check{display:flex;align-items:center;justify-content:center;gap:9px;position:absolute;bottom:0;left:0;width:100%;height:53px;background:#fff;border:0;border-top:1px solid var(--line);color:#4c6544}.check span{width:22px;height:22px;border:1.5px solid #b8c7ab;border-radius:50%;display:grid;place-items:center;color:transparent}.check b{font-size:13px;font-weight:600}.check[aria-pressed=true]{background:#eaf2e1;color:#315c40}.check[aria-pressed=true] span{background:#315c40;color:#fff;border-color:#315c40}.exercise{padding-bottom:53px}.exercise.done{border-color:#a6bd92}.alternative{margin:12px 16px;padding:12px;min-height:48px;border:1px solid #b7c7a9;background:#eff5e8;border-radius:10px;color:#355b3b;font-size:13px;line-height:1.8;width:calc(100% - 32px);text-align:left}.days{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:540px;z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;background:#fffffff5;border-top:1px solid #dce4d5;padding:9px 8px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #243a2610;backdrop-filter:blur(12px)}.day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:0;border-radius:13px;min-height:60px;padding:5px 1px;color:#72806a;font-size:10px;white-space:nowrap}.day-number{font-family:system-ui,sans-serif;width:28px;height:28px;display:grid;place-items:center;font-size:17px;font-weight:600;border-radius:9px}.day[aria-pressed=true]{background:#eaf1e2;color:#315c40}.day[aria-pressed=true] .day-number{background:#315c40;color:white}#completion{background:#e6efdc;color:#355d36;padding:20px 16px;border-radius:14px;text-align:center;font-size:15px;line-height:1.8}dialog{width:min(520px,calc(100% - 20px));max-height:90dvh;border:0;border-radius:20px;background:#fff;color:#253b2c;padding:16px}dialog::backdrop{background:#132718b8}.dialog-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dialog-header h2{font-size:16px;line-height:1.8;margin:0;flex:1}.close-demo{width:44px;height:44px;flex:none;border:0;border-radius:50%;background:#eef3e7;color:#355b3b;font-size:20px}.dialog-media img,.dialog-media video{width:100%;max-height:60dvh;height:auto;object-fit:contain;display:block}.dialog-note{font-size:14px;line-height:1.9;color:#56674f;margin-bottom:0}@media(min-width:541px){body{box-shadow:0 0 50px #233a2510}.demo img,.demo video{height:310px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
