.eoia{max-width:760px;margin:24px auto;padding:clamp(18px,4vw,32px);background:#fff;border:1px solid #e4e7ec;border-radius:18px;box-shadow:0 10px 35px rgba(20,30,50,.08);font-family:Arial,sans-serif;color:#202938;box-sizing:border-box}
.eoia *{box-sizing:border-box}.eoia-header{margin-bottom:24px}.eoia-kicker{font-size:11px;letter-spacing:.14em;font-weight:700;color:#3569b7}.eoia h2{font-size:clamp(25px,4vw,34px);margin:8px 0;color:#1e293b}.eoia-header p,.eoia-hint,.eoia-privacy{color:#667085;line-height:1.55}.eoia-controls{display:grid;grid-template-columns:1fr 2fr;gap:8px 12px;align-items:center;margin:18px 0 24px}.eoia-controls label{font-weight:700;font-size:14px}.eoia select{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#202938}.eoia-progress{font-size:13px;font-weight:700;color:#667085;margin-bottom:10px}.eoia h3#eoia-question{font-size:clamp(20px,3vw,26px);line-height:1.35;color:#243b53;margin:0 0 10px}.eoia-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 12px}.eoia button{border:0;border-radius:9px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s,opacity .15s}.eoia button:hover:not(:disabled){transform:translateY(-1px)}.eoia button:disabled{opacity:.55;cursor:not-allowed}.eoia-primary{background:#2459a9;color:#fff}.eoia-stop{background:#b42318;color:#fff}.eoia-secondary{background:#eef2f7;color:#243b53}.eoia-meter{padding:12px 14px;background:#f5f7fa;border-radius:8px;color:#475467;line-height:1.5}.eoia-loading{margin:16px 0;padding:14px;background:#fff7e6;border-radius:8px;color:#8a4b08}.eoia-feedback{margin-top:22px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.eoia-feedback h3{margin:0 0 14px}.eoia-score{font-size:24px;font-weight:800;color:#2459a9;margin:0 0 18px}.eoia-feedback-item{padding:12px 0;border-top:1px solid #e2e8f0}.eoia-feedback-item p{white-space:pre-wrap;line-height:1.55;margin:7px 0 0}.eoia-feedback-item ul{padding-left:22px;line-height:1.55}.eoia-privacy{font-size:12px;margin-top:20px}.eoia audio{width:100%;margin-top:12px}@media(max-width:520px){.eoia-controls{grid-template-columns:1fr;gap:8px}.eoia-controls label:not(:first-child){margin-top:8px}.eoia button{width:100%}.eoia-actions{flex-direction:column}}