:root{
  --wvsc-primary:#00ff88;
  --wvsc-accent:#8affc1;
  --wvsc-bg:#0a0f14;
  --wvsc-text:#e8f5ee;
  --wvsc-muted:#9bb8a6;
}
.wvsc-card{
  background: var(--wvsc-bg);
  color: var(--wvsc-text);
  padding: 20px;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  max-width: 980px;
  margin: 0 auto;
  border: 1px solid rgba(0,255,136,.15);
}
.wvsc-header{ display:flex; gap:12px; align-items:center; margin-bottom:12px; }
.wvsc-logo{ width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,var(--wvsc-primary), var(--wvsc-accent)); color:#002311; display:flex; align-items:center; justify-content:center; font-weight:900; }
.wvsc-title h3{ margin:0; line-height:1.1; }
.wvsc-title p{ margin:2px 0 0; color:var(--wvsc-muted); font-size:13px; }

.wvsc-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.wvsc-grid label{ display:flex; flex-direction:column; font-size:14px; color:var(--wvsc-muted); }
.wvsc-grid input{
  margin-top:6px; padding:11px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.08); background:#0f151b; color:#e8f5ee;
}
.wvsc-btn{
  background: var(--wvsc-primary);
  color:#012d19;
  border:none;
  padding:12px 16px;
  border-radius:12px;
  font-weight:800;
  cursor:pointer;
}
.wvsc-btn:hover{ filter:brightness(1.06); }
.wvsc-btn-outline{
  background: transparent;
  color: var(--wvsc-primary);
  border: 1px solid var(--wvsc-primary);
  padding: 10px 14px;
  border-radius: 12px;
  cursor: pointer;
}
.wvsc-privacy{ font-size:12px; color:var(--wvsc-muted); margin:8px 0 0; }

.wvsc-results{ margin-top:16px;}
.wvsc-summary{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:12px; }
.wvsc-chart-wrap{ width:100%; height:320px; background:#0f151b; border-radius:12px; padding:8px; }
#wvsc-chart{ width:100%; height:100%; }
.wvsc-table{ width:100%; border-collapse:collapse; margin-top: 12px; }
.wvsc-table th, .wvsc-table td{ text-align:left; padding:8px 10px; border-bottom:1px solid rgba(255,255,255,.06); }
@media (max-width:680px){
  .wvsc-grid{ grid-template-columns: 1fr; }
}