/* CSS do menu Aparência, extraído de aparencia.js para funcionar com CSP estrita (style-src self). */
:root{--brilho-botao:.35}
[data-brilho=medio]{--brilho-botao:.65}
[data-brilho=vivo]{--brilho-botao:1}
html[data-cores=suaves]{filter:saturate(.72)}
html[data-cores=neutras]{filter:saturate(.28)}
html[data-cores=pb]{filter:grayscale(1)}
html[data-fonte=grande] body{zoom:1.1}
html[data-fonte=maior] body{zoom:1.2}
.apar{position:relative;display:inline-block;font-family:inherit}
.apar-b{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border-radius:12px;cursor:pointer;font:700 14px/1 inherit;font-family:inherit;background:var(--ap-fundo,rgba(127,127,127,.12));color:var(--ap-texto,inherit);border:1.5px solid var(--ap-linha,rgba(127,127,127,.35))}
.apar{flex:none}
.apar-b{flex:none;min-width:40px;justify-content:center}
.apar-b svg{width:18px;height:18px;flex:none}
.apar-b:focus-visible,.apar-p button:focus-visible{outline:3px solid var(--ap-destaque,#1a6bf0);outline-offset:2px}
.apar-p{position:absolute;right:0;top:calc(100% + 8px);width:330px;max-width:calc(100vw - 24px);max-height:min(80vh,640px);overflow:auto;z-index:1000;background:var(--ap-fundo,#fff);color:var(--ap-texto,#111);border:1px solid var(--ap-linha,#ccc);border-radius:18px;padding:14px;box-shadow:0 24px 60px rgba(0,0,0,.35);text-align:left}
.apar-p[hidden]{display:none}
.apar-h{font-weight:800;font-size:18px;margin:2px 0 8px}
.apar-t{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ap-suave,#667);margin:8px 0 6px;font-weight:700}
.apar-g{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.apar-g button{flex:1 1 auto;min-width:78px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 8px;line-height:1.15;border-radius:11px;cursor:pointer;font-family:inherit;border:1.5px solid var(--ap-linha,#ccc);background:transparent;color:var(--ap-texto,#111)}
.apar-g button b{font-size:14px}
.apar-g button small{font-size:11px;color:var(--ap-suave,#667)}
.apar-g button[aria-pressed=true]{background:linear-gradient(180deg,#1a6bf0,#1250c4);color:#fff;border-color:transparent}
.apar-g button[aria-pressed=true] small{color:rgba(255,255,255,.85)}
.apar-reset{width:100%;margin-top:8px;font:700 14px inherit;font-family:inherit;padding:10px;border-radius:10px;border:1.5px dashed var(--ap-suave,#889);background:none;color:var(--ap-texto,#111);cursor:pointer}
.apar-n{margin:8px 0 0;font-size:12px;color:var(--ap-suave,#667);text-align:center}
@media (max-width:520px){.apar-b span{display:none}
.apar-p{position:fixed;left:12px;right:12px;top:64px;width:auto}
}