:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d2b3d;background:#e9eef4}*{box-sizing:border-box}body{margin:0;padding:22px 12px 55px}.app{max-width:440px;margin:0 auto;background:white;border-radius:25px;padding:20px;box-shadow:0 10px 40px #20334a1c}header,.progress,.footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-size:19px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#b3c5dc}.panel{margin-top:20px;background:#17283d;border-radius:18px;padding:32px 22px;text-align:center;color:white;min-height:260px;display:flex;flex-direction:column;justify-content:center}.panel h1{font-size:27px;line-height:1.3;margin:22px 0 10px}.panel p{color:#dbe5f1;font-size:16px;line-height:1.4;margin:0}.rule{height:1px;background:#526176;margin:24px 0 13px}#phase{font-size:12px;color:#a9bfd7}.controls{display:flex;align-items:center;justify-content:space-between;margin:22px 0 15px;gap:5px}.controls button{border:0;background:#eff3f7;border-radius:50%;width:48px;height:48px;font-size:17px;cursor:pointer}.controls .primary{width:62px;height:62px;background:#17283d;color:white;font-size:23px}.progress{color:#6a7788;font-size:12px;margin-bottom:10px}#seek{width:100%;accent-color:#17283d;margin-bottom:22px}label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}select{width:100%;border:1px solid #d6dde7;background:white;border-radius:10px;padding:12px;font-size:15px}.footer{align-items:flex-start;margin-top:24px;font-size:12px;color:#677589}.footer button{background:none;border:0;color:#234c79;text-decoration:underline;text-align:right;cursor:pointer}details{font-size:12px;color:#657487;margin-top:25px}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #74a3d6}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:370px){.app{padding:14px}.controls button{width:40px;height:40px}.controls .primary{width:55px;height:55px}}

.lesson-tools{margin-top:14px}.lesson-tools label{margin-top:10px}.lesson-tools .check{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px}.lesson-tools .check input{width:17px;height:17px;accent-color:#17283d}#lesson{font-size:13px}#phase{min-height:18px}