.wf-shell{max-width:880px;margin:30px auto 50px;color:#263854}.wf-shell *{box-sizing:border-box}.wf-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.wf-eyebrow{color:#7796c5;font-size:11px;letter-spacing:.24em;margin:0 0 8px}.wf-heading h1{font-size:28px;line-height:1.4;margin:0 0 6px;font-weight:600}.wf-source{color:#8799b5;font-size:14px;margin:0;overflow-wrap:anywhere}.wf-count{font-size:28px;font-weight:600;white-space:nowrap;color:#3068e8}.wf-count span{font-size:14px;color:#8799b5;font-weight:400}.wf-progress{height:5px;background:#e7edf8;border-radius:9px;overflow:hidden;margin:24px 0}.wf-progress>span{height:100%;display:block;background:#6e99f6;border-radius:9px;transition:width .2s}.wf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;color:#8193af;font-size:13px}.wf-modes{display:flex;padding:4px;border:1px solid #dce5f5;border-radius:12px;background:#fff;flex-shrink:0}.wf-modes button{background:none;border:0;border-radius:8px;padding:9px 17px;min-height:38px;color:#8294b0;cursor:pointer;font:inherit}.wf-modes button[aria-pressed=true]{color:#2860df;background:#edf3ff}.wf-card{background:#fff;border:1px solid #dce6f8;border-radius:24px;padding:36px 48px;text-align:center;box-shadow:0 8px 32px #274f9010}.wf-word{padding-bottom:30px}.wf-tag{display:inline-block;color:#6f8fc2;background:#f1f5fd;font-size:12px;padding:5px 10px;border-radius:6px}.wf-lemma{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 8px}.wf-lemma h2{font-size:48px;line-height:1.25;font-weight:600;margin:0;letter-spacing:-.025em}.wf-word>p{color:#8395af;margin:0;font-size:15px}.wf-audio{background:transparent;border:1px solid transparent;color:#5e88d6;border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer;padding:8px;vertical-align:middle}.wf-audio svg{width:22px;height:22px}.wf-audio:hover{background:#edf3ff}.wf-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;text-align:left}.wf-fields.wf-single{max-width:360px;margin:auto;grid-template-columns:1fr}.wf-field{min-width:0}.wf-field label{display:block;font-size:13px;color:#8092ad;margin:0 0 10px}.wf-field input{display:block;width:100%;height:58px;border:1px solid #d8e3f5;border-radius:12px;padding:12px 16px;background:#fbfcff;color:#263854;font:inherit;font-size:20px;outline:none}.wf-field input::placeholder{font-size:15px;color:#a5b2c9}.wf-field input:focus{border-color:#6490ed;box-shadow:0 0 0 3px #e9f0ff}.wf-field input[readonly]{background:#f9fbff}.wf-correct input{border-color:#96cdbb;background:#f0faf6}.wf-wrong input{border-color:#d1b9ee;background:#fcf8ff}.wf-feedback{min-height:22px;padding-top:10px}.wf-verdict{font-size:12px;color:#26937b}.wf-wrong .wf-verdict{color:#9171b3}.wf-answer{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:24px;font-weight:500;overflow-wrap:anywhere}.wf-answer>span{display:inline-flex;align-items:center;min-width:0}.wf-answer .wf-or{color:#a8b6cc;font-size:18px}.wf-feedback small{display:block;font-size:12px;line-height:1.8;color:#8a9ab1;margin-top:3px}.wf-hint{font-size:13px;color:#91a0b7;line-height:1.8;margin:18px 0}.wf-check{min-width:190px;min-height:48px;justify-content:center}.wf-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.wf-navigation>span{font-size:13px;color:#8a9ab4;text-align:center}.wf-navigation .button{min-height:44px;min-width:100px;justify-content:center}.wf-shell button:disabled{opacity:.45;cursor:default}.wf-shell button:focus-visible{outline:3px solid #9cbaf3;outline-offset:2px}.wf-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#eef4ff;border:1px solid #e0e9fb;border-radius:16px;padding:20px 24px}.wf-summary strong{font-size:15px;font-weight:500}.wf-summary p{font-size:13px;color:#8395af;margin:7px 0 0}.wf-summary-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wf-summary .text-button{font-size:14px;min-height:44px}.wf-footnote{text-align:center;font-size:12px;color:#9aa8bd;margin:20px 0}.hw-tabs{flex-wrap:wrap}.wf-shell .button{white-space:normal}.wf-shell .button.primary{color:#fff}
@media(max-width:600px){.wf-shell{margin:20px auto 28px}.wf-heading{gap:12px}.wf-heading h1{font-size:24px}.wf-source{font-size:12px;line-height:1.7}.wf-count{font-size:24px}.wf-count span{font-size:12px}.wf-progress{margin:18px 0}.wf-toolbar{font-size:11px}.wf-modes button{padding:8px 13px}.wf-card{padding:26px 20px;border-radius:18px}.wf-word{padding-bottom:25px}.wf-lemma h2{font-size:42px}.wf-fields{grid-template-columns:1fr;gap:14px}.wf-field input{height:54px;font-size:19px}.wf-feedback{min-height:0;padding-top:6px}.wf-check{width:100%;min-height:48px}.wf-hint{font-size:12px;margin:18px 0 14px}.wf-navigation{gap:8px;margin:18px 0}.wf-navigation .button{min-width:78px;padding:10px 12px;font-size:13px}.wf-navigation>span{font-size:11px}.wf-summary{padding:16px;align-items:flex-start;flex-direction:column;gap:10px}.wf-summary-actions{width:100%;justify-content:space-between}.wf-summary-actions .button{font-size:13px}.wf-summary strong{font-size:14px}.wf-summary p{font-size:12px}.hw-tabs{gap:4px}.hw-tabs button{padding:12px 10px;white-space:nowrap}}
