:root {
  --gold: #FFD700;
  --amber: #F59E0B;
  --cream: #FFFBF0;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'Vazirmatn', sans-serif;
  background:
    radial-gradient(circle at 20% 10%, rgba(255,215,0,0.12), transparent 40%),
    radial-gradient(circle at 80% 90%, rgba(245,158,11,0.12), transparent 45%),
    var(--cream);
  color: #451a03;
  min-height: 100vh;
}

.gold-header {
  background: linear-gradient(135deg, #FFE9A0 0%, #FFD700 40%, #F59E0B 100%);
  position: relative;
  overflow: hidden;
}
.gold-header::after {
  content: "✨";
  position: absolute;
  top: 12px; left: 24px;
  font-size: 20px;
  opacity: 0.6;
  animation: twinkle 3s ease-in-out infinite;
}
@keyframes twinkle {
  0%,100% { opacity: 0.2; transform: scale(0.9); }
  50% { opacity: 0.9; transform: scale(1.15); }
}

.card {
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(245,158,11,0.25);
  border-radius: 1.25rem;
  box-shadow: 0 8px 24px -12px rgba(120,53,15,0.25);
  animation: rise 0.5s ease both;
}
main > section:nth-child(1) { animation-delay: 0.05s; }
main > section:nth-child(2) { animation-delay: 0.12s; }
main > section:nth-child(3) { animation-delay: 0.19s; }
main > section:nth-child(4) { animation-delay: 0.26s; }
main > section:nth-child(5) { animation-delay: 0.33s; }

@keyframes rise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

.formula-box {
  background: linear-gradient(135deg, #FFF7E0, #FDF2D0);
  border: 1px dashed rgba(245,158,11,0.5);
}

.dot {
  width: 9px; height: 9px; border-radius: 50%; display: inline-block;
}
.dot-live { background: #22c55e; box-shadow: 0 0 0 0 rgba(34,197,94,0.6); animation: pulse 1.8s infinite; }
.dot-load { background: #f59e0b; animation: blink 0.8s infinite; }
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(34,197,94,0.6); }
  70% { box-shadow: 0 0 0 8px rgba(34,197,94,0); }
  100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}
@keyframes blink { 50% { opacity: 0.3; } }

input { font-family: 'Sora', 'Vazirmatn', monospace; }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-thumb { background: rgba(245,158,11,0.4); border-radius: 5px; }