.zshq-wrap{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}

.zshq-hero{
  padding:18px 18px 14px 18px;
  background: linear-gradient(135deg, #0b111a, #101b2e);
  color:#f5f5f5;
}

.zshq-brand{
  font-weight:800;
  letter-spacing:.4px;
  opacity:.95;
  margin-bottom:8px;
}

.zshq-title{
  margin:0 0 6px 0;
  font-size:22px;
  line-height:1.2;
}

.zshq-subtitle{
  margin:0 0 10px 0;
  opacity:.9;
}

.zshq-disclaimer{
  font-size:13px;
  opacity:.9;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  padding:10px 12px;
  border-radius:10px;
}

.zshq-card{
  padding:16px 16px 18px 16px;
}

.zshq-progress{
  margin-bottom:12px;
}

.zshq-progress-bar{
  height:8px;
  background:#eef2f7;
  border-radius:999px;
  overflow:hidden;
}

.zshq-progress-bar span{
  display:block;
  height:100%;
  width:0%;
  background:#0b111a;
}

.zshq-progress-text{
  margin-top:8px;
  font-size:13px;
  color:#52606d;
}

.zshq-question{
  font-size:18px;
  font-weight:700;
  margin:8px 0 12px 0;
}

.zshq-options{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.zshq-option{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 12px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  cursor:pointer;
  transition: transform .05s ease, border-color .15s ease, background .15s ease;
}

.zshq-option:hover{
  transform: translateY(-1px);
  border-color: rgba(0,0,0,.18);
  background:#fafbfc;
}

.zshq-option input{
  margin-top:2px;
}

.zshq-controls{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
}

.zshq-btn{
  appearance:none;
  border:0;
  background:#0b111a;
  color:#fff;
  padding:12px 14px;
  border-radius:12px;
  font-weight:700;
  cursor:pointer;
}

.zshq-btn[disabled]{
  opacity:.45;
  cursor:not-allowed;
}

.zshq-result{
  padding:16px;
}

.zshq-result-card{
  border:1px solid rgba(0,0,0,.10);
  border-radius:14px;
  padding:14px 14px;
  background:#fbfcff;
}

.zshq-result-header{
  margin-bottom:10px;
}

.zshq-result-name{
  font-size:22px;
  font-weight:900;
}

.zshq-result-label{
  font-weight:800;
  opacity:.9;
}

.zshq-result-era{
  font-size:13px;
  color:#52606d;
  margin-top:4px;
}

.zshq-result-bio{
  color:#1b2733;
  line-height:1.45;
}

.zshq-result-shareline{
  margin-top:10px;
  font-weight:800;
}

.zshq-share{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.zshq-share-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  text-decoration:none;
  font-weight:700;
  color:#0b111a;
}

.zshq-share-btn:hover{
  background:#f6f8fb;
}

.zshq-sharecard{
  margin-top:12px;
  font-size:14px;
}

.zshq-sharecard-link{
  display:inline-block;
  margin-top:6px;
  font-weight:800;
}

.zshq-restart{
  margin-top:16px;
}

.zshq-near{
  margin-top:14px;
  color:#1b2733;
}