/* =====================================================================
   Biblioteca de Prompts — base do tema.
   Identidade própria: grafite frio + violeta. A área de membros é vermelha
   e o acervo é rosa/turquesa; a biblioteca precisa se reconhecer sozinha
   mesmo rodando dentro do iframe de lá.
   ===================================================================== */
:root {
  --bg: #0a0a0f;
  --bg-2: #101018;
  --card: #15151f;
  --card-2: #1c1c28;
  --linha: #26263440;
  --linha-forte: #2c2c3c;
  --texto: #f4f4f7;
  --texto-2: #9292a6;
  --texto-3: #63637a;
  --acento: #7c5cff;
  --acento-fraco: rgba(124, 92, 255, .14);
  --acento-2: #ffb86b;
  --ok: #35d07f;
  --erro: #ff5f6d;
  --raio: 14px;
  --fonte: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--texto);
  font-family: var(--fonte);
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
.oculto { display: none !important; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #2a2a38; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #38384a; }

input, textarea, select {
  font: inherit;
  color: var(--texto);
  background: var(--bg-2);
  border: 1px solid var(--linha-forte);
  border-radius: 10px;
  padding: 11px 13px;
  width: 100%;
}
input:focus, textarea:focus, select:focus { outline: none; border-color: var(--acento); }
textarea { resize: vertical; min-height: 120px; line-height: 1.55; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 10px 16px; border-radius: 10px;
  border: 1px solid var(--linha-forte); background: var(--card-2);
  font-size: 13px; font-weight: 600; transition: .15s;
}
.btn:hover { background: #24243200; background-color: #232331; border-color: #3a3a4c; }
.btn-primario { background: var(--acento); border-color: var(--acento); color: #fff; }
.btn-primario:hover { background: var(--acento); filter: brightness(1.12); }
.btn-perigo { color: var(--erro); }
.btn:disabled { opacity: .5; cursor: default; }

.aviso {
  background: rgba(255, 95, 109, .12);
  border: 1px solid rgba(255, 95, 109, .35);
  color: #ff97a1;
  border-radius: 10px;
  padding: 11px 14px;
  font-size: 13px;
}