:root{font-family:system-ui,-apple-system,sans-serif;color:#203c34;background:#fbf7ef;font-size:16px}*{box-sizing:border-box}body{margin:0}main{width:min(920px,100%);margin:auto;padding:24px 24px 50px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}a{color:#17634e;text-underline-offset:3px}h1{font-size:clamp(30px,6vw,52px);line-height:1.15;margin:26px 0 12px}p{line-height:1.6}button,select{font:inherit;min-height:44px;padding:10px 15px;border-radius:11px;border:1px solid #a7b9aa;background:#fffdf8;color:#203c34;cursor:pointer}button:disabled{opacity:.65;cursor:default}button[aria-pressed=true],button.primary{background:#176b63;border-color:#176b63;color:white}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bc7e22;outline-offset:3px}.tag{font-size:12px;letter-spacing:1px;color:#54735d;text-transform:uppercase}.language{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters{display:grid;gap:12px;margin:20px 0}.filters label{font-size:14px;display:grid;gap:7px}.filters select{width:100%}.modes,.card-actions{display:flex;flex-wrap:wrap;gap:10px}.modes button{flex:1 1 auto}progress{display:block;width:100%;height:12px;accent-color:#176b63;margin:0 0 20px}#progress{font-size:14px;margin-bottom:8px}.study-card{background:white;border:1px solid #dce1d4;border-radius:22px;padding:clamp(18px,4vw,34px);box-shadow:0 8px 28px #173c1810;margin:18px 0}.word{font-size:clamp(25px,5vw,38px);font-weight:700;line-height:1.3;overflow-wrap:anywhere}.example{color:#516b58;font-style:italic;font-size:17px}.meaning{font-size:20px;font-weight:600}#counter{color:#627865;font-size:13px}#answers{display:grid;gap:10px;margin:18px 0}#answers:empty{margin:0}#answers button{text-align:left;overflow-wrap:anywhere}#answers .correct{background:#d5efdb;border-color:#4b865b;color:#173d24;opacity:1}#answers .wrong{background:#fce4dc;border-color:#ae6b54;color:#633621;opacity:1}#feedback{min-height:24px;color:#315a3a;line-height:1.5;margin:10px 0}.card-actions{align-items:stretch}.card-actions #reveal,.card-actions #known{flex:1 1 150px}.tips,footer{color:#5b715f;font-size:14px}details{margin-top:22px;padding:16px;border:1px solid #dce1d4;border-radius:14px;background:#f3f3e9}summary{cursor:pointer;font-weight:650;line-height:1.4}#vocabulary{padding-left:20px}#vocabulary li{padding:8px 0;line-height:1.5;overflow-wrap:anywhere}footer{margin-top:28px}footer nav{display:flex;gap:16px;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:480px){main{padding:18px 16px 35px}header{align-items:flex-start}.language{font-size:13px}.language select{padding:8px}.study-card{padding:18px 16px;border-radius:17px}.modes{gap:7px}.modes button{padding:10px;font-size:14px}.card-actions{gap:8px}.card-actions #prev,.card-actions #next{flex:0 0 44px}.card-actions #known,.card-actions #reveal{flex-basis:calc(100% - 65px);font-size:14px}.example{font-size:15px}.word{font-size:26px}}