*{box-sizing:border-box}body{margin:0;background:#f5f4ed;color:#20352f;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}header{max-width:880px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-size:20px;font-weight:800;text-decoration:none;color:inherit}.brand span{display:block;font-size:12px;font-weight:500;color:#687d72}.tag,.eyebrow{font-size:12px;color:#687d72}main{max-width:760px;margin:auto;padding:20px 24px 48px}h1{font-size:clamp(28px,5vw,42px);line-height:1.3;letter-spacing:-1px;margin:12px 0}h2{font-size:21px}p{color:#587063}.hero{padding:22px 0}.box,.card{border:1px solid #dce3da;border-radius:24px;background:#fffefa;padding:26px;margin:18px 0}.stats{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0}.stats strong{font-size:25px;display:block}.stats span{font-size:13px;color:#6c7e73}button{font:inherit;cursor:pointer;border:1px solid #cbd7cf;background:white;color:#20352f;border-radius:14px;padding:13px 18px;min-height:48px;white-space:normal}button:hover{border-color:#173e37}button:focus-visible,a:focus-visible{outline:3px solid #bf9b41;outline-offset:3px}button:disabled{opacity:.65;cursor:default}.primary{background:#173e37;color:#fff;border-color:#173e37;font-weight:700}.wide{width:100%}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1}.muted{font-size:14px;color:#687d72}.lesson{width:100%;text-align:left;display:flex;gap:12px;align-items:center;margin:10px 0}.lesson .number{border-radius:12px;background:#edf1e8;padding:8px 13px}.lesson small{display:block;color:#687d72}.card{text-align:center;min-height:300px}.russian{font-size:clamp(40px,9vw,72px);font-weight:600;line-height:1.5;overflow-wrap:anywhere;margin:18px 0}.meaning{font-size:24px;margin:14px 0}.example{background:#f1f4ed;padding:16px;border-radius:14px;margin-top:20px}.example strong{display:block;font-size:21px}.progress{height:6px;background:#dce3da;border-radius:8px;overflow:hidden;margin:18px 0}.progress span{height:100%;display:block;background:#386955}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.options button{min-height:68px}.correct{background:#e0f0e3;border-color:#4c8259}.wrong{background:#fbe7e1;border-color:#b95644}.feedback{padding:14px;border-radius:12px;background:#edf1e8;margin:12px 0}footer{text-align:center;padding:22px;font-size:12px;color:#687d72}.danger{color:#934b3e}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px}.glossary details{border-bottom:1px solid #e3e8df;padding:12px 0}.glossary summary{cursor:pointer;overflow-wrap:anywhere}.glossary summary b{font-size:22px;margin-right:12px}#notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#173e37;color:white;border-radius:12px;padding:12px 18px;max-width:90%;display:none}input[type=checkbox]{width:18px;height:18px;vertical-align:middle}label{font-size:14px}@media(max-width:480px){header{padding:18px}.tag{font-size:11px}main{padding:10px 16px 30px}.box,.card{padding:20px}.options{grid-template-columns:1fr}.row{gap:8px}.row button{padding:12px}.stats{gap:18px}}
/* Keep account tools aligned with the learning column. */
header{max-width:760px}#server-records{width:calc(100% - 48px);max-width:712px;margin:8px auto 0;padding:16px 20px;border-radius:18px}#server-records summary{cursor:pointer;overflow-wrap:anywhere}#server-records>details>summary{font-size:14px}#sync-status{display:block;margin-left:16px;font-size:13px;color:#687d72}#server-records p{font-size:14px}#server-records input{min-width:0}footer{max-width:760px;margin:auto}@media(max-width:480px){header{padding:18px 16px}#server-records{width:calc(100% - 32px);padding:14px 16px;margin-top:0}#server-records button{width:100%;margin:4px 0}}
