/* UVZ Funnel Forge — custom styles */

html { scroll-behavior: smooth; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

.glass {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.gradient-text {
  background: linear-gradient(135deg, #e879f9 0%, #a78bfa 50%, #22d3ee 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Score bar */
.score-bar {
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  overflow: hidden;
}
.score-bar > div {
  height: 100%;
  background: linear-gradient(90deg, #8b5cf6, #ec4899);
  transition: width .5s ease;
}

/* Copy button */
.copy-btn {
  transition: all .15s ease;
}
.copy-btn:active { transform: scale(0.95); }
.copy-btn.copied {
  background: rgba(16,185,129,0.2);
  color: #6ee7b7;
  border-color: rgba(16,185,129,0.4);
}

/* Chat */
.chat-panel {
  height: 500px;
  display: flex;
  flex-direction: column;
}
.chat-messages {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.2) transparent;
}
.chat-messages::-webkit-scrollbar { width: 6px; }
.chat-messages::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 3px; }

.msg-user {
  background: linear-gradient(135deg, #8b5cf6, #ec4899);
  color: white;
  margin-left: auto;
  max-width: 85%;
}
.msg-ai {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  color: #e2e8f0;
  max-width: 85%;
}

/* Loading spinner */
@keyframes spin { to { transform: rotate(360deg); } }
.spin { animation: spin 1s linear infinite; }

@keyframes pulse-grow {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.15); opacity: 0.7; }
}
.pulse-grow { animation: pulse-grow 1.5s ease-in-out infinite; }

/* Mobile fixes */
@media (max-width: 640px) {
  h1 { font-size: 2.5rem !important; }
}