:root{
  --ibq-yellow:#ffd200;
  --ibq-purple:#6a2ff4;
  --ibq-text:#1d1d1d;
}

.ibq-hidden{display:none!important;}
.ibq-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99998;opacity:0;pointer-events:none;transition:opacity .25s ease;}
.ibq-modal{position:fixed;inset:auto 0 0 0;top:8vh;margin:auto;max-width:780px;background:#fff;color:var(--ibq-text);
  border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.25);z-index:99999;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .25s ease;}
.ibq-modal.is-open{opacity:1;transform:none;pointer-events:auto;}
.ibq-modal-backdrop.is-open{opacity:1;pointer-events:auto;}
.ibq-in{padding:24px clamp(20px,3vw,32px);}
.ibq-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.ibq-title{font-weight:800;font-size:clamp(18px,2vw,24px);margin:0}
.ibq-close{appearance:none;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer}

.ibq-progress{height:8px;background:#eee;border-radius:999px;overflow:hidden;margin:12px 0 22px}
.ibq-progress>span{display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--ibq-yellow),var(--ibq-purple));transition:width .3s ease}

.ibq-q{display:grid;gap:12px}
.ibq-q .ibq-label{font-weight:600;margin:10px 0 4px}
.ibq-opt{display:flex;flex-wrap:wrap;gap:10px}
.ibq-opt button{border:2px solid #efefef;background:#fafafa;border-radius:14px;padding:10px 14px;cursor:pointer;transition:.2s}
.ibq-opt button:hover{border-color:#e1e1e1}
.ibq-opt button.is-active{border-color:var(--ibq-purple);background:#fff;box-shadow:0 0 0 3px rgba(106,47,244,.12)}

.ibq-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.ibq-btn{border:0;border-radius:12px;
  background:linear-gradient(90deg,var(--ibq-purple),var(--ibq-yellow));color:#fff;padding:12px 18px;cursor:pointer;font-weight:700}
.ibq-btn[disabled]{opacity:.55;cursor:not-allowed}

.ibq-results{display:grid;gap:14px;margin-top:10px}
.ibq-card{display:grid;grid-template-columns:92px 1fr;gap:12px;border:1px solid #eee;border-radius:14px;padding:12px}
.ibq-card img{width:92px;height:92px;object-fit:cover;border-radius:10px;background:#f3f3f3}
.ibq-card h4{margin:0 0 6px;font-size:16px}
.ibq-why{font-size:12px;color:#666}

.ibq-widget{position:fixed;right:18px;bottom:18px;
  background:linear-gradient(90deg,var(--ibq-purple),var(--ibq-yellow));color:#fff;border:0;border-radius:999px;padding:12px 16px;
  z-index:99990;box-shadow:0 12px 30px rgba(0,0,0,.25);cursor:pointer}
@media (max-width: 640px){
  .ibq-modal{inset:0;border-radius:16px;top:auto;margin:10px}
}