*{box-sizing:border-box}body{margin:0;background:#eef4e9;color:#183c30;font-family:'Segoe UI','Malgun Gothic',sans-serif}main{max-width:660px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;font-weight:800;font-size:14px}.hero{display:block;width:78%;max-width:330px;margin:16px auto}h1{text-align:center;font-size:56px;margin:0}h1 small{display:block;font-size:26px}.lead{text-align:center;line-height:1.6}button{border:0;border-radius:16px;background:#176447;color:white;padding:15px 20px;font:inherit;font-weight:700;cursor:pointer;min-height:48px}#voice{display:block;margin:auto;background:#f6bd50;color:#173e31}section{background:#fffdf6;padding:24px;border-radius:24px;margin:22px 0;box-shadow:0 5px 20px #234a3010}h2{font-size:20px;margin-top:0}p{line-height:1.8}.words{display:flex;gap:12px;flex-wrap:wrap}.words button{flex:1}.sentence{font-size:30px;font-weight:800}footer{font-size:13px;text-align:center}a{color:#176447}#answer,#sound-state{font-weight:700}#sound-state{text-align:center}.correct{background:#e3f9de}@media(prefers-reduced-motion:no-preference){.correct{animation:pop .3s}@keyframes pop{50%{transform:scale(1.015)}}}

label{display:block;margin:16px 0}input,select{display:block;width:100%;padding:14px;margin-top:8px;font:inherit;border:1px solid #b7caba;border-radius:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere}#lesson-start{margin-top:20px}