*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:76px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1040px)/2))}.topbar h1{font-size:19px;margin:1px 0 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:#6b7280;margin:0}.score{font-weight:800;background:#f0f2f6;padding:10px 14px;border-radius:12px}main{max-width:1040px;margin:0 auto;padding:34px 22px 50px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:22px}.hero h2{font-size:36px;line-height:1.05;margin:7px 0 10px;letter-spacing:-.03em}.hero p:not(.eyebrow){max-width:650px;color:#596579;margin:0;line-height:1.6}.controls{display:flex;gap:8px;white-space:nowrap}.card{background:#fff;border:1px solid #e3e7ee;border-radius:22px;box-shadow:0 12px 35px #1f29370b}.quiz{padding:26px;min-height:490px}.progress{height:7px;background:#edf0f5;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:#111827;transition:width .25s}.meta{display:flex;justify-content:space-between;margin:18px 0 24px;color:#697386;font-size:13px;font-weight:700}.meta #typeBadge{background:#eef0f4;color:#424b5c;border-radius:99px;padding:5px 9px}.audioPrompt{display:flex;align-items:center;gap:16px}.play{width:64px;height:64px;border:0;border-radius:50%;background:#111827;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 7px 20px #11182725}.play:active{transform:scale(.97)}.audioPrompt small{display:block;color:#7b8493;margin-bottom:4px}.audioPrompt strong{font-size:24px}.hint{color:#7b8493;font-size:13px;margin:13px 0 25px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{min-height:72px;text-align:left;background:#fff;border:1px solid #dce1e8;border-radius:15px;padding:15px 17px;font-size:16px;font-weight:650;color:#202938;cursor:pointer;transition:.15s}.answer:hover:not(:disabled){border-color:#8e97a7;transform:translateY(-1px)}.answer:disabled{cursor:default}.answer.correct{border-color:#16834a;background:#ecf9f1}.answer.wrong{border-color:#c73b46;background:#fff0f1}.result{margin-top:20px;padding:19px;border-radius:16px;background:#f6f7fa}.result .resultAudio{display:flex;align-items:center;gap:12px;margin-bottom:14px}.miniPlay{border:0;border-radius:10px;background:#111827;color:#fff;padding:9px 12px;cursor:pointer}.correctText{font-size:22px;font-weight:800;margin:4px 0}.translation{font-size:16px;color:#586274;margin:0}.next{margin-top:16px;border:0;border-radius:12px;background:#111827;color:#fff;padding:12px 17px;font-weight:750;cursor:pointer}.importer{margin-top:20px;padding:23px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.importer h2{margin:4px 0}.importer p{color:#657084;margin:6px 0;line-height:1.5}.fileLabel,.secondary{border:1px solid #d9dee7;background:#fff;padding:11px 14px;border-radius:12px;font-weight:700;cursor:pointer}.fileLabel input{display:none}.secondary:hover,.fileLabel:hover{background:#f7f8fa}.importer details{grid-column:1/-1;margin-top:4px}.importer summary{cursor:pointer;font-weight:750}.importer pre{background:#101827;color:#e9edf4;padding:15px;border-radius:12px;overflow:auto;font-size:12px}.small{font-size:13px}.status{grid-column:1/-1;font-size:13px}.status.ok{color:#13733f}.status.err{color:#b4232f}.hidden{display:none}footer{text-align:center;color:#8a93a2;font-size:12px;padding:0 22px 35px}@media(max-width:700px){.hero{display:block}.hero h2{font-size:30px}.controls{margin-top:18px}.answers{grid-template-columns:1fr}.quiz{padding:20px}.importer{grid-template-columns:1fr}.fileLabel,.secondary{width:100%;text-align:center}.topbar{padding:0 18px}.topbar h1{font-size:17px}}
.voiceSettings{margin-top:16px;border:1px solid #e3e7ee;border-radius:14px;padding:12px 15px;background:#fafbfd}.voiceSettings summary{cursor:pointer;font-weight:750;font-size:13px;color:#424b5c}.voiceSettings[open]{padding-bottom:15px}.voiceRow{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.voiceRow label{font-size:13px;font-weight:700;color:#586274;min-width:100px}.voiceRow select{flex:1;min-width:180px;padding:8px 10px;border-radius:10px;border:1px solid #d9dee7;font-size:13px}.voiceRow input[type=range]{flex:1;min-width:120px}.voiceRow span{font-size:12px;font-weight:700;color:#586274;min-width:38px}