*{box-sizing:border-box}body{margin:0;font-family:Trebuchet MS,Arial,sans-serif;background:linear-gradient(135deg,#fff7fb,#f0fbff);color:#151b3a;line-height:1.55}header{background:linear-gradient(135deg,#ff4f9a,#9657ff);color:#fff;padding:22px}main{max-width:1160px;margin:auto;padding:20px}.card{background:#fff;border-radius:24px;padding:24px;margin:18px 0;box-shadow:0 10px 28px #00000018}.button{display:inline-block;text-decoration:none;text-align:center;color:#fff;padding:13px 19px;border-radius:999px;font-weight:900;font-size:17px;background:#ff4f9a;border:0;cursor:pointer;margin-top:12px}.secondary{background:#6c39d8}.disabled{background:#aaa!important}.lesson{display:grid;grid-template-columns:80px 1fr 190px;gap:18px;align-items:center;background:#fff;border-radius:22px;padding:18px;margin:14px 0;box-shadow:0 8px 22px #00000015}.done{border:3px solid #8cc08c;background:#f4fff4}.progress{height:24px;background:#e6e6e6;border-radius:999px;overflow:hidden}.bar{height:100%;background:#ff4f9a;width:0}.box{background:#eef2ff;border-left:5px solid #6c39d8;padding:14px;border-radius:12px;margin:14px 0}.example{background:#fff7e6;border-left:5px solid #ffb800;padding:14px;border-radius:12px;margin:14px 0}.q{border-top:1px solid #ddd;padding:15px 0}.choice{display:block;border:1px solid #ddd;border-radius:12px;padding:10px;margin:8px 0;background:#fbfcff}.feedback{display:none;padding:11px;border-radius:10px;margin-top:10px}.correct{display:block;background:#e8f5e9;border-left:5px solid #2e7d32}.incorrect{display:block;background:#ffebee;border-left:5px solid #c62828}.scorebox{display:none;background:#eef2ff;padding:14px;border-radius:12px;margin:14px 0}textarea{width:100%;min-height:125px;border:1px solid #bbb;border-radius:14px;padding:12px;font-size:16px;margin:8px 0}.vocab{border-collapse:collapse;width:100%;font-size:14px;margin:14px 0}.vocab th,.vocab td{border:1px solid #ddd;padding:8px;text-align:left}.vocab th{background:#f2eaff}.split{display:grid;grid-template-columns:minmax(320px,42%) 1fr;gap:18px;align-items:start}.passage{position:sticky;top:14px;max-height:78vh;overflow:auto;background:#fff;border:2px solid #eadcff;border-radius:18px;padding:18px}.code{font-family:Consolas,monospace;background:#f8f8f8;border:1px solid #ddd;border-radius:10px;padding:11px;white-space:pre-wrap}.checkrow{display:grid;grid-template-columns:1fr auto auto;gap:10px;border-top:1px solid #ddd;padding:11px 0}.badge{background:#e8f5e9;color:#1b5e20;border-radius:999px;padding:5px 9px;font-weight:900}@media(max-width:800px){.split{grid-template-columns:1fr}.passage{position:relative;max-height:none}.lesson{grid-template-columns:1fr;text-align:center}.button{width:100%}.vocab{display:block;overflow-x:auto}}