#oasq-app .oasq-box{max-width:760px;margin:24px auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif}
#oasq-app .oasq-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
#oasq-app .oasq-q{font-size:18px;font-weight:600;margin:8px 0 16px;color:#111}
#oasq-app .oasq-options{display:grid;gap:10px}
/* Botón base */
#oasq-app .oasq-btn{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid #d1d5db;background:#fff;color:#111;font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none;transition:all .15s ease;box-shadow:0 1px 0 rgba(0,0,0,.02)}
#oasq-app .oasq-btn:hover{background:#f9fafb;border-color:#cbd5e1}
#oasq-app .oasq-btn:focus{outline:3px solid color-mix(in srgb, var(--oasq-primary) 25%, transparent);outline-offset:2px}
#oasq-app .oasq-btn[disabled]{opacity:.9;cursor:default}
/* Opción */
#oasq-app .oasq-opt{width:100%;text-align:left}
/* Primario */
#oasq-app .oasq-primary{background:var(--oasq-primary);border-color:var(--oasq-primary);color:#fff}
#oasq-app .oasq-primary:hover{background:color-mix(in srgb, var(--oasq-primary) 88%, black);border-color:color-mix(in srgb, var(--oasq-primary) 88%, black);color:#fff}
/* Inputs */
#oasq-app .oasq-input{width:100%;max-width:420px;border:1px solid #d1d5db;border-radius:10px;padding:10px}
#oasq-app .oasq-summary{font-weight:600}
#oasq-app .oasq-feedback{white-space:pre-wrap}
/* Progreso */
#oasq-app .oasq-progress{position:relative;margin:-6px 0 12px}
#oasq-app .oasq-progress__track{height:8px;background:#eef2ff;border-radius:999px}
#oasq-app .oasq-progress__bar{position:relative;height:8px;background:var(--oasq-primary);border-radius:999px;margin-top:-8px;width:0;transition:width .25s ease}
#oasq-app .oasq-progress__label{margin-top:8px;font-size:13px;color:#6b7280}
/* Spinner */
@keyframes oasq-spin{to{transform:rotate(360deg)}}
#oasq-app .oasq-loading{position:relative;padding-left:44px}
#oasq-app .oasq-spinner{position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:oasq-spin 1s linear infinite}