.set-pronunciation{color:#f9f2df;max-width:1100px;margin:auto;padding:clamp(14px,3vw,32px);border:1px solid #a67b32;border-radius:24px;background:linear-gradient(145deg,#0d2236,#162a40 60%,#0b1c30);box-shadow:0 20px 60px #0005}.set-pron-kicker{color:#f1cb71;letter-spacing:.17em;font-weight:800;font-size:12px}.set-pron-header h1{font-size:clamp(30px,5vw,54px);color:#f6d484;margin:12px 0}.set-pron-header em{color:#fff;font-style:normal}.set-pron-header p,.set-pron-card p{color:#d7dce0}.set-pron-controls,.set-pron-actions,.set-pron-footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.set-pron-controls label{display:grid;gap:6px;color:#f0d391;font-weight:700}.set-pronunciation select,.set-pronunciation button{border:1px solid #d8af59;border-radius:12px;padding:12px 16px;background:#21374b;color:#fff;font:inherit;cursor:pointer}.set-pronunciation button:hover,.set-pronunciation button:focus-visible{background:#d5aa4f;color:#102034}.set-pronunciation button:disabled{opacity:.5;cursor:wait}.set-pron-card{padding:clamp(18px,4vw,35px);background:linear-gradient(120deg,#203c55,#152a40);border:1px solid #c7a05c;border-radius:20px}.set-pron-card h2{font-size:clamp(24px,4vw,38px);line-height:1.3;color:#fff;margin:16px 0}.set-pron-counter{color:#f2cb70;font-weight:800;letter-spacing:.1em}.set-pron-actions button:first-child,.set-pron-actions button:last-child{background:linear-gradient(110deg,#b88a37,#f4d78b);color:#102034;font-weight:800}.set-pron-status{min-height:24px}.set-pron-results{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.set-pron-results>div{border:1px solid #6f644e;border-radius:16px;padding:20px;background:#14283e}.set-pron-results strong{color:#eac36b}.set-pron-words{margin-top:15px;line-height:2.6}.set-pron-words span{padding:6px 9px;border-radius:8px;margin:3px;background:#315440;color:#e5ffe9;display:inline-block}.set-pron-words span.missed{background:#713c42;color:#ffe2e4}.set-pron-score{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.set-pron-score strong{font-size:36px}.set-pron-score small{width:100%;color:#c7cbd0}.set-pron-footer{justify-content:space-between;color:#f2cb70}@media(max-width:650px){.set-pron-results{grid-template-columns:1fr}.set-pron-score{grid-column:auto}.set-pron-controls>*{flex:1 1 120px}.set-pron-actions button{flex:1 1 140px}}