[hidden]{display:none!important}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;background:#f4faf7;color:#123;padding-bottom:env(safe-area-inset-bottom)}
header{background:#127a5a;color:#fff;padding:12px 16px;display:flex;gap:10px;align-items:center;position:sticky;top:0;z-index:5}
.brand{color:#fff;text-decoration:none;font-weight:700;font-size:20px;flex:1}.pill{background:#fac828;color:#123;border-radius:10px;padding:2px 8px;font-size:12px}
main{max-width:720px;margin:auto;padding:12px}footer{text-align:center;font-size:13px;padding:20px;color:#567}
.card{background:#fff;border-radius:14px;padding:14px;margin:10px 0;box-shadow:0 1px 4px #0002}
a.card{display:block;color:inherit;text-decoration:none}.badge{background:#fac828;border-radius:8px;padding:2px 8px;font-size:12px;margin-left:6px}
.step{border-left:5px solid #127a5a}.step.done{opacity:.6;border-color:#fac828}
.bar{height:8px;background:#ddd;border-radius:5px;margin:6px 0}.bar div{height:100%;background:#127a5a;border-radius:5px}
.coach{background:#eaf6ff;border-radius:14px;padding:12px;margin-top:14px}.coach textarea{width:100%;min-height:70px;font:inherit;padding:8px;border-radius:8px;border:1px solid #bcd}
button{background:#127a5a;color:#fff;border:0;border-radius:10px;padding:10px 16px;font:inherit;cursor:pointer;min-height:44px}button:disabled{opacity:.5}
button.alt{background:#fac828;color:#123}.ans{white-space:pre-wrap;margin-top:8px}small.muted{color:#567}
video,iframe{width:100%;border-radius:10px;border:0}iframe{aspect-ratio:16/9}
#modal{position:fixed;inset:0;background:#0008;display:flex;align-items:flex-end;justify-content:center;z-index:10}
#modal .sheet{background:#fff;border-radius:18px 18px 0 0;padding:20px;max-width:520px;width:100%}
.sheet input{width:100%;padding:10px;border-radius:8px;border:1px solid #bcd;font:inherit;margin:8px 0}
.plan{border:2px solid #127a5a;border-radius:12px;padding:12px;margin:8px 0}.plan a{font-weight:700}.err{color:#b00}.ok{color:#127a5a}

.lang{position:relative}#langBtn{background:transparent;font-size:22px;padding:6px 8px;min-width:44px}
#langMenu{position:absolute;top:100%;inset-inline-end:0;list-style:none;margin:6px 0 0;padding:6px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0004;z-index:20;max-height:70vh;overflow:auto;min-width:160px}
#langMenu button{display:block;width:100%;text-align:start;background:none;color:#123;padding:8px 12px;min-height:40px}#langMenu button:hover,#langMenu button[aria-checked=true]{background:#eaf6ff}
[dir=rtl] .step{border-left:0;border-right:5px solid #127a5a}[dir=rtl] .step.done{border-color:#fac828}[dir=rtl] .badge{margin-left:0;margin-right:6px}