/* app.css (rebuilt) */
:root { color-scheme: dark; }


/* Inline CSS moved from index.php */

    .glass-card { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(20px); border: 1px solid rgba(148, 163, 184, 0.1); }
    .view-transition { transition: opacity 0.3s ease-in-out; }
    .toast-enter { animation: slideIn 0.3s ease-out; }
    .toast-exit { animation: slideOut 0.3s ease-in forwards; }
    @keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
    @keyframes slideOut { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100%); opacity: 0; } }
    .chip { background: rgba(99, 102, 241, 0.2); border: 1px solid rgba(99, 102, 241, 0.3); }
    .chip-tone { background: rgba(34, 197, 94, 0.2); border: 1px solid rgba(34, 197, 94, 0.3); }
    .chip-keyword { background: rgba(236, 72, 153, 0.2); border: 1px solid rgba(236, 72, 153, 0.3); }

/* --- Pro upsell UI (freemium) --- */
.pro-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 600;
  background: rgba(245, 158, 11, 0.18); /* amber */
  border: 1px solid rgba(245, 158, 11, 0.25);
  color: rgba(252, 211, 77, 0.95);
}

.pro-disabled {
  opacity: 0.55;
  cursor: not-allowed !important;
}

.pro-disabled:hover {
  transform: none !important;
}