.sk-wrap{
  max-width: 920px;
  margin: 24px auto;
  padding: 18px;
  border-radius: 18px;
  background: var(--sk-wrap-bg, #0b1020);
  color: var(--sk-text-color, #fff);
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
  direction: rtl;
  font-family: var(--sk-font-family, system-ui, -apple-system, Segoe UI, Roboto, Arial, "IRANSans", "Vazirmatn", sans-serif);
}
.sk-wheel-shell{
  position: relative;
  width: min(620px, 92vw);
  aspect-ratio: 1/1;
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
}

/* Loader overlay */
.sk-loading{
  position:absolute;
  inset: 0;
  display:none;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap: 10px;
  background: rgba(11,16,32,0.55);
  backdrop-filter: blur(2px);
  border-radius: 50%;
  z-index: 6;
  text-align:center;
}
.sk-loading.sk-visible{ display:flex; }
.sk-spinner{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 4px solid rgba(255,255,255,0.25);
  border-top-color: rgba(255,255,255,0.95);
  animation: skSpin 0.9s linear infinite;
}
.sk-loading-text{
  font-weight: 800;
  font-size: 14px;
  opacity: 0.95;
}
@keyframes skSpin{
  to { transform: rotate(360deg); }
}
.sk-canvas{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
}
.sk-pointer{
  position:absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 0; height: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 42px solid var(--sk-pointer-color, rgba(255,255,255,0.92));
  filter: drop-shadow(0 8px 10px rgba(0,0,0,.35));
  z-index: 4;
}
.sk-center-cap{
  position:absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.95), rgba(255,255,255,.3) 35%, rgba(0,0,0,.2) 75%, rgba(0,0,0,.45));
  box-shadow: inset 0 0 0 6px rgba(255,255,255,.15), 0 10px 30px rgba(0,0,0,.35);
  z-index: 3;
  pointer-events:none;
}

.sk-form{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: end;
  justify-content: center;
}
.sk-field{
  min-width: 220px;
  display:flex;
  flex-direction: column;
  gap: 6px;
}
.sk-field label{
  font-size: 13px;
  opacity: .9;
}
.sk-field input{
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color: var(--sk-text-color, #fff);
  padding: 10px 12px;
  outline: none;
}
.sk-field input:focus{
  border-color: rgba(255,255,255,.35);
  background: rgba(255,255,255,.1);
}
.sk-spin-btn{
  border: none;
  border-radius: 14px;
  padding: 12px 18px;
  cursor: pointer;
  font-weight: 800;
  color: #0b1020;
  background: linear-gradient(135deg, var(--sk-button1, rgba(245,230,183,1)), var(--sk-button2, rgba(233,210,140,1)));
  box-shadow: 0 10px 20px rgba(0,0,0,.35);
}
.sk-spin-btn:disabled{
  opacity: .65;
  cursor: not-allowed;
}

.sk-result{
  margin: 14px auto 0;
  max-width: 720px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  padding: 12px 14px;
}
.sk-res-title{
  font-weight: 900;
  margin-bottom: 6px;
}
.sk-res-body{
  opacity: .95;
  line-height: 1.8;
}