:root{color-scheme:dark;--dic-fundo:#101310;--dic-card:#191e19;--dic-texto:#f1f4ed;--dic-suave:#b1bbab;--dic-linha:#3d4938;--dic-verde:#d1ff42;--dic-verde-texto:#d1ff42;--dic-corda:#a6b39d;--dic-campo:#111610}
html[data-theme="light"]{color-scheme:light;--dic-fundo:#f7f9f4;--dic-card:#fff;--dic-texto:#172016;--dic-suave:#52604b;--dic-linha:#cdd7c5;--dic-verde:#d1ff42;--dic-verde-texto:#426700;--dic-corda:#6b785f;--dic-campo:#f4f7ef}
*{box-sizing:border-box}body.mc-dicionario{margin:0;background:var(--dic-fundo);color:var(--dic-texto);font-family:Arial,Helvetica,sans-serif;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:var(--dic-verde-texto)}:focus-visible{outline:3px solid var(--dic-verde-texto);outline-offset:4px}button{touch-action:manipulation}.dic-voltar{text-decoration:none;font-weight:600}.dic-main{max-width:1240px;margin:auto;padding:42px 28px 20px}.dic-abertura{max-width:760px;margin-bottom:28px}.dic-sobretitulo{font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--dic-verde-texto);margin:0 0 8px}.dic-abertura h1{font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-.03em;margin:0 0 13px}.dic-abertura>p:last-child{color:var(--dic-suave);font-size:17px;margin:0}.dic-ferramentas{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dic-instrumentos{display:flex;flex-wrap:wrap;gap:7px;padding:5px;background:var(--dic-card);border:1px solid var(--dic-linha);border-radius:14px}.dic-instrumentos button{border:0;border-radius:9px;background:transparent;color:var(--dic-suave);font-weight:700;padding:10px 18px;min-height:44px}.dic-instrumentos button[aria-pressed="true"]{background:var(--dic-verde);color:#162009}.dic-canhoto{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}.dic-canhoto input{accent-color:#79a900;width:18px;height:18px}.dic-layout{display:grid;grid-template-columns:minmax(300px,405px) minmax(0,1fr);gap:22px;align-items:start}.dic-card{background:var(--dic-card);border:1px solid var(--dic-linha);border-radius:20px;padding:24px;min-width:0}.dic-editor{position:sticky;top:20px}.dic-card h2{font-size:20px;line-height:1.3;margin:0 0 13px}.dic-card h3{font-size:14px;margin:0 0 10px}.dic-card-cabeca{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.dic-texto-botao{padding:6px 0;border:0;color:var(--dic-verde-texto);background:transparent;font-size:14px}.dic-ajuda{font-size:13px;color:var(--dic-suave);line-height:1.6;margin:0 0 14px}.dic-editor-faixa{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin:20px 0 10px;gap:12px}.dic-editor-faixa select{border:1px solid var(--dic-linha);background:var(--dic-campo);color:var(--dic-texto);border-radius:9px;padding:6px 12px;min-height:40px}.dic-braco{--cordas:6;display:grid;grid-template-columns:28px repeat(var(--cordas),minmax(30px,1fr));margin:0 0 14px;user-select:none}.dic-corda-nome{text-align:center;font-size:13px;color:var(--dic-suave);padding:4px}.dic-estado-corda{border:0;background:transparent;color:var(--dic-texto);height:40px;font-size:23px;font-weight:700;padding:0}.dic-casa-numero{display:flex;align-items:center;font-size:12px;color:var(--dic-suave)}.dic-casa-celula{height:46px;border:0;border-bottom:2px solid var(--dic-linha);padding:0;display:grid;place-items:center;background:linear-gradient(90deg,transparent calc(50% - var(--espessura)/2),var(--dic-corda) calc(50% - var(--espessura)/2),var(--dic-corda) calc(50% + var(--espessura)/2),transparent calc(50% + var(--espessura)/2));color:var(--dic-texto)}.dic-casa-celula.dic-primeira-casa{border-top:4px solid var(--dic-linha)}.dic-casa-celula:hover{background-color:var(--dic-campo)}.dic-ponto{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--dic-verde);color:#18220c;font-size:14px;font-weight:700;box-shadow:0 0 0 3px var(--dic-card)}.dic-notas{border-top:1px solid var(--dic-linha);padding-top:16px;margin-top:20px}.dic-chips{display:flex;flex-wrap:wrap;gap:6px}.dic-chip{background:var(--dic-campo);border:1px solid var(--dic-linha);padding:5px 9px;border-radius:8px;font-size:13px}.dic-posicao{font:14px Consolas,monospace;overflow-wrap:anywhere;color:var(--dic-suave);margin:14px 0}.dic-secundario{border:1px solid var(--dic-linha);border-radius:10px;background:transparent;color:var(--dic-texto);padding:9px 14px;font-size:14px;min-height:42px}.dic-coluna-resultados{display:grid;gap:22px}.dic-busca{display:flex;gap:8px;margin:8px 0 14px}.dic-busca input{width:100%;min-width:0;border:1px solid var(--dic-linha);border-radius:10px;background:var(--dic-campo);color:var(--dic-texto);padding:12px}.dic-primario{background:var(--dic-verde);color:#172009;border:0;border-radius:10px;padding:10px 18px;font-weight:700}.dic-atalhos{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.dic-atalhos button{border:1px solid var(--dic-linha);background:transparent;color:var(--dic-texto);border-radius:8px;min-width:36px;min-height:36px;padding:4px 9px}.dic-atalhos button[aria-pressed="true"]{border-color:var(--dic-verde-texto);color:var(--dic-verde-texto)}.dic-galeria-cabeca{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.dic-galeria{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.dic-forma{border:1px solid var(--dic-linha);border-radius:13px;overflow:hidden;background:var(--dic-campo);display:flex;flex-direction:column;align-items:center;padding:14px 8px}.dic-forma h4{font-size:21px;line-height:1.1;color:var(--dic-verde-texto);margin:0 0 4px}.dic-forma svg{width:135px;height:184px;max-width:100%;display:block}.dic-forma button{margin-top:7px;border:1px solid var(--dic-linha);background:var(--dic-card);color:var(--dic-texto);padding:8px 10px;font-size:12px;border-radius:8px;min-height:44px}.dic-forma button:hover{border-color:var(--dic-verde-texto)}.dic-forma .dic-ajuda{margin:0;font-size:12px}.dic-resultados{display:flex;flex-wrap:wrap;gap:9px;min-height:58px}.dic-resultado{border:1px solid var(--dic-linha);border-radius:12px;padding:11px 14px;display:flex;flex-direction:column;gap:3px;max-width:100%}.dic-resultado strong{font-size:23px;overflow-wrap:anywhere;color:var(--dic-verde-texto);line-height:1.2}.dic-resultado span{font-size:12px;color:var(--dic-suave)}.dic-resultado button{border:0;background:transparent;color:var(--dic-verde-texto);padding:8px 0 0;text-align:left;font-size:12px}.dic-rodape-identificacao{margin:16px 0 0}.dic-status{min-height:25px;font-size:14px;color:var(--dic-verde-texto);margin:18px 0}.dic-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--dic-linha);padding:22px 0;color:var(--dic-suave);font-size:13px}.dic-alerta{padding:16px;border:1px solid var(--dic-linha);border-radius:12px}.dic-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:760px){.dic-main{padding:28px 16px 16px}.dic-voltar{display:none}.dic-layout{grid-template-columns:1fr}.dic-editor{position:static}.dic-card{padding:20px}.dic-instrumentos button{padding:9px 12px;font-size:14px}.dic-ferramentas{align-items:flex-start;flex-wrap:wrap}.dic-canhoto{padding:5px}.dic-braco{max-width:390px;margin-left:auto;margin-right:auto}.dic-galeria{grid-template-columns:repeat(2,minmax(0,1fr))}.dic-forma svg{height:175px}.dic-abertura>p:last-child{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Proporções do braço e dos desenhos, sem alterar as casas escolhidas. */
.dic-braco{width:100%;max-width:306px;margin-left:auto;margin-right:auto}
.dic-braco[data-instrumento="cavaquinho"],.dic-braco[data-instrumento="ukulele"]{max-width:244px}
.dic-casa-celula{height:49px}
.dic-corda-nome.dic-mizinha{font-size:15px;font-weight:500}
.dic-galeria{grid-template-columns:repeat(auto-fill,minmax(155px,210px));justify-content:start}
.dic-forma svg{width:128px;height:184px}
.dic-identificacao .dic-rodape-identificacao{font-size:12px}
@media(max-width:760px){.dic-galeria{grid-template-columns:repeat(2,minmax(0,1fr))}.dic-forma svg{height:184px}}

/* Controles de corda: aparência de botão e estado escrito. */
.dic-corda-nome{display:flex;align-items:center;justify-content:center;height:28px;line-height:1;padding:0}
.dic-corda-nome.dic-mizinha{transform:translateY(-1px)}
.dic-estado-corda{height:49px;min-width:0;margin:2px 2px 8px;padding:4px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid var(--dic-linha);border-radius:8px;background:var(--dic-campo);line-height:1}
.dic-estado-corda:hover{border-color:var(--dic-verde-texto)}
.dic-estado-corda[data-situacao="solta"]{border-color:var(--dic-verde-texto);color:var(--dic-verde-texto)}
.dic-estado-simbolo{font-size:20px;line-height:20px}
.dic-estado-texto{font-size:9px;line-height:12px;font-weight:400}
.dic-cordas-convite{max-width:306px;margin:14px auto 6px;font-size:12px;line-height:1.5;color:var(--dic-verde-texto)}
.dic-familia{padding:14px 0 0;border-top:1px solid var(--dic-linha);margin:4px 0 20px}
.dic-familia .dic-atalhos{margin:10px 0 0}

/* Sugestões em destaque estático: sem movimento ou repetição. */
.dic-familia{margin:4px 0 20px;padding:15px;border:1px solid var(--dic-verde-texto);border-radius:12px;background:var(--dic-campo)}
.dic-familia h3{color:var(--dic-verde-texto);font-size:15px}
.dic-familia .dic-atalhos button{min-height:42px;border-color:var(--dic-verde-texto);font-weight:600}
.dic-familia .dic-atalhos button[aria-pressed="true"]{background:var(--dic-verde);color:#172009}
.dic-comentarios-atalho{display:inline-flex;margin-top:16px;align-items:center;gap:5px;font-weight:700;text-decoration:none;font-size:14px}
.dic-comentarios-atalho:hover{text-decoration:underline}
.mc-dicionario .mc-comentarios{--mc-com-cor:var(--dic-verde-texto);--mc-com-fundo:var(--dic-card);--mc-com-borda:var(--dic-linha);margin-top:32px;color:var(--dic-texto)}
.mc-dicionario .mc-comentarios h2{font-size:clamp(22px,3vw,28px)}
.mc-dicionario .mc-comentarios label{color:var(--dic-verde-texto)}
.mc-dicionario .mc-comentarios button[data-entrar],.mc-dicionario .mc-comentarios button[data-publicar]{background:var(--dic-verde);color:#172009}
.mc-dicionario .mc-comentarios .dic-comunidade-aviso{font-size:13px;color:var(--dic-suave)}

/* Nome e tipo do acorde na mesma linha, com separador discreto. */
.dic-resultado-cabeca{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dic-resultado-cabeca .dic-resultado-descricao{border-left:1px solid var(--dic-linha);padding-left:9px;line-height:1.4}
/* Convite textual acima da busca, alinhado à direita. */
.dic-busca-cabeca{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-bottom:12px}
.dic-busca-cabeca h2{margin:0}
.mc-dicionario .dic-pedir-acorde{display:inline-flex;align-items:center;flex-shrink:0;margin:0 0 0 auto;padding:4px 0;border:0;background:transparent;color:var(--dic-verde-texto);font-size:clamp(11px,2.7vw,13px);font-weight:600;line-height:1.5;text-decoration:none;white-space:nowrap}
.mc-dicionario .dic-pedir-acorde:hover{text-decoration:underline}
.mc-dicionario .dic-pedir-acorde:focus-visible{outline:2px solid var(--dic-verde-texto);outline-offset:4px}
.mc-dicionario .dic-pedir-acorde[hidden]{display:none!important}

/* Convite próximo à montagem; orientação centralizada no mesmo eixo do braço. */
.dic-cordas-convite{text-align:center;padding-left:28px;max-width:306px}
.mc-dicionario .dic-editor>.dic-pedir-acorde{display:flex;justify-content:center;max-width:306px;margin:10px auto 0;padding:6px 0 6px 28px;white-space:normal;text-align:center;font-size:12px;line-height:1.5}
.mc-dicionario .dic-editor>.dic-pedir-acorde[hidden]{display:none!important}

/* Orientação com quebra deliberada e controles de casas com alternativa por setas. */
.dic-cordas-convite strong{white-space:nowrap}
.dic-casas-controles{display:flex;align-items:center;gap:6px}
.dic-casa-passo{display:grid;place-items:center;width:34px;height:40px;padding:0;border:1px solid var(--dic-linha);border-radius:9px;background:var(--dic-campo);color:var(--dic-verde-texto);font-size:21px;font-weight:700;line-height:1}
.dic-casa-passo:hover:not(:disabled){border-color:var(--dic-verde-texto)}
.dic-casa-passo:disabled{opacity:.3;cursor:default}
/* Convite compacto, com área de toque maior nos dispositivos de toque. */
.mc-dicionario .dic-editor>.dic-pedir-acorde{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-height:36px;margin:12px auto 0;padding:6px 12px;border:1px solid var(--dic-verde);border-radius:9px;background:var(--dic-verde);color:#172009;font-size:12px;line-height:1.5;text-align:center;text-decoration:none;font-weight:700}
.mc-dicionario .dic-editor>.dic-pedir-acorde:hover{border-color:var(--dic-verde-texto);text-decoration:none}
.dic-editor .dic-notas{text-align:center}
.dic-editor .dic-chips{justify-content:center}
.dic-editor .dic-posicao{text-align:center}
.dic-editor #dic-copiar{display:block;margin-left:auto;margin-right:auto}
@media(pointer:coarse){.mc-dicionario .dic-editor>.dic-pedir-acorde{min-height:44px}.dic-casa-passo{width:40px;min-height:44px}}

/* Centraliza as cordas: compensa metade da coluna de 28px dos números. */
.dic-editor .dic-braco{transform:translateX(-14px)}
.dic-editor .dic-cordas-convite{padding-left:0}
/* Convite novamente textual, preservando o clique e a área de toque. */
.mc-dicionario .dic-editor>.dic-pedir-acorde{min-height:0;margin:10px auto 0;padding:6px 0;border:0;border-radius:0;background:transparent;color:var(--dic-verde-texto);font-weight:600}
.mc-dicionario .dic-editor>.dic-pedir-acorde:hover{text-decoration:underline}
@media(pointer:coarse){.mc-dicionario .dic-editor>.dic-pedir-acorde{min-height:44px}}

/* Destaque da cópia, mantendo o botão secundário. */
.dic-editor #dic-copiar{border-color:var(--dic-verde-texto)}
/* Símbolos dos controles também seguem o verde do tema. */
.dic-estado-corda .dic-estado-simbolo{color:var(--dic-verde-texto)}
.dic-estado-corda[data-situacao="abafada"] .dic-estado-simbolo{transform:translateY(1px)}

/* Ajustes ópticos e feedback ao copiar. */
.dic-corda-nome.dic-mizinha{transform:none}
.dic-editor #dic-copiar{border-color:var(--dic-linha)}
.dic-editor #dic-copiar.dic-copiado{border-color:var(--dic-verde-texto);color:var(--dic-verde-texto)}
.dic-copia-ajuda{margin:8px 0 0;text-align:center;font-size:12px;line-height:1.5;color:var(--dic-verde-texto)}
.mc-dicionario :is(.dic-instrumentos button,.dic-atalhos button,.dic-secundario,.dic-forma button,.dic-primario,.dic-casa-passo,.dic-tema){transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,filter .15s ease}
@media(hover:hover){
.mc-dicionario :is(.dic-instrumentos button,.dic-atalhos button,.dic-secundario,.dic-forma button,.dic-primario,.dic-casa-passo,.dic-tema):hover:not(:disabled){transform:translateY(-1px);border-color:var(--dic-verde-texto);filter:brightness(1.08);box-shadow:0 3px 8px rgb(0 0 0 / 12%)}
}
.mc-dicionario :is(.dic-instrumentos button,.dic-atalhos button,.dic-secundario,.dic-forma button,.dic-primario,.dic-casa-passo,.dic-tema):active:not(:disabled){transform:translateY(0);box-shadow:none}
@media(prefers-reduced-motion:reduce){
.mc-dicionario :is(.dic-instrumentos button,.dic-atalhos button,.dic-secundario,.dic-forma button,.dic-primario,.dic-casa-passo,.dic-tema){transition:none;transform:none!important}
}

/* Ícones iguais aos usados nas páginas de cifras. */
.dic-instrumentos button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:46px;}
.dic-instrumentos .mc-ferramenta-icone{display:block;width:24px;height:28px;flex:0 0 24px;object-fit:contain;margin:0;}
.dic-instrumentos button[aria-pressed="true"] .mc-icone-desligado,
.dic-instrumentos button:not([aria-pressed="true"]) .mc-icone-ligado{display:none;}
@media(max-width:480px){
.dic-instrumentos{width:100%;}
.dic-instrumentos button{flex:1;min-width:0;padding-left:7px;padding-right:7px;gap:5px;font-size:12px;}
.dic-instrumentos .mc-ferramenta-icone{width:20px;height:25px;flex-basis:20px;}
}