/* Boost Keys — temas (Halloween e Natal). Arquivo CSS comum: pode editar as cores direto aqui.
   Só sobrescreve cores: nada do CSS compilado é alterado. Cada tema vive sob html.bk-hw / html.bk-xm,
   classes postas por bk-theme.js conforme o que o painel admin escolheu (GET /api/theme).
   Sem a classe o site é idêntico ao normal. O âmbar dos avisos NÃO é mexido. */

/* ===================== HALLOWEEN ===================== */
/* ---------- fundo / superfícies ---------- */
html.bk-hw body{background:#0b0810}
html.bk-hw .bg-\[\#0c0c14\]{background-color:#0d0912}
html.bk-hw .bg-\[\#0b0b14\]{background-color:#0c0912}
html.bk-hw .bg-\[\#0b0b12\]{background-color:#0b0810}
html.bk-hw .bg-\[\#07070d\]{background-color:#08060c}
html.bk-hw .bg-\[\#0f0f16\]{background-color:#0f0b15}
html.bk-hw .bg-\[\#101018\]{background-color:#120d1a}
html.bk-hw .bg-\[\#12121c\]{background-color:#150f1d}
html.bk-hw .bg-\[\#07070d\]\/85{background-color:rgba(8,6,12,0.85)}
html.bk-hw .bg-\[\#0f0f16\]\/50{background-color:rgba(15,11,21,0.5)}
html.bk-hw .bg-\[\#101018\]\/90{background-color:rgba(18,13,26,0.9)}
html.bk-hw .bg-\[\#12121c\]\/95{background-color:rgba(21,15,29,0.95)}
html.bk-hw .bg-\[\#16161f\]\/95{background-color:rgba(24,17,33,0.95)}
/* ---------- bordas ---------- */
html.bk-hw .border-blue-400{border-color:#fb923c}
html.bk-hw .border-blue-400\/20{border-color:rgba(251,146,60,.2)}
html.bk-hw .border-blue-400\/25{border-color:rgba(251,146,60,.25)}
html.bk-hw .border-blue-400\/30{border-color:rgba(251,146,60,.3)}
html.bk-hw .border-blue-500\/10{border-color:rgba(249,115,22,.1)}
html.bk-hw .border-blue-500\/15{border-color:rgba(249,115,22,.15)}
html.bk-hw .border-blue-500\/25{border-color:rgba(249,115,22,.25)}
html.bk-hw .border-blue-500\/50{border-color:rgba(249,115,22,.5)}
html.bk-hw .border-cyan-400\/20{border-color:rgba(167,139,250,.2)}
html.bk-hw .border-cyan-500\/25{border-color:rgba(139,92,246,.25)}
html.bk-hw .border-sky-500\/25{border-color:rgba(139,92,246,.25)}
html.bk-hw .border-sky-800\/25{border-color:rgba(91,33,182,.25)}
html.bk-hw .hover\:border-blue-400\/45:hover{border-color:rgba(251,146,60,.45)}
html.bk-hw .hover\:border-blue-400\/50:hover{border-color:rgba(251,146,60,.5)}
html.bk-hw .hover\:border-blue-500\/40:hover{border-color:rgba(249,115,22,.4)}
html.bk-hw .focus\:border-blue-500\/40:focus{border-color:rgba(249,115,22,.4)}
html.bk-hw .focus\:border-blue-500\/50:focus{border-color:rgba(249,115,22,.5)}
html.bk-hw .focus\:ring-blue-500\/20:focus{--tw-ring-color:rgba(249,115,22,.2)}
/* ---------- fundos de destaque ---------- */
html.bk-hw .bg-blue-500\/10{background-color:rgba(249,115,22,.1)}
html.bk-hw .bg-blue-500\/25{background-color:rgba(249,115,22,.25)}
html.bk-hw .bg-blue-500\/\[0\.05\]{background-color:rgba(249,115,22,.05)}
html.bk-hw .bg-blue-500\/\[0\.06\]{background-color:rgba(249,115,22,.06)}
html.bk-hw .bg-blue-600{background-color:#ea580c}
html.bk-hw .bg-blue-600\/20{background-color:rgba(234,88,12,.2)}
html.bk-hw .hover\:bg-blue-600\/30:hover{background-color:rgba(234,88,12,.3)}
html.bk-hw .bg-cyan-500\/10{background-color:rgba(139,92,246,.1)}
html.bk-hw .bg-sky-500\/15{background-color:rgba(139,92,246,.15)}
html.bk-hw .bg-sky-950\/30{background-color:rgba(46,16,101,.3)}
html.bk-hw .bg-\[radial-gradient\(ellipse_at_top\2c rgba\(37\2c 99\2c 235\2c 0\.12\)\2c transparent_50\%\)\]{background-image:radial-gradient(ellipse at top,rgba(124,58,237,0.14),transparent 50%)}
html.bk-hw .bg-\[radial-gradient\(ellipse_at_top\2c rgba\(37\2c 99\2c 235\2c 0\.18\)\2c transparent_55\%\)\]{background-image:radial-gradient(ellipse at top,rgba(124,58,237,0.2),transparent 55%)}
/* ---------- degradês (botão principal etc.) ---------- */
html.bk-hw .from-blue-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,115,22,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
html.bk-hw .from-blue-600{--tw-gradient-from:#c2410c var(--tw-gradient-from-position);--tw-gradient-to:rgba(194,65,12,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
html.bk-hw .via-blue-500{--tw-gradient-to:rgba(249,115,22,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f97316 var(--tw-gradient-via-position),var(--tw-gradient-to)}
html.bk-hw .via-cyan-400{--tw-gradient-to:rgba(251,146,60,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fb923c var(--tw-gradient-via-position),var(--tw-gradient-to)}
html.bk-hw .to-blue-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}
html.bk-hw .to-cyan-400{--tw-gradient-to:#fb923c var(--tw-gradient-to-position)}
html.bk-hw .to-cyan-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}
html.bk-hw .hover\:from-blue-500:hover{--tw-gradient-from:#ea580c var(--tw-gradient-from-position);--tw-gradient-to:rgba(234,88,12,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
html.bk-hw .hover\:via-blue-400:hover{--tw-gradient-to:rgba(251,146,60,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fb923c var(--tw-gradient-via-position),var(--tw-gradient-to)}
html.bk-hw .hover\:to-cyan-300:hover{--tw-gradient-to:#fdba74 var(--tw-gradient-to-position)}
html.bk-hw .hover\:to-cyan-400:hover{--tw-gradient-to:#fb923c var(--tw-gradient-to-position)}
/* ---------- textos ---------- */
html.bk-hw .text-blue-200{color:#fed7aa}
html.bk-hw .text-blue-300{color:#fdba74}
html.bk-hw .text-blue-300\/80{color:rgba(251,146,60,.8)}
html.bk-hw .text-blue-400\/80{color:rgba(251,146,60,.8)}
html.bk-hw .hover\:text-blue-200:hover{color:#fed7aa}
html.bk-hw .text-cyan-300{color:#ddd6fe}
html.bk-hw .text-cyan-300\/90{color:rgba(167,139,250,.9)}
html.bk-hw .text-cyan-400{color:#c4b5fd}
html.bk-hw .text-cyan-400\/80{color:rgba(167,139,250,.8)}
html.bk-hw .text-cyan-400\/90{color:rgba(167,139,250,.9)}
html.bk-hw .text-sky-400{color:#c4b5fd}
html.bk-hw .text-sky-400\/80{color:rgba(167,139,250,.8)}
html.bk-hw .text-sky-500\/70{color:rgba(167,139,250,.7)}
/* ---------- sombras / brilhos / extras ---------- */
html.bk-hw .shadow-blue-500\/25{--tw-shadow-color:rgba(249,115,22,.25)}
html.bk-hw .shadow-blue-600\/20{--tw-shadow-color:rgba(234,88,12,.2)}
html.bk-hw .shadow-blue-600\/25{--tw-shadow-color:rgba(234,88,12,.25)}
html.bk-hw .shadow-blue-950\/40{--tw-shadow-color:rgba(46,16,101,.4)}
html.bk-hw .shadow-\[0_0_24px_rgba\(37\2c 99\2c 235\2c 0\.12\)\]{--tw-shadow:0 0 24px rgba(124,58,237,.14)}
html.bk-hw .drop-shadow-\[0_0_14px_rgba\(59\2c 130\2c 246\2c 0\.55\)\]{--tw-drop-shadow:drop-shadow(0 0 14px rgba(249,115,22,.5))}
html.bk-hw .drop-shadow-\[0_0_16px_rgba\(59\2c 130\2c 246\2c 0\.45\)\]{--tw-drop-shadow:drop-shadow(0 0 16px rgba(249,115,22,.45))}
html.bk-hw .accent-blue-500{accent-color:#f97316}
html.bk-hw ::selection{background:rgba(249,115,22,0.35)}
/* ---------- página 404 (o padrão do Next é texto preto: some no fundo escuro do tema) ---------- */
html.bk-hw .next-error-h1,html.bk-hw .next-error-h1 + div{color:#efe8f8}
html.bk-hw .next-error-h1{border-right-color:rgba(255,255,255,.28)}
/* ---------- fundo animado (bk-fx.js) ---------- */
html.bk-hw .bk-fx-orb.a{background:radial-gradient(circle,rgba(124,58,237,0.5),transparent 70%)}
html.bk-hw .bk-fx-orb.b{background:radial-gradient(circle,rgba(234,88,12,0.32),transparent 70%)}
html.bk-hw .bk-fx-orb.c{background:radial-gradient(circle,rgba(168,85,247,0.24),transparent 70%)}
html.bk-hw .bk-fx-spot{background:radial-gradient(circle,rgba(249,115,22,0.1),transparent 70%)}
html.bk-hw .bk-fx-vignette{background:radial-gradient(ellipse at center,transparent 40%,rgba(5,2,10,0.6) 100%)}
html.bk-hw body.bk-fx-on input:focus,
html.bk-hw body.bk-fx-on textarea:focus{
  box-shadow:0 0 0 3px rgba(249,115,22,.18),0 0 24px rgba(124,58,237,.14)!important;
  border-color:rgba(251,146,60,.5)!important}
html.bk-hw body.bk-fx-on .bk-card{
  box-shadow:0 0 0 1px rgba(249,115,22,.12),0 25px 60px -25px rgba(109,40,217,0.55),0 0 100px -40px rgba(249,115,22,0.22)!important}
html.bk-hw body.bk-fx-on .bk-card::after{
  background:linear-gradient(135deg,rgba(251,146,60,0.55),transparent 40%,transparent 60%,rgba(139,92,246,0.4))}
html.bk-hw.bk-lite body.bk-fx-on .bk-card{box-shadow:0 0 0 1px rgba(249,115,22,.12),0 18px 40px -24px rgba(109,40,217,0.5)!important}
/* ---------- robô (cores do corpo, olhos e esferas) ---------- */
html.bk-hw .bk-logo{filter:drop-shadow(0 0 12px rgba(249,115,22,0.5))!important}
html.bk-hw #bkl-b stop:nth-child(2){stop-color:#f3e8ff}
html.bk-hw #bkl-b stop:nth-child(3){stop-color:#c4a5f5}
html.bk-hw #bkl-b stop:nth-child(4){stop-color:#7c4ddb}
html.bk-hw #bkl-ball stop:nth-child(2){stop-color:#d8c2ff}
html.bk-hw #bkl-ball stop:nth-child(3){stop-color:#6d3fd1}
html.bk-hw #bkl-v stop:nth-child(1){stop-color:#4a2a7a}
html.bk-hw #bkl-v stop:nth-child(2){stop-color:#1f1038}
html.bk-hw #bkl-v stop:nth-child(3){stop-color:#0a0612}
html.bk-hw .bk-logo svg ellipse[stroke="#bfe0ff"]{stroke:#e9d5ff}
html.bk-hw .bk-logo .er ellipse[fill="#5ff0ff"],
html.bk-hw .bk-logo .es ellipse[fill="#5ff0ff"]{fill:#ff7a1a}
html.bk-hw .bk-logo .er ellipse[fill="#b4fbff"]{fill:#ffd9a8}
html.bk-hw .bk-logo .es circle[fill="#a8fbff"]{fill:#ffd9a8}
html.bk-hw .bk-logo .es path{stroke:#ffd9a8}
html.bk-hw .bk-logo .eh path:first-child{stroke:#ff7a1a}
html.bk-hw .bk-logo .eh path:last-child{stroke:#ffd9a8}
html.bk-hw .bk-logo circle[fill="#2a4fe0"]{fill:#5b21b6}
html.bk-hw .bk-logo circle.orb[fill="#5ff0ff"],
html.bk-hw .bk-logo circle.orb[fill="#7df0ff"],
html.bk-hw .bk-logo circle[fill="#7df0ff"]{fill:#ff9a3c}
/* ---------- sobras de azul: editor de tokens, busca, select, checkbox, avisos ---------- */
html.bk-hw .bg-sky-500\/10{background-color:rgba(139,92,246,.1)}
html.bk-hw .border-blue-500\/30{border-color:rgba(249,115,22,.3)}
html.bk-hw .text-sky-300{color:#ddd6fe}
html.bk-hw .bk-ed-wrap:focus-within{border-color:rgba(249,115,22,.4)}
html.bk-hw #bk-find-bar:focus-within{border-color:rgba(249,115,22,.5);background:rgba(249,115,22,.06)}
html.bk-hw #bk-find-bar:focus-within .bk-f-ico{color:#fdba74}
html.bk-hw #bk-find-bar .bk-f-btn:focus-visible{outline:2px solid rgba(249,115,22,.65)}
html.bk-hw textarea.bk-find-hit{outline:1px solid rgba(251,146,60,.5)!important;box-shadow:0 0 0 3px rgba(249,115,22,.14)!important}
html.bk-hw select:focus{border-color:rgba(249,115,22,.55)!important}
html.bk-hw input[type=checkbox]:hover{border-color:rgba(251,146,60,.75)}
html.bk-hw input[type=checkbox]:checked{background-color:#f97316;border-color:#f97316}
html.bk-hw input[type=checkbox]:focus-visible{outline:2px solid rgba(249,115,22,.65)}
html.bk-hw .bk-ed-wrap{background:#0b0810}
html.bk-hw .bkt-card,html.bk-hw .bkt-row{background:#120d1a}
html.bk-hw .bk-hz-dot.on{background:#f97316}
html.bk-hw .bk-rp{border-color:rgba(251,146,60,.26);background:linear-gradient(180deg,rgba(249,115,22,.1),rgba(249,115,22,.03))}
html.bk-hw .bk-rp-spin{border-color:rgba(251,146,60,.24);border-top-color:#fb923c}

/* ===================== NATAL ===================== */
/* ---------- fundo / superfícies ---------- */
html.bk-xm body{background:#0e0a0c radial-gradient(ellipse 120% 70% at 50% -10%,#241015 0%,#150d10 50%,#0c0809 100%) fixed}
html.bk-xm .bg-\[\#0c0c14\]{background-color:#120d0f}
html.bk-xm .bg-\[\#0b0b14\]{background-color:#110c0e}
html.bk-xm .bg-\[\#0b0b12\]{background-color:#0f0b0d}
html.bk-xm .bg-\[\#07070d\]{background-color:#0b0809}
html.bk-xm .bg-\[\#0f0f16\]{background-color:#161012}
html.bk-xm .bg-\[\#101018\]{background-color:#181113}
html.bk-xm .bg-\[\#12121c\]{background-color:#1a1214}
html.bk-xm .bg-\[\#07070d\]\/85{background-color:rgba(11,8,9,0.85)}
html.bk-xm .bg-\[\#0f0f16\]\/50{background-color:rgba(22,16,18,0.5)}
html.bk-xm .bg-\[\#101018\]\/90{background-color:rgba(24,17,19,0.9)}
html.bk-xm .bg-\[\#12121c\]\/95{background-color:rgba(26,18,20,0.95)}
html.bk-xm .bg-\[\#16161f\]\/95{background-color:rgba(30,21,23,0.95)}
/* ---------- bordas ---------- */
html.bk-xm .border-blue-400{border-color:#ff707e}
html.bk-xm .border-blue-400\/20{border-color:rgba(255,112,126,.2)}
html.bk-xm .border-blue-400\/25{border-color:rgba(255,112,126,.25)}
html.bk-xm .border-blue-400\/30{border-color:rgba(255,112,126,.3)}
html.bk-xm .border-blue-500\/10{border-color:rgba(226,36,62,.1)}
html.bk-xm .border-blue-500\/15{border-color:rgba(226,36,62,.15)}
html.bk-xm .border-blue-500\/25{border-color:rgba(226,36,62,.25)}
html.bk-xm .border-blue-500\/50{border-color:rgba(226,36,62,.5)}
html.bk-xm .border-cyan-400\/20{border-color:rgba(255,194,203,.2)}
html.bk-xm .border-cyan-500\/25{border-color:rgba(255,120,138,.25)}
html.bk-xm .border-sky-500\/25{border-color:rgba(255,120,138,.25)}
html.bk-xm .border-sky-800\/25{border-color:rgba(150,24,52,.25)}
html.bk-xm .hover\:border-blue-400\/45:hover{border-color:rgba(255,112,126,.45)}
html.bk-xm .hover\:border-blue-400\/50:hover{border-color:rgba(255,112,126,.5)}
html.bk-xm .hover\:border-blue-500\/40:hover{border-color:rgba(226,36,62,.4)}
html.bk-xm .focus\:border-blue-500\/40:focus{border-color:rgba(226,36,62,.4)}
html.bk-xm .focus\:border-blue-500\/50:focus{border-color:rgba(226,36,62,.5)}
html.bk-xm .focus\:ring-blue-500\/20:focus{--tw-ring-color:rgba(226,36,62,.2)}
/* ---------- fundos de destaque ---------- */
html.bk-xm .bg-blue-500\/10{background-color:rgba(226,36,62,.1)}
html.bk-xm .bg-blue-500\/25{background-color:rgba(226,36,62,.25)}
html.bk-xm .bg-blue-500\/\[0\.05\]{background-color:rgba(226,36,62,.05)}
html.bk-xm .bg-blue-500\/\[0\.06\]{background-color:rgba(226,36,62,.06)}
html.bk-xm .bg-blue-600{background-color:#be1830}
html.bk-xm .bg-blue-600\/20{background-color:rgba(190,24,48,.2)}
html.bk-xm .hover\:bg-blue-600\/30:hover{background-color:rgba(190,24,48,.3)}
html.bk-xm .bg-cyan-500\/10{background-color:rgba(255,120,138,.1)}
html.bk-xm .bg-sky-500\/15{background-color:rgba(255,120,138,.15)}
html.bk-xm .bg-sky-950\/30{background-color:rgba(70,6,22,.3)}
html.bk-xm .bg-\[radial-gradient\(ellipse_at_top\2c rgba\(37\2c 99\2c 235\2c 0\.12\)\2c transparent_50\%\)\]{background-image:radial-gradient(ellipse at top,rgba(236,40,66,0.08),transparent 50%)}
html.bk-xm .bg-\[radial-gradient\(ellipse_at_top\2c rgba\(37\2c 99\2c 235\2c 0\.18\)\2c transparent_55\%\)\]{background-image:radial-gradient(ellipse at top,rgba(236,40,66,0.12),transparent 55%)}
/* ---------- degradês (botão principal etc.) ---------- */
html.bk-xm .from-blue-500{--tw-gradient-from:#d81f3a var(--tw-gradient-from-position);--tw-gradient-to:rgba(226,36,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
html.bk-xm .from-blue-600{--tw-gradient-from:#b3122a var(--tw-gradient-from-position);--tw-gradient-to:rgba(179,18,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
html.bk-xm .via-blue-500{--tw-gradient-to:rgba(226,36,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#d81f3a var(--tw-gradient-via-position),var(--tw-gradient-to)}
html.bk-xm .via-cyan-400{--tw-gradient-to:rgba(255,112,126,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ee3047 var(--tw-gradient-via-position),var(--tw-gradient-to)}
html.bk-xm .to-blue-500{--tw-gradient-to:#e2243e var(--tw-gradient-to-position)}
html.bk-xm .to-cyan-400{--tw-gradient-to:#ff5a63 var(--tw-gradient-to-position)}
html.bk-xm .to-cyan-500{--tw-gradient-to:#e2243e var(--tw-gradient-to-position)}
html.bk-xm .hover\:from-blue-500:hover{--tw-gradient-from:#c9172f var(--tw-gradient-from-position);--tw-gradient-to:rgba(201,23,47,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
html.bk-xm .hover\:via-blue-400:hover{--tw-gradient-to:rgba(255,112,126,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ee3047 var(--tw-gradient-via-position),var(--tw-gradient-to)}
html.bk-xm .hover\:to-cyan-300:hover{--tw-gradient-to:#ff8d94 var(--tw-gradient-to-position)}
html.bk-xm .hover\:to-cyan-400:hover{--tw-gradient-to:#ff5a63 var(--tw-gradient-to-position)}
/* ---------- textos ---------- */
html.bk-xm .text-blue-200{color:#ffd9de}
html.bk-xm .text-blue-300{color:#ffadb7}
html.bk-xm .text-blue-300\/80{color:rgba(255,112,126,.8)}
html.bk-xm .text-blue-400\/80{color:rgba(255,112,126,.8)}
html.bk-xm .hover\:text-blue-200:hover{color:#ffd9de}
html.bk-xm .text-cyan-300{color:#fff0f2}
html.bk-xm .text-cyan-300\/90{color:rgba(255,194,203,.9)}
html.bk-xm .text-cyan-400{color:#ffc2cb}
html.bk-xm .text-cyan-400\/80{color:rgba(255,194,203,.8)}
html.bk-xm .text-cyan-400\/90{color:rgba(255,194,203,.9)}
html.bk-xm .text-sky-400{color:#ffc2cb}
html.bk-xm .text-sky-400\/80{color:rgba(255,194,203,.8)}
html.bk-xm .text-sky-500\/70{color:rgba(255,194,203,.7)}
/* ---------- sombras / brilhos / extras ---------- */
html.bk-xm .shadow-blue-500\/25{--tw-shadow-color:rgba(226,36,62,.25)}
html.bk-xm .shadow-blue-600\/20{--tw-shadow-color:rgba(190,24,48,.2)}
html.bk-xm .shadow-blue-600\/25{--tw-shadow-color:rgba(190,24,48,.25)}
html.bk-xm .shadow-blue-950\/40{--tw-shadow-color:rgba(70,6,22,.4)}
html.bk-xm .shadow-\[0_0_24px_rgba\(37\2c 99\2c 235\2c 0\.12\)\]{--tw-shadow:0 0 24px rgba(236,40,66,.14)}
html.bk-xm .drop-shadow-\[0_0_14px_rgba\(59\2c 130\2c 246\2c 0\.55\)\]{--tw-drop-shadow:drop-shadow(0 0 14px rgba(226,36,62,.5))}
html.bk-xm .drop-shadow-\[0_0_16px_rgba\(59\2c 130\2c 246\2c 0\.45\)\]{--tw-drop-shadow:drop-shadow(0 0 16px rgba(226,36,62,.45))}
html.bk-xm .accent-blue-500{accent-color:#e2243e}
html.bk-xm ::selection{background:rgba(226,36,62,0.4)}
/* ---------- página 404 (o padrão do Next é texto preto: some no fundo escuro do tema) ---------- */
html.bk-xm .next-error-h1,html.bk-xm .next-error-h1 + div{color:#fff1f2}
html.bk-xm .next-error-h1{border-right-color:rgba(255,255,255,.28)}
/* ---------- fundo animado (bk-fx.js) ---------- */
html.bk-xm .bk-fx-orb.a{background:radial-gradient(circle,rgba(236,40,66,0.16),transparent 70%)}
html.bk-xm .bk-fx-orb.b{background:radial-gradient(circle,rgba(180,18,48,0.12),transparent 70%)}
html.bk-xm .bk-fx-orb.c{background:radial-gradient(circle,rgba(255,172,104,0.04),transparent 70%)}
html.bk-xm .bk-fx-spot{background:radial-gradient(circle,rgba(255,200,160,0.05),transparent 70%)}
html.bk-xm .bk-fx-vignette{background:radial-gradient(ellipse at center,transparent 40%,rgba(10,2,5,0.55) 100%)}
html.bk-xm body.bk-fx-on input:focus,
html.bk-xm body.bk-fx-on textarea:focus{
  box-shadow:0 0 0 3px rgba(255,112,126,.18),0 0 24px rgba(226,36,62,.14)!important;
  border-color:rgba(255,112,126,.5)!important}
html.bk-xm body.bk-fx-on .bk-card{
  box-shadow:0 0 0 1px rgba(255,112,126,.12),0 25px 60px -25px rgba(0,0,0,0.5),0 0 100px -40px rgba(226,36,62,0.07)!important}
html.bk-xm body.bk-fx-on .bk-card::after{
  background:linear-gradient(135deg,rgba(255,214,196,0.28),transparent 40%,transparent 60%,rgba(226,36,62,0.22))}
html.bk-xm.bk-lite body.bk-fx-on .bk-card{box-shadow:0 0 0 1px rgba(255,112,126,.12),0 18px 40px -24px rgba(170,16,44,0.5)!important}
/* ---------- robô (cores do corpo, olhos e esferas) ---------- */
html.bk-xm .bk-logo{filter:drop-shadow(0 0 12px rgba(255,196,110,0.42))!important}
html.bk-xm #bkl-b stop:nth-child(2){stop-color:#fffafa}
html.bk-xm #bkl-b stop:nth-child(3){stop-color:#f9e2e6}
html.bk-xm #bkl-b stop:nth-child(4){stop-color:#e0adb9}
html.bk-xm #bkl-ball stop:nth-child(2){stop-color:#fff0f2}
html.bk-xm #bkl-ball stop:nth-child(3){stop-color:#d98c9c}
html.bk-xm #bkl-v stop:nth-child(1){stop-color:#82152f}
html.bk-xm #bkl-v stop:nth-child(2){stop-color:#3c0919}
html.bk-xm #bkl-v stop:nth-child(3){stop-color:#13030a}
html.bk-xm .bk-logo svg ellipse[stroke="#bfe0ff"]{stroke:#ffd3da}
html.bk-xm .bk-logo .er ellipse[fill="#5ff0ff"],
html.bk-xm .bk-logo .es ellipse[fill="#5ff0ff"]{fill:#ffc13a}
html.bk-xm .bk-logo .er ellipse[fill="#b4fbff"]{fill:#fff1bf}
html.bk-xm .bk-logo .es circle[fill="#a8fbff"]{fill:#fff1bf}
html.bk-xm .bk-logo .es path{stroke:#fff1bf}
html.bk-xm .bk-logo .eh path:first-child{stroke:#ffc13a}
html.bk-xm .bk-logo .eh path:last-child{stroke:#fff1bf}
html.bk-xm .bk-logo circle[fill="#2a4fe0"]{fill:#a3122e}
html.bk-xm .bk-logo circle.orb[fill="#5ff0ff"],
html.bk-xm .bk-logo circle.orb[fill="#7df0ff"],
html.bk-xm .bk-logo circle[fill="#7df0ff"]{fill:#ffcf5a}
/* ---------- sobras de azul: editor de tokens, busca, select, checkbox, avisos ---------- */
html.bk-xm .bg-sky-500\/10{background-color:rgba(255,120,138,.1)}
html.bk-xm .border-blue-500\/30{border-color:rgba(226,36,62,.3)}
html.bk-xm .text-sky-300{color:#fff0f2}
html.bk-xm .bk-ed-wrap:focus-within{border-color:rgba(226,36,62,.4)}
html.bk-xm #bk-find-bar:focus-within{border-color:rgba(226,36,62,.5);background:rgba(226,36,62,.06)}
html.bk-xm #bk-find-bar:focus-within .bk-f-ico{color:#ffadb7}
html.bk-xm #bk-find-bar .bk-f-btn:focus-visible{outline:2px solid rgba(226,36,62,.65)}
html.bk-xm textarea.bk-find-hit{outline:1px solid rgba(255,112,126,.5)!important;box-shadow:0 0 0 3px rgba(226,36,62,.14)!important}
html.bk-xm select:focus{border-color:rgba(226,36,62,.55)!important}
html.bk-xm input[type=checkbox]:hover{border-color:rgba(255,112,126,.75)}
html.bk-xm input[type=checkbox]:checked{background-color:#e2243e;border-color:#e2243e}
html.bk-xm input[type=checkbox]:focus-visible{outline:2px solid rgba(226,36,62,.65)}
html.bk-xm .bk-ed-wrap{background:#0f0b0d}
html.bk-xm .bkt-card,html.bk-xm .bkt-row{background:#181113}
html.bk-xm .bk-hz-dot.on{background:#e2243e}
html.bk-xm .bk-rp{border-color:rgba(255,112,126,.26);background:linear-gradient(180deg,rgba(226,36,62,.1),rgba(226,36,62,.03))}
html.bk-xm .bk-rp-spin{border-color:rgba(255,112,126,.24);border-top-color:#ff707e}

/* ---------- fantasia do robô (inserida por bk-theme.js dentro da cabeça) ---------- */
.bk-logo.bk-dressed .al,.bk-logo.bk-dressed .ar{opacity:0}
.bk-logo .bk-costume{transform-origin:200px 100px;scale:.9;transition:transform .3s ease-out}
.bk-logo.s-failed .bk-costume{transform:rotate(-8deg) translate(-4px,3px)}
.bk-logo.s-done .bk-costume,.bk-logo.s-partial .bk-costume{animation:bkth-pop .9s cubic-bezier(.2,.8,.2,1) 1}
.bk-logo .bk-costume .tw{animation:bkth-tw 3.2s ease-in-out infinite}
.bk-logo .bk-cheeks{opacity:.95;transform-box:fill-box;transform-origin:center;transition:opacity .3s,scale .3s}
.bk-logo.hv .bk-cheeks,.bk-logo.s-done .bk-cheeks,.bk-logo.s-partial .bk-cheeks{opacity:1;scale:1.16 1.16}
.bk-logo.s-failed .bk-cheeks{opacity:.3}
.bk-logo .bk-extra .sc-tail{transform-box:fill-box;transform-origin:50% 0;animation:bkth-sc 4s ease-in-out infinite}
.bk-logo.hv .bk-extra .sc-tail{animation-duration:1.2s}
@keyframes bkth-tw{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes bkth-pop{0%,100%{transform:translateY(0)}35%{transform:translateY(-4px)}}
@keyframes bkth-sc{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(6deg)}}
html.bk-lite .bk-logo .bk-costume .tw,html.bk-lite .bk-logo .bk-extra .sc-tail{animation:none!important;opacity:.95}

/* ---------- efeitos leves (neve no Natal; brasas e morcegos no Halloween) — só transform/opacity ---------- */
#bk-th-fx{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;contain:strict;animation:bkth-in .8s ease-out both}
@keyframes bkth-in{from{opacity:0}to{opacity:1}}
#bk-th-fx i,#bk-th-fx b,#bk-th-fx span{position:absolute;display:block;opacity:0;will-change:transform}
#bk-th-fx i.sn{top:-12px;border-radius:50%;background:#fff;box-shadow:0 0 4px rgba(255,255,255,.4);animation:bkth-fall linear infinite,bkth-sway ease-in-out infinite alternate}
#bk-th-fx i.em{bottom:-12px;border-radius:50%;background:#ff9a3c;box-shadow:0 0 8px rgba(249,115,22,.8);animation:bkth-rise linear infinite,bkth-sway ease-in-out infinite alternate}
#bk-th-fx span.bat{left:-60px;width:40px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'%3E%3Cpath fill='%23c9b6ff' d='M20 6.5C18.4 6.5 17.4 5 16.6 2.6L15.4 6.4C11.6 4.2 6.4 4.6 1 9.4 4.6 9.2 7.8 10.2 9.8 13.2 11 11.4 13 11.4 14.4 13.2 15.4 11.6 17 11.2 18.2 12.8L20 17 21.8 12.8C23 11.2 24.6 11.6 25.6 13.2 27 11.4 29 11.4 30.2 13.2 32.2 10.2 35.4 9.2 39 9.4 33.6 4.6 28.4 4.2 24.6 6.4L23.4 2.6C22.6 5 21.6 6.5 20 6.5Z'/%3E%3C/svg%3E") center/contain no-repeat;animation:bkth-fly linear infinite,bkth-bob ease-in-out infinite alternate,bkth-flap ease-in-out infinite alternate}
@keyframes bkth-fall{0%{transform:translate3d(0,0,0);opacity:0}8%{opacity:var(--o,.7)}92%{opacity:var(--o,.7)}100%{transform:translate3d(0,calc(100vh + 40px),0);opacity:0}}
@keyframes bkth-rise{0%{transform:translate3d(0,0,0);opacity:0}12%{opacity:var(--o,.6)}85%{opacity:var(--o,.6)}100%{transform:translate3d(0,calc(-100vh - 30px),0);opacity:0}}
@keyframes bkth-sway{from{translate:calc(var(--dx,18px)*-1) 0}to{translate:var(--dx,18px) 0}}
@keyframes bkth-fly{0%{transform:translate3d(0,0,0);opacity:0}5%{opacity:.55}95%{opacity:.55}100%{transform:translate3d(calc(100vw + 140px),0,0);opacity:0}}
@keyframes bkth-bob{from{translate:0 -16px}to{translate:0 16px}}
@keyframes bkth-flap{from{scale:1 1}to{scale:1 .62}}

/* ---------- enfeites do card do resgate (a div que envolve o card não corta nada) ---------- */
.bk-xm .bk-card-wrap,.bk-hw .bk-card-wrap{position:relative}
.bk-hw .bk-card-wrap::before{content:"";position:absolute;z-index:3;right:-3px;top:-3px;width:96px;height:96px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cpath d='M96 0L79.3 94.5M96 0L48 83.1M96 0L22.5 61.7M96 0L5.8 32.8M92.2 21.7Q89.5 17.8 85 19.1M85 19.1Q83.8 14.5 79.1 14.1M79.1 14.1Q79.6 9.5 75.3 7.5M88.7 41.4Q83.6 33.9 75 36.4M75 36.4Q72.8 27.7 63.8 27M63.8 27Q64.7 18.1 56.5 14.4M85.2 61.1Q77.8 50.1 65 53.7M65 53.7Q61.7 40.8 48.5 39.9M48.5 39.9Q49.8 26.7 37.7 21.2M81.8 80.8Q71.9 66.3 55 71M55 71Q50.7 54 33.2 52.7M33.2 52.7Q34.9 35.3 18.9 28' fill='none' stroke='%23d9ccff' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right top/96px 96px;opacity:.5}
.bk-hw .bk-card-wrap::after{content:"";position:absolute;z-index:3;right:118px;top:-3px;width:36px;height:72px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cpath d='M18 0V40' stroke='%23d9ccff' stroke-width='1.2' opacity='.8'/%3E%3Cg fill='none' stroke='%238f72e0' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M11 48Q1 38 2 52'/%3E%3Cpath d='M25 48Q35 38 34 52'/%3E%3Cpath d='M11 49.6Q2 42 3 58.4'/%3E%3Cpath d='M25 49.6Q34 42 33 58.4'/%3E%3Cpath d='M11 51.2Q2 46 3 64.8'/%3E%3Cpath d='M25 51.2Q34 46 33 64.8'/%3E%3Cpath d='M11 52.8Q4 50 5 71.2'/%3E%3Cpath d='M25 52.8Q32 50 31 71.2'/%3E%3C/g%3E%3Ccircle cx='18' cy='48' r='10.5' fill='%238f72e0'/%3E%3Cellipse cx='14.5' cy='43.5' rx='4' ry='2.6' fill='%23fff' opacity='.35'/%3E%3Ccircle cx='14' cy='47' r='3' fill='%23fff'/%3E%3Ccircle cx='22' cy='47' r='3' fill='%23fff'/%3E%3Ccircle cx='14.6' cy='47.6' r='1.4' fill='%231b0f33'/%3E%3Ccircle cx='22.6' cy='47.6' r='1.4' fill='%231b0f33'/%3E%3Cpath d='M15.5 52.5q2.5 2 5 0' fill='none' stroke='%231b0f33' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center top/36px 72px;transform-origin:50% 0;animation:bkth-swing 6s ease-in-out infinite}
@keyframes bkth-swing{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
html.bk-lite .bk-hw .bk-card-wrap::after{animation:none}
@media (max-width:620px){.bk-hw .bk-card-wrap::after{display:none}.bk-hw .bk-card-wrap::before{width:76px;height:76px;background-size:76px 76px}}

/* ---------- pílula de prévia (só aparece com ?theme=...) ---------- */
#bk-th-preview{position:fixed;left:12px;bottom:12px;z-index:60;font:500 11px/1 system-ui,sans-serif;color:#e5e7eb;background:rgba(15,15,22,.92);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px;display:flex;gap:8px;align-items:center}
#bk-th-preview a{color:inherit;opacity:.7;text-decoration:underline}
@media (prefers-reduced-motion:reduce){
  .bk-logo .bk-costume,.bk-logo .bk-costume .tw,.bk-logo .bk-extra .sc-tail,.bk-logo .bk-cheeks,.bk-hw .bk-card-wrap::after{animation:none!important;transition:none!important}
  #bk-th-fx{display:none!important}
}

/* ---------- aba "Temas" do painel admin ---------- */
.bkt-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media (min-width:720px){.bkt-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bkt-card{position:relative;text-align:left;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#101018;padding:.9rem .9rem 1rem;color:#fff;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.bkt-card:hover{border-color:rgba(255,255,255,.18);transform:translateY(-1px)}
.bkt-card[aria-pressed="true"]{border-color:var(--bkt-c,#3b82f6);box-shadow:0 0 0 1px var(--bkt-c,#3b82f6),0 10px 30px -14px var(--bkt-c,#3b82f6)}
.bkt-thumb{height:92px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-bottom:.7rem}
.bkt-thumb img{width:64px;height:64px;object-fit:contain;position:relative;z-index:1}
.bkt-thumb::before{content:"";position:absolute;inset:0;background:var(--bkt-bg)}
.bkt-dots{display:flex;gap:5px;margin-top:.5rem}
.bkt-dots b{width:12px;height:12px;border-radius:50%;display:block;border:1px solid rgba(255,255,255,.15)}
.bkt-badge{position:absolute;top:.55rem;right:.55rem;z-index:2;font-size:9.5px;letter-spacing:.02em;border-radius:999px;padding:3px 8px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);color:#e5e7eb}
.bkt-badge.on{background:var(--bkt-c,#3b82f6);border-color:transparent;color:#fff}
.bkt-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#101018;padding:.9rem 1rem}
.bkt-sw{position:relative;flex:0 0 auto;width:42px;height:24px;border-radius:999px;border:0;background:rgba(255,255,255,.14);cursor:pointer;transition:background .2s}
.bkt-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
html.bk-hw{--bkt-c:#f97316}
html.bk-xm{--bkt-c:#e2243e}
.bkt-sw[aria-checked="true"]{background:var(--bkt-c,#3b82f6)}
.bkt-sw[aria-checked="true"]::after{transform:translateX(18px)}
.bkt-sw:disabled{opacity:.4;cursor:not-allowed}
