.vocabulary-panel{max-width:850px;margin:auto}.vocabulary-intro{padding:20px;background:#effaf7;border-radius:20px}.vocabulary-question{text-align:center;padding:24px 0}.vocabulary-question h2{font-size:44px;margin:25px 0}.vocabulary-options{display:grid;gap:12px}.vocabulary-options button{text-align:left;white-space:normal;padding:16px;font-size:18px}.vocabulary-clock{font-size:24px;color:#008d91}.vocabulary-report header{text-align:center;padding:24px;background:linear-gradient(125deg,#def6ee,#f8f6e9);border-radius:20px}.vocabulary-report header strong{display:block;font-size:50px;color:#009d9e}.vocabulary-report table{width:100%;border-collapse:collapse}.vocabulary-report td,.vocabulary-report th{padding:12px 5px;text-align:left;border-bottom:1px solid #d8e7e6}.vocabulary-report p{line-height:1.8}.vocabulary-method{font-size:13px;color:#637b88}.vocabulary-options button:disabled{opacity:.55}.vocabulary-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}dialog:has(.vocabulary-panel){width:min(930px,94vw);max-height:90vh;overflow:auto}dialog:has([data-vocabulary-session]){max-width:850px} .vocabulary-error{color:#a33120} @media print{body:has(.vocabulary-report)>*:not(dialog){display:none!important}dialog:has(.vocabulary-report){position:static;max-height:none;overflow:visible;border:0;width:100%}.vocabulary-actions,dialog:has(.vocabulary-report)>header{display:none}}
.vocabulary-options button.vocabulary-correct:disabled{opacity:1;border:2px solid #20a77a;background:#e1f7ec;color:#12674c}.vocabulary-options button.vocabulary-wrong:disabled{opacity:1;border:2px solid #d55d59;background:#fff0ed;color:#a32928}.vocabulary-feedback{border-radius:16px;padding:16px 20px;margin-bottom:20px;background:#eef8f2;color:#186c51}.vocabulary-feedback.incorrect{background:#fff4e8;color:#965416}.vocabulary-unknown{border-style:dashed!important}.vocabulary-question .btn{font-size:15px}
.vocabulary-test-card{background:#fffcf4;border:1px solid #e8e5dc;border-radius:30px;padding:24px}.vocabulary-test-top{display:flex;justify-content:space-between;align-items:center;color:#4a8cbf;font-size:14px;font-weight:700}.vocabulary-test-top>span:first-child{border-radius:30px;background:#edf2f2;padding:7px 18px}.vocabulary-test-top .vocabulary-clock{font-size:15px;color:#d58b4a;background:white;border-radius:24px;padding:7px 12px}.vocabulary-test-card .vocabulary-question{display:flex;justify-content:center;align-items:center;gap:14px;padding:18px 0}.vocabulary-test-card h2{font-size:50px;color:#222;margin:10px 0}.vocabulary-test-card .vocabulary-speaker{border:0;background:#edf5ff;color:#3d85ed;border-radius:50%;padding:14px;font-size:23px}.vocabulary-grid{grid-template-columns:1fr 1fr;gap:12px}.vocabulary-grid .btn{text-align:center;font-weight:700;border:2px solid #e6e4dc;border-radius:16px;min-height:70px;color:#252525;background:#fffcf4}.vocabulary-grid .vocabulary-aux{grid-column:1/-1;border:2px dashed #d8d7d5;color:#89898d;min-height:64px}.vocabulary-test-card .vocabulary-feedback{background:transparent;border-top:2px dashed #e5e2dc;text-align:center;margin:22px 0 0;padding:22px 8px 0}.vocabulary-test-card .vocabulary-feedback.correct strong{color:#20bf68;font-size:20px}.vocabulary-test-card .vocabulary-feedback.incorrect strong{color:#fa4949;font-size:20px}.vocabulary-feedback p{font-size:14px}.vocabulary-help{font-size:12px;color:#8a8f97;text-align:center}@media(max-width:560px){.vocabulary-test-card{padding:18px 12px}.vocabulary-test-card h2{font-size:40px}.vocabulary-grid .btn{padding:10px 7px;font-size:16px}}