:root{font-family:system-ui,-apple-system,sans-serif;color:#30443e;background:#fff6e7}*{box-sizing:border-box}body{margin:0}header{max-width:900px;margin:auto;padding:22px 18px;display:flex;justify-content:space-between;align-items:center;font-weight:750}main{max-width:760px;margin:auto;padding:0 16px 32px}.welcome{padding:20px 6px}small{color:#677e64}h1{font-size:clamp(25px,5vw,35px);line-height:1.4}p{line-height:1.7}button{font:inherit;min-height:48px;border:0;border-radius:16px;padding:12px 18px;background:#e7eee3;color:#30443e;cursor:pointer}button:disabled{opacity:.45}button:focus-visible{outline:3px solid #315baa;outline-offset:3px}nav{display:flex;gap:8px;overflow:auto;padding:8px 0 18px}nav button{white-space:nowrap}nav .active,.primary{background:#356c54;color:white}.card{background:white;border:1px solid #e6e9dc;border-radius:26px;padding:24px;margin-bottom:20px;text-align:center;box-shadow:0 8px 24px #384a3710}.tools{display:flex;align-items:center;justify-content:space-between;color:#687c71}#symbol{font-size:90px;font-weight:750;color:#356c54;padding:22px 0 0}#example{font-size:25px}.note{font-size:13px;color:#697a70}.record{border-top:1px dashed #d7dfd0;margin-top:24px;padding-top:22px}.record button{margin:4px}#recordStatus{font-size:14px}#learned{background:#ffe5a6}#choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}#choices button{font-size:28px;background:#f1f4e9}#feedback{min-height:28px}footer{text-align:center;color:#6c7a6d;font-size:14px}dialog{max-width:520px;width:calc(100% - 32px);border:0;border-radius:22px;padding:24px}dialog::backdrop{background:#17342977}dialog button{margin:5px}#progress{color:#356c54;font-weight:600}@media(max-width:400px){.card{padding:18px}header{font-size:15px}#symbol{font-size:78px}}
#lessons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}#lessonVideo{display:inline-block;background:#356c54;color:white;padding:14px 18px;border-radius:16px;text-decoration:none}#groupListen{margin-bottom:18px}
.source-link{display:inline-block;text-decoration:none;border-radius:16px;padding:14px 18px}.source-link[hidden],[hidden]{display:none!important}