*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#142921;font:17px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{max-width:760px;margin:auto;display:flex;align-items:center;gap:12px;padding:24px 20px}header img{width:42px;border-radius:12px}header b{letter-spacing:2px;font-size:14px;color:#14594b}header button{margin-left:auto}main{max-width:720px;margin:auto;padding:12px 20px 130px}h1{font-size:clamp(32px,7vw,46px);letter-spacing:-1.5px;margin:14px 0}h2{font-size:25px}p{line-height:1.6;color:#68766f}button,select{font:inherit;border:0;border-radius:15px;padding:13px 17px;background:#fff;color:#14594b;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ed9448;outline-offset:3px}.card{padding:24px;background:white;border-radius:28px;margin:20px 0}.green{background:linear-gradient(130deg,#186b59,#0a3d34);color:white}.green p{color:#d7eee5}.green button{background:#ffffff22;color:white}.purple{background:linear-gradient(120deg,#643fbc,#9855d5);color:white}.purple p{color:white}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1}.sentence{font-size:30px;line-height:1.4;font-weight:700}.translation{text-align:right;font-size:23px}.primary{background:#14594b;color:white}.wide{width:100%;margin-top:12px}.muted{font-size:14px;color:#718079}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid button{text-align:left;min-height:110px}.chip{margin:5px}.chosen{background:#14594b;color:white}.answer{display:block;width:100%;margin:12px 0;text-align:left}.correct{outline:3px solid #2b9974}.wrong{outline:3px solid #d56c40}progress{width:100%;accent-color:#b4edd5}nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;width:min(94%,700px);background:#fafff5ed;backdrop-filter:blur(18px);box-shadow:0 6px 35px #17372b22;border:1px solid white;border-radius:32px;padding:7px;z-index:2}nav button{flex:1;background:none;padding:10px 0;font-size:22px}nav span{display:block;font-size:12px;margin-top:5px}nav .active{background:#d8ebe3;border-radius:24px}label{display:block;margin:20px 0}select{width:100%;margin-top:8px}dialog{border:0;border-radius:28px;max-width:450px;width:90%;padding:28px}dialog::backdrop{background:#0007}a{color:#14594b}.green a{color:white}.language-list{display:flex;flex-wrap:wrap;gap:8px}.language-list button{display:flex;align-items:center;gap:8px;border:1px solid #d8e7df}.language-list img{width:30px;height:20px;object-fit:cover;border-radius:3px}.language-list span[lang]{font-size:16px}html[dir=rtl] header button{margin-left:0;margin-right:auto}html[dir=rtl] .grid button,html[dir=rtl] .answer{text-align:right}.sentence{direction:ltr;text-align:left}.translation{unicode-bidi:plaintext}.translation[dir=ltr]{text-align:left}