:root{color-scheme:light;font-family:system-ui,sans-serif;color:#221b33;background:#fffbef;line-height:1.65}*{box-sizing:border-box}body{margin:0}header,main{max-width:680px;margin:auto;padding:24px}header{display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav{display:flex;gap:8px;flex-wrap:wrap}a{color:#5744cf}nav [aria-current=true]{font-weight:bold}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.15}article{font-size:1.25rem}button,.cta{font:inherit;cursor:pointer;border:2px solid #221b33;border-radius:12px;padding:10px 16px;background:#fff;color:#221b33;margin:5px 5px 5px 0;display:inline-block;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6c5ce7;outline-offset:3px}.cta{background:#6c5ce7;color:white}.word{background:#ffe6b3;color:#913000;font-weight:800;border:0;border-radius:4px;padding:0 3px;margin:0;font-size:inherit;line-height:inherit}fieldset{border:2px solid #c1b7ed;border-radius:16px;padding:16px;margin:24px 0}label{display:block;padding:8px}audio{width:100%;margin:16px 0}[aria-pressed=true]{background:#e7e1ff}#meaning:not(:empty){position:sticky;bottom:16px;background:#221b33;color:white;padding:16px;border-radius:12px;box-shadow:0 3px 16px #0003}code{overflow-wrap:anywhere}legend{font-weight:700}#challenge{border:2px solid #221b33;border-radius:12px;padding:12px 16px;background:#ffe6b3;font-weight:700}