.ear-quiz{margin:16px 0;padding:20px;background:#fffdf9;border:1px solid #ddd2c1;border-radius:8px;color:#25372b}
.eq-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.eq-head h2{margin:2px 0 12px}.eq-head>span,.eq-progress{color:#746347;font-size:14px;font-weight:700}
.eq-tabs,.eq-filters,.eq-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.ear-quiz button{border:1px solid #c9d1c0;background:#fff;color:#29412c;border-radius:5px;padding:8px 12px;cursor:pointer;font-weight:700}.ear-quiz button.active,.ear-quiz .eq-primary,.ear-quiz .eq-play{background:#4c6b3d;color:white;border-color:#4c6b3d}.ear-quiz button:disabled{cursor:default;opacity:.7}.eq-filters label,.eq-list label{display:flex;align-items:center;gap:5px;padding:6px 9px;background:#f4f1e9;border-radius:4px}.eq-list{display:flex;flex-wrap:wrap;gap:6px;max-height:190px;overflow:auto}.eq-list label{font-size:14px}.eq-actions span,.ear-quiz small{color:#667168}.eq-question{margin-top:14px;padding-top:14px;border-top:1px solid #ddd2c1}.eq-play{margin:12px 0}.eq-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.eq-options button{text-align:left;min-height:44px}.eq-options button.correct{background:#dbead4;border-color:#4c6b3d;opacity:1}.eq-result{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:16px}.eq-error{color:#a13832}.eq-keyboard-scroll{max-width:100%;overflow:auto}.eq-keyboard{position:relative;display:flex;height:96px}.eq-white{box-sizing:border-box;width:26px;height:96px;border:1px solid #777;background:white;display:flex;align-items:flex-end;justify-content:center;font-size:10px;padding-bottom:4px}.eq-white.hit{background:#d9a45e}.eq-black{position:absolute;top:0;width:16px;height:58px;background:#18231b;z-index:1}.eq-black.hit{background:#b95c49}
@media(max-width:600px){.ear-quiz{padding:14px}.eq-options{grid-template-columns:1fr}.eq-head{align-items:flex-start}}