/* ============================================================
   A PELE DE CÓDIGO — as salas que ensinam programação (Python, IA)
   Pedido de 15/10/2026, "tipo isso": a página Change Stack do CodeRabbit.
   Uma aula vira uma tela de ferramenta: barra fina em cima com o estado
   e o nome, painel da esquerda com as camadas (as seções, numeradas),
   três cartões de medida, e o conteúdo em painéis escuros de borda fina.
   Cores dela: fundo #121014, painel #1a181d, borda #27242b/#322f37,
   texto #efedf0 / #b5b2b9, verde #2de3a1, vermelho #ff6256, âmbar #ffa057,
   amarelo #ffca16, azul #6ea8fe. Laranja #ff570a só na ação.
   Entra DEPOIS do estilo próprio de cada aula, só trocando cor e moldura.
   ============================================================ */
:root, :root:not([data-theme="light"]), :root[data-theme="dark"]{
  color-scheme:dark;
  --cs-fundo:#121014; --cs-painel:#1a181d; --cs-painel2:#211e25; --cs-borda:#27242b; --cs-borda2:#322f37; --cs-borda3:#4a464f;
  --cs-tinta:#efedf0; --cs-dim:#b5b2b9; --cs-fraco:#7f7a86;
  --cs-verde:#2de3a1; --cs-verde-fundo:#122b26; --cs-verm:#ff6256; --cs-verm-fundo:#44171b; --cs-ambar:#ffa057; --cs-amarelo:#ffca16; --cs-azul:#6ea8fe; --cs-rosa:#ff5c8a;
  --cs-laranja:#ff570a; --cs-botao:#2b282f;
  --cs-sans:Inter,"Geist","Noto Sans",ui-sans-serif,system-ui,sans-serif; --cs-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
  /* as variáveis que as aulas de Python já usam */
  --paper:var(--cs-fundo); --paper-2:var(--cs-painel); --ink:var(--cs-tinta); --ink-soft:var(--cs-dim); --line:var(--cs-borda2);
  --azul:var(--cs-azul); --azul-soft:#9cc3ff; --marca:var(--cs-amarelo); --marca-forte:#e0b000; --verde:var(--cs-verde); --coral:var(--cs-verm);
  --editor:#141217; --editor-2:#1a181d;
  /* as do estilo.css (tijolos) e da sala de IA */
  --papel:var(--cs-fundo); --papel-2:var(--cs-painel); --tinta:var(--cs-tinta); --caixa:var(--cs-painel); --linha:var(--cs-borda2); --fraco:var(--cs-fraco); --dim:var(--cs-dim);
  --cartao:var(--cs-painel); --cartao-borda:var(--cs-borda2); --azul-titulo:var(--cs-azul); --fundo:var(--cs-fundo);
}
html{background:var(--cs-fundo)}
body, body.gai{background:var(--cs-fundo) !important;background-image:none !important;color:var(--cs-tinta) !important;font-family:var(--cs-sans);font-size:15.5px;line-height:1.6}
h1,h2,h3,h4{color:var(--cs-tinta) !important;font-family:var(--cs-sans) !important;font-weight:500 !important;letter-spacing:-.015em}
h1{font-size:clamp(1.9rem,3.4vw,2.6rem) !important;line-height:1.12 !important}
h2{font-size:clamp(1.35rem,2.2vw,1.8rem) !important;line-height:1.2 !important;margin-top:3rem;scroll-margin-top:110px}
h3{font-size:1.05rem !important}
p,li,td,th,label,figcaption,dd,dt{color:var(--cs-dim)}
p strong,li strong,p b,li b{color:var(--cs-tinta)}
a{color:var(--cs-azul)}
hr{border:0;border-top:1px solid var(--cs-borda)}
/* ---- a tela de ferramenta: barra de cima, painel da esquerda, conteúdo ---- */
.cs-barra{position:sticky;top:62px;z-index:25;background:#141217;border-bottom:1px solid var(--cs-borda);font-size:.82rem;color:var(--cs-dim)}
.cs-barra .cx{max-width:1380px;margin:0 auto;padding:8px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cs-barra b{color:var(--cs-tinta);font-weight:500}
.cs-barra .sep{color:var(--cs-borda3)}
.cs-barra .mono{font-family:var(--cs-mono);font-size:.76rem}
.cs-aberta{display:inline-flex;align-items:center;gap:6px;background:var(--cs-verde-fundo);color:var(--cs-verde);border:1px solid rgba(45,227,161,.35);border-radius:6px;padding:2px 8px;font-size:.74rem;font-family:var(--cs-mono)}
.cs-aberta::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cs-verde)}
.cs-barra .bt{margin-left:auto;background:#fff;color:#121014;border-radius:6px;padding:5px 11px;text-decoration:none;font-weight:500}
.cs{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:0;align-items:start}
.cs-lado{position:sticky;top:101px;max-height:calc(100vh - 101px);overflow:auto;border-right:1px solid var(--cs-borda);padding:14px 12px 24px;font-size:.84rem;scrollbar-width:thin}
.cs-abas{display:flex;gap:4px;margin-bottom:10px}
.cs-abas span{background:var(--cs-botao);border:1px solid var(--cs-borda2);border-radius:6px;padding:3px 9px;color:var(--cs-tinta);font-size:.78rem}
.cs-abas span+span{background:none;color:var(--cs-dim)}
.cs-lado .cs-ind{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;color:var(--cs-dim);text-decoration:none}
.cs-lado .cs-ind.ativo{background:var(--cs-painel2);color:var(--cs-tinta)}
.cs-lado .cs-ind:hover{color:var(--cs-tinta)}
.cs-camadas{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px solid var(--cs-borda)}
.cs-camadas li a{display:grid;grid-template-columns:20px 1fr;gap:8px;padding:7px 8px;border-radius:6px;color:var(--cs-dim);text-decoration:none;line-height:1.3}
.cs-camadas li a:hover,.cs-camadas li a.ativo{background:var(--cs-painel2);color:var(--cs-tinta)}
.cs-camadas .n{width:20px;height:20px;border:1px solid var(--cs-borda2);border-radius:5px;font-family:var(--cs-mono);font-size:.68rem;display:grid;place-items:center;color:var(--cs-fraco)}
.cs-camadas li a.ativo .n{border-color:var(--cs-verde);color:var(--cs-verde)}
.cs-camadas small{display:block;color:var(--cs-fraco);font-size:.72rem;margin-top:2px}
.cs-main{min-width:0;padding:22px clamp(16px,3vw,40px) 60px}
.cs-main>.wrap,.cs-main>.aula,.cs-main>main,.cs-main>.folha,.cs-main>.conteudo{max-width:860px !important;margin:0 !important;padding-left:0 !important;padding-right:0 !important}
/* os três cartões de medida, como "Layers · Files changed · Severity findings" */
.cs-medidas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-width:860px;margin:6px 0 26px}
.cs-medida{background:var(--cs-painel);border:1px solid var(--cs-borda);border-radius:10px;padding:12px 14px}
.cs-medida .r{font-size:.78rem;color:var(--cs-dim);padding-bottom:8px;border-bottom:1px solid var(--cs-borda);margin-bottom:10px}
.cs-medida .v{font-size:1.5rem;font-weight:500;color:var(--cs-tinta);line-height:1}
.cs-medida .v small{font-size:.8rem;color:var(--cs-dim);font-weight:400;margin-left:6px}
.cs-medida .b{display:flex;gap:4px;margin:10px 0 6px}
.cs-medida .b i{height:3px;flex:1;border-radius:2px;background:var(--cs-borda2)}
.cs-medida .b i.on{background:var(--cs-verde)}.cs-medida .b i.amb{background:var(--cs-ambar)}.cs-medida .b i.ama{background:var(--cs-amarelo)}.cs-medida .b i.az{background:var(--cs-azul)}
.cs-medida .l{font-size:.74rem;color:var(--cs-fraco)}
.cs-medida .l .v1{color:var(--cs-verde)}.cs-medida .l .v2{color:var(--cs-verm)}.cs-medida .l .v3{color:var(--cs-ambar)}
.cs-atualizada{font-size:.76rem;color:var(--cs-fraco);margin:0 0 6px}
/* a etiqueta mono miúda e numerada em cima das seções */
h2 .n,h3 .n,.eyebrow,.rot,.etiqueta,.rotulo,.cover .tag,.tag,.recap h2 .n{
  display:block;font-family:var(--cs-mono) !important;font-size:.7rem !important;font-weight:500 !important;
  letter-spacing:.12em;text-transform:uppercase;color:var(--cs-verde) !important;margin-bottom:.6rem;background:none !important;border:0 !important;padding:0 !important}
body{counter-reset:secao}
h2 .n::before{counter-increment:secao;content:counter(secao,decimal-leading-zero) " ";color:var(--cs-fraco)}
/* painéis: o que era papel vira painel escuro de borda fina */
.nota,.ex,.recap,.sol,.acard,.dcard,.qcard,.game,.demo,.play,.console,.cover,.fn-box,.checklist,.proximo,.fim,.trace,.io-lab,.gate,
.cartao,.bloco,.destaque,.etapa,.palco,.tira-foto,.video-real,.imagem-real,.lupa-area,.numeros div,.tijolo,.conta,
.folha .capa,.folha .navega a,.folha details,.folha .caixa,.folha aside,.folha .lab,.folha .regra-final,.folha table{
  background:var(--cs-painel) !important;border:1px solid var(--cs-borda) !important;border-radius:10px;color:var(--cs-tinta);box-shadow:none !important}
.nota.erro{border-color:rgba(255,98,86,.4) !important}
.nota.erro .titulo{color:var(--cs-verm) !important}
.nota.regra{border-color:rgba(45,227,161,.35) !important}
.nota.regra .titulo{color:var(--cs-verde) !important}
.nota .titulo,.ex h3,.recap h2{color:var(--cs-tinta) !important}
.ex h3 .badge,.badge,.chip,.g-chip,.mpill,.cover .meta,.con-chip,.exbtn,.pexamples button{
  background:var(--cs-botao) !important;border:1px solid var(--cs-borda2) !important;color:var(--cs-tinta) !important;border-radius:6px;font-weight:500;font-size:.8rem}
.con-chip:hover,.exbtn:hover{border-color:var(--cs-borda3) !important;background:var(--cs-painel2) !important}
/* o editor: painel escuro, barra de arquivo em cima, listra fina no pé */
.editor,.play,.console{position:relative;background:var(--cs-painel) !important;padding:0 !important;border-radius:10px !important;border:1px solid var(--cs-borda2) !important;overflow:hidden}
.editor .bar,.play .pbar,.console .c-bar{background:#141217 !important;color:var(--cs-dim) !important;border:0 !important;border-bottom:1px solid var(--cs-borda) !important;border-radius:0;font-family:var(--cs-mono);font-size:.76rem;padding:8px 12px}
.editor .bar span,.play .pbar .fname,.console .c-bar .name{color:var(--cs-dim) !important}
.editor .bar i,.play .pbar i{opacity:.8}
.editor pre,.editor .codigo,pre.codigo,.play textarea,#pyCode,.console .c-out,#pyOut,.trace,.qcode{
  background:#141217 !important;color:#e8e4ec !important;border:0 !important;border-radius:0;
  font-family:var(--cs-mono) !important;font-size:.86rem;line-height:1.7;margin:0}
.editor::after,.play::after,.console::after,.cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--cs-verde) 0 14%,transparent 14% 36%,var(--cs-azul) 36% 44%,transparent 44% 86%,var(--cs-laranja) 86% 100%);opacity:.9}
.saida,.demo-out,.dc-result,.pout-wrap{background:#0f0d11 !important;border:0 !important;border-top:1px solid var(--cs-borda) !important;border-radius:0;color:var(--cs-tinta) !important;margin:0;padding:10px 12px}
.saida .lab,.demo-out .lab,.dc-result .lab,.pout-lab{color:var(--cs-verde) !important;font-family:var(--cs-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.saida .val,.demo-out .val{color:var(--cs-tinta) !important}
.kw{color:#ff8ab3 !important}.str{color:#9ad99a !important}.num{color:#f0c674 !important}.fn{color:#8ab4f8 !important}.com{color:#7f7a86 !important}.op{color:#d7d2dc !important}.bool{color:#c3a6ff !important}
code,code.inline,.recap code,.proximo code,.cartao code{background:var(--cs-botao) !important;color:var(--cs-tinta) !important;border:1px solid var(--cs-borda2);border-radius:5px;padding:.06em .4em;font-family:var(--cs-mono);font-size:.86em}
pre code{background:none !important;border:0;padding:0;color:inherit !important}
/* botões: escuro com borda; a ação principal é laranja */
button,.btn,.runbtn,.prun,input[type=button],input[type=submit],.lupa-botoes button,.troca button,.video-real .botoes button,.abrir,.marca-topo .btn,.heroi .volta a{
  background:var(--cs-botao) !important;color:var(--cs-tinta) !important;border:1px solid var(--cs-borda2) !important;border-radius:6px;padding:.5rem .9rem;font-weight:500;cursor:pointer;font-family:inherit;font-size:.86rem}
.runbtn,.prun,.btn:not(.ghost),.abrir,button[type=submit]{background:var(--cs-laranja) !important;border-color:var(--cs-laranja) !important;color:#fff !important}
button:hover,.btn:hover{filter:brightness(1.1)}
input,textarea,select{background:#141217 !important;color:var(--cs-tinta) !important;border:1px solid var(--cs-borda2) !important;border-radius:6px}
input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--cs-azul);outline-offset:2px}
table{border-collapse:collapse}th,td{border-color:var(--cs-borda) !important}th{color:var(--cs-tinta)}
img,video{border-radius:8px}
mark,.mark{background:rgba(255,202,22,.18) !important;color:#ffe08a !important;border-radius:4px;padding:0 .2em}
.cond-line.true,.lrow.true .res,.opt.correct,.g-feedback.win{background:var(--cs-verde-fundo) !important;color:var(--cs-verde) !important;border-color:rgba(45,227,161,.4) !important}
.cond-line.false,.lrow.false .res,.opt.wrong,.g-feedback.err,.err,.c-out .err{background:var(--cs-verm-fundo) !important;color:var(--cs-verm) !important;border-color:rgba(255,98,86,.4) !important}
/* barras próprias das aulas (a do curso "Python do Zero") */
.topbar,.c-bar,.pbar{background:#141217 !important;color:var(--cs-dim) !important;border-bottom:1px solid var(--cs-borda)}
.topbar{position:static;border-radius:8px;border:1px solid var(--cs-borda);margin-bottom:14px}
.topbar .tb-name{color:var(--cs-tinta) !important}
.topbar a{color:var(--cs-tinta) !important;border-color:var(--cs-borda2) !important}
/* o cabeçalho e o rodapé novos, no escuro */
.cab-nova{position:sticky;top:0;z-index:30;background:rgba(18,16,20,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--cs-borda)}
.cab-nova .cx{max-width:1380px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cab-nova .logo{font-family:Newsreader,Georgia,serif;font-weight:600;font-size:1.3rem;color:#fff !important;text-decoration:none;display:flex;align-items:center;gap:.5rem}
.cab-nova .logo i{width:26px;height:26px;display:inline-block;background:url(../faisca.svg) center/contain no-repeat}
.cab-nova .logo .nome{position:relative;display:inline-block}
.cab-nova .logo .poleiro{position:absolute;left:-10px;bottom:1.0em;width:42px;height:34px;pointer-events:none;display:block}
.cab-nova .logo .poleiro svg{width:100%;height:auto;display:block;overflow:visible}
.cab-nova .logo .poleiro .corpo{transform-box:fill-box;transform-origin:center;animation:nm-balanca 2.6s ease-in-out infinite}
@keyframes nm-balanca{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.cab-nova nav{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap}
.cab-nova nav a{color:var(--cs-dim) !important;text-decoration:none;font-weight:500;font-size:.9rem}
.cab-nova nav a:hover{color:#fff !important}
.cab-nova nav a.bt{background:#fff !important;color:#121014 !important;border-radius:6px;padding:.45rem .9rem;display:inline-flex;align-items:center;gap:.4rem}
.cab-nova nav a.bt::after{content:"→"}
.rodape-novo{margin-top:0;border-top:1px solid var(--cs-borda);background:#141217;color:var(--cs-dim)}
.rodape-novo .cx{max-width:1380px;margin:0 auto;padding:24px 20px;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;font-size:.9rem}
.rodape-novo b{color:var(--cs-tinta)}.rodape-novo a{color:var(--cs-tinta)}
@media (max-width:900px){.cs{grid-template-columns:1fr}.cs-lado{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--cs-borda)}.cs-camadas{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px}.cs-camadas li{flex:0 0 auto}.cs-camadas small{display:none}.cs-barra{top:58px}}
@media (max-width:720px){.cab-nova nav{gap:.7rem}.cab-nova nav a:not(.bt){display:none}}
@media print{.cab-nova,.rodape-novo,.cs-barra,.cs-lado{display:none}.cs{display:block}}
/* ---- o painel de código: o quadro de diff do Change Stack ---- */
.cs-painel{background:var(--cs-painel);border:1px solid var(--cs-borda2);border-radius:10px;overflow:hidden;margin:1.2rem 0;position:relative}
.cs-painel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--cs-azul) 0 10%,transparent 10% 82%,var(--cs-laranja) 82% 92%,var(--cs-ambar) 92% 100%);opacity:.9}
.cs-explica{padding:10px 14px;border-bottom:1px solid var(--cs-borda);font-size:.84rem;color:var(--cs-dim);line-height:1.5}
.cs-explica b{color:var(--cs-tinta);font-weight:500}
.cs-explica .sep{color:var(--cs-borda3);margin:0 8px}
.cs-arq{display:flex;align-items:center;gap:10px;padding:7px 12px;background:#1d1a21;border-bottom:1px solid var(--cs-borda);font-family:var(--cs-mono);font-size:.8rem;color:var(--cs-tinta)}
.cs-arq .chev,.cs-arq .ico,.cs-arq .bal{color:var(--cs-fraco);font-family:var(--cs-sans)}
.cs-arq .ico{width:18px;height:18px;border:1px solid var(--cs-borda3);border-radius:50%;display:grid;place-items:center;font-size:.6rem}
.cs-arq .nome{color:var(--cs-tinta)}
.cs-arq .mais{color:var(--cs-verde);margin-left:auto}
.cs-vista{background:#2b282f !important;border:1px solid var(--cs-borda2) !important;color:var(--cs-tinta) !important;border-radius:6px;padding:4px 10px 4px 8px !important;font:500 .78rem/1 var(--cs-sans) !important;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.cs-vista i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--cs-dim);display:inline-block}
.cs-painel.vista .cs-vista{background:#fff !important;color:#121014 !important;border-color:#fff !important}
.cs-painel.vista .cs-vista i{background:#121014;border-color:#121014;position:relative}
.cs-painel.vista .cs-vista i::after{content:"";position:absolute;left:4px;top:1.5px;width:3px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.cs-nao{padding:5px 14px;background:#1a181d;color:var(--cs-fraco);font-family:var(--cs-mono);font-size:.76rem;border-bottom:1px solid var(--cs-borda)}
.cs-diff{display:grid;grid-template-columns:56px minmax(0,1fr);background:var(--cs-verde-fundo);border-left:3px solid var(--cs-verde)}
.cs-gutter{display:flex;flex-direction:column;align-items:flex-end;padding:10px 10px 10px 0;font-family:var(--cs-mono);font-size:.78rem;line-height:1.75;color:var(--cs-verde);opacity:.85;border-right:1px solid rgba(45,227,161,.2);user-select:none}
.cs-cod{min-width:0;overflow-x:auto}
.cs-cod pre,.cs-cod pre.codigo,.cs-cod .codigo{background:transparent !important;border:0 !important;margin:0 !important;padding:10px 14px !important;font-family:var(--cs-mono) !important;font-size:.84rem !important;line-height:1.75 !important;color:#e8f5ee !important;min-height:0;white-space:pre;tab-size:4}
.cs-cod .kw{color:#ff8ab3 !important}.cs-cod .fn{color:#8ab4f8 !important}.cs-cod .str{color:#9ad99a !important}.cs-cod .num{color:#f0c674 !important}.cs-cod .com{color:#7fa093 !important}
.cs-saida{background:#141217 !important;border:0 !important;border-top:1px solid var(--cs-borda) !important;padding:9px 14px !important;display:flex;gap:12px;align-items:baseline;font-family:var(--cs-mono);font-size:.84rem}
.cs-saida .lab{color:var(--cs-ambar) !important;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.cs-saida .lab::before{content:"▶ ";color:var(--cs-verde)}
.cs-saida .val{color:var(--cs-tinta) !important;white-space:pre-wrap}
.cs-painel.vista .cs-diff{background:#15201c;border-left-color:rgba(45,227,161,.35)}
@media (max-width:640px){.cs-diff{grid-template-columns:40px 1fr}.cs-explica span:not(.sep){display:none}.cs-vista span{display:none}}
/* ---- a cara do Neon por cima (pedido de 15/10: "coloca o design do meu site"):
   a estrutura é a do Change Stack; a cor e a letra são as do site: laranja na marca,
   lima no "novo", título em Newsreader, fundo grafite do Neon. ---- */
:root, :root:not([data-theme="light"]), :root[data-theme="dark"]{
  --cs-fundo:#16181d; --cs-painel:#1c1e24; --cs-painel2:#24262d; --cs-borda:#2a2c33; --cs-borda2:#34363e; --cs-borda3:#4a4c55;
  --cs-verde:#b9eb53; --cs-verde-fundo:#1b2416; --cs-azul:#7cb7e8; --cs-botao:#2a2c33;
  --cs-sans:Inter,ui-sans-serif,system-ui,sans-serif; --cs-serif:Newsreader,Georgia,serif;
  --paper:var(--cs-fundo); --paper-2:var(--cs-painel); --line:var(--cs-borda2); --azul:var(--cs-azul); --verde:var(--cs-verde);
  --papel:var(--cs-fundo); --papel-2:var(--cs-painel); --caixa:var(--cs-painel); --linha:var(--cs-borda2); --cartao:var(--cs-painel); --cartao-borda:var(--cs-borda2); --fundo:var(--cs-fundo);
}
html{background:var(--cs-fundo)}
h1,h2{font-family:var(--cs-serif) !important;font-weight:500 !important;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,4vw,3.1rem) !important}
h2{font-size:clamp(1.6rem,2.5vw,2.1rem) !important}
h2 .n,h3 .n,.eyebrow,.rot,.etiqueta,.rotulo,.cover .tag,.tag,.recap h2 .n{color:#ff8a4c !important}
h2 .n::before{color:var(--cs-fraco)}
.cs-aberta{background:rgba(255,87,10,.14);color:#ff8a4c;border-color:rgba(255,87,10,.4)}
.cs-aberta::before{background:var(--cs-laranja)}
.cs-camadas li a.ativo .n{border-color:var(--cs-laranja);color:#ff8a4c}
.cs-abas span:first-child{border-color:rgba(255,87,10,.5)}
.cs-medida .b i.on{background:var(--cs-laranja)}
.cs-medida .l .v1{color:var(--cs-verde)}.cs-medida .l .v3{color:#ff8a4c}
.cs-arq .mais{color:var(--cs-verde)}
.cs-gutter{color:var(--cs-verde);border-right-color:rgba(185,235,83,.22)}
.cs-diff{border-left-color:var(--cs-laranja)}
.cs-painel::after,.editor::after,.play::after,.console::after,.cover::after{background:linear-gradient(90deg,var(--cs-laranja) 0 12%,transparent 12% 40%,var(--cs-verde) 40% 48%,transparent 48% 86%,var(--cs-azul) 86% 100%)}
.cs-saida .lab{color:#ff8a4c !important}.cs-saida .lab::before{color:var(--cs-verde)}
.saida .lab,.demo-out .lab,.dc-result .lab,.pout-lab{color:#ff8a4c !important}
.cs-atualizada::before{content:"✦ ";color:var(--cs-laranja)}
.nota.regra{border-color:rgba(185,235,83,.35) !important}.nota.regra .titulo{color:var(--cs-verde) !important}
.cond-line.true,.lrow.true .res,.opt.correct,.g-feedback.win{color:var(--cs-verde) !important;border-color:rgba(185,235,83,.4) !important}
a{color:#ff8a4c}
.cab-nova{background:rgba(22,24,29,.86)}
.cab-nova nav a.bt{background:var(--cs-laranja) !important;color:#fff !important}
.cs-barra .bt{background:var(--cs-laranja);color:#fff}
.rodape-novo{background:var(--cs-painel)}