*{box-sizing:border-box}body{margin:0;font-family:"Trebuchet MS",Arial,sans-serif;background:linear-gradient(135deg,#fff7fb,#eef7ff);color:#18203a;line-height:1.55}
header{background:linear-gradient(135deg,#ff4f9a,#6c39d8);color:#fff;padding:22px}main{max-width:1180px;margin:auto;padding:20px}.card{background:#fff;border-radius:24px;padding:24px;margin:18px 0;box-shadow:0 10px 28px rgba(0,0,0,.09)}
.button{display:inline-block;text-align:center;text-decoration:none;color:#fff;padding:14px 20px;border-radius:999px;font-weight:900;font-size:18px;background:#ff4f9a;border:0;cursor:pointer;margin-top:12px}.button.secondary{background:#6c39d8}.button.disabled{background:#aaa}
.lesson-card{display:grid;grid-template-columns:90px 1fr 210px;gap:18px;align-items:center;border:3px solid #fff;border-radius:24px;background:#fff;padding:18px;margin:16px 0;box-shadow:0 8px 24px rgba(0,0,0,.08)}.lesson-icon{font-size:50px;text-align:center}.lesson-card.done{border-color:#8cc08c;background:#f4fff4}
.progress{height:24px;background:#e5e5e5;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:16px 0}.choice{display:block;padding:11px;border:1px solid #ddd;border-radius:12px;margin:8px 0;background:#fbfcff}.feedback{display:none;padding:12px;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;border:1px solid #c8d2f0;border-radius:12px;padding:14px;margin-top:14px}
textarea{width:100%;min-height:135px;border:1px solid #bbb;border-radius:14px;padding:12px;font-size:16px;margin:8px 0}.vocab{border-collapse:collapse;width:100%;font-size:15px;margin:16px 0}.vocab th,.vocab td{border:1px solid #ddd;padding:9px;text-align:left}.vocab th{background:#f3ebff}.code{font-family:Consolas,monospace;background:#f8f8f8;border:1px solid #ddd;border-radius:12px;padding:12px;white-space:pre-wrap;margin:10px 0}.badge{display:inline-block;background:#e8f5e9;color:#1b5e20;border:1px solid #8cc08c;border-radius:999px;padding:5px 10px;font-weight:900}.study-item{padding:8px 0;border-bottom:1px solid #ddd}.small{font-size:14px;color:#555}
@media(max-width:800px){.lesson-card{grid-template-columns:1fr;text-align:center}.button{width:100%}.vocab{font-size:13px;display:block;overflow-x:auto}}