/* Roast Card styles. */

.privacy-card {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  background: color-mix(in srgb, var(--accent) 8%, var(--bg-elev));
  margin: var(--space-4) 0;
}

.start-actions { display: grid; gap: var(--space-2); margin-top: var(--space-4); }

/* Analyzing */
.pulse-orb {
  font-size: 4rem; margin: var(--space-6) auto var(--space-3); width: fit-content;
  animation: orbPulse 1.4s ease-in-out infinite;
}
@keyframes orbPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@media (prefers-reduced-motion: reduce) { .pulse-orb { animation: none; } }

/* Results */
.roast-card { margin-bottom: var(--space-3); }
.r-kicker { letter-spacing: 0.22em; font-size: 0.72rem; font-weight: 800; color: var(--accent-text); }
.roast-score {
  font-size: 4.6rem; font-weight: 850; line-height: 1.1; letter-spacing: -0.03em;
  background: linear-gradient(120deg, #fb7185, #f97316 60%, #fde047);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

.area-list { display: grid; gap: var(--space-3); margin-top: var(--space-4); }
.area {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-sm); padding: var(--space-3);
}
.area .head { display: flex; justify-content: space-between; align-items: baseline; font-weight: 750; }
.area .head .tag { color: var(--accent-text); font-size: 0.85rem; }
.area .line { color: var(--text-dim); font-size: 0.92rem; margin: 6px 0 0; }