:root{font-family:system-ui,sans-serif;color:#242d48;background:#f6f3ff;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;font-size:.8rem;align-items:center}a{color:#5134b9}h1{font-size:clamp(2rem,6vw,3.5rem);color:#5134b9;margin-bottom:8px}h2{font-size:clamp(1.5rem,4vw,2.3rem)}button,select,textarea{font:inherit;border:2px solid #cec4f0;border-radius:14px;padding:12px;min-height:48px}button{cursor:pointer;background:#6243c4;color:white;font-weight:700;box-shadow:0 4px #d4c5f5;margin:5px 8px 8px 0}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true]{background:#117060}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d06104;outline-offset:3px}.settings{display:flex;flex-wrap:wrap;gap:14px;padding:18px;background:#e9e1ff;border-radius:22px;margin:24px 0}.settings label{display:flex;gap:6px;flex-direction:column}.settings label:has(input){flex-direction:row;align-items:center}select{max-width:100%;background:white}#lesson{background:white;border-radius:28px;padding:24px;box-shadow:0 12px 32px #47337914}figure{margin:16px 0;text-align:center;background:#f3f0fb;border-radius:24px;padding:16px}img,video{display:block;max-width:100%;height:auto;max-height:360px;margin:auto;border-radius:20px}video{width:100%;min-height:clamp(180px,42vw,320px);aspect-ratio:16/9;object-fit:contain;background:#16172b}textarea{display:block;width:100%;margin:10px 0}#feedback{font-size:1.4rem;font-weight:700;min-height:2rem}#feedback[data-correct=true]{color:#087b45}#feedback[data-correct=false]{color:#9a3d17}#storage,#downloadStatus{color:#744011}footer{font-size:.85rem;line-height:1.6;margin-top:30px}li{margin:8px 0}[hidden]{display:none!important}@media(max-width:500px){main{padding:14px}#lesson{padding:16px}.settings label{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}