:root{
  --zs-accent:#f78fb3; /* pink */
  --zs-bg:#ffffff;
  --zs-border:#f8c9da;
  --zs-soft:#fff0f5;
  --zs-text:#333;
}
.zs-sc-card{
  font-family: IRANSans, sans-serif;
  background:#fff;
  border:2px solid var(--zs-border);
  border-radius:18px;
  margin:1rem 0; box-shadow:0 5px 15px rgba(0,0,0,.05);
}
.zs-sc-head{
  background:var(--zs-soft); padding:.75rem 1rem;
  border-bottom:1px solid var(--zs-border);
}
.zs-sc-head h3{margin:0;color:var(--zs-text);font-size:1.1rem;}
.zs-sc-body{padding:1rem;}
.zs-form{display:grid;gap:.5rem;}
.zs-field{display:grid;gap:.3rem;}
.zs-field input{
  border:1px solid var(--zs-border);
  border-radius:10px; padding:.5rem .7rem;
}
.zs-btn{
  background:var(--zs-accent); color:#fff;
  border:none; padding:.6rem 1rem;
  border-radius:999px; font-weight:600; cursor:pointer;
}
.zs-btn:hover{background:#f45d9f;}
.zs-result{
  margin-top:.75rem; padding:.7rem;
  border:1px dashed var(--zs-border); border-radius:12px;
  background:#fffafc;
}
.zs-result-strong{
  border:2px solid var(--zs-accent);
  background:#fff0f7;
}
.zs-table{
  width:100%; border-collapse:collapse; margin-top:.5rem;
  font-size:.9rem; font-family:IRANSans, sans-serif;
}
.zs-table th,.zs-table td{
  border:1px solid var(--zs-border);
  padding:.4rem; text-align:center;
}
.zs-table th{
  background:var(--zs-accent); color:#fff;
}
.zs-table tr:nth-child(even){background:#fff6fa;}
.zs-grid-2{display:grid;gap:1rem;}
@media(min-width:720px){.zs-grid-2{grid-template-columns:1fr 1fr;}}