/* Fundo exterior — Brick Ember #BC1A0D + Dark Cyan #008e97 (como o degradê antigo, nas cores novas).
   Carregado depois de question-screen.css. */

.qs-app {
  /* fallback (navegadores sem interpolação em oklab) */
  background: linear-gradient(165deg, #BC1A0D 0%, #9A1509 22%, #008e97 70%, #00a8b2 100%);
  /* interpolação em oklab: a mistura fica limpa, sem passar por um tom "sujo" */
  background: linear-gradient(in oklab 165deg, #BC1A0D 0%, #008e97 100%);
}

/* remove as decorações do fundo antigo (listras, brilho e onda) */
.qs-app::before,
.qs-app::after { display: none; }
.qs-app > .qs-wave-session { display: none !important; }

/* sombra do botão "ver mais" alinhada ao Brick Ember */
.qs-more {
  box-shadow:
    0 8px 20px rgba(188, 26, 13, 0.36),
    0 0 0 4px rgba(255, 255, 255, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

/* sombra discreta pro cartão branco "descolar" do fundo */
.qs-screen {
  box-shadow: 0 24px 60px rgba(40, 15, 20, 0.32);
}