@import url("/paleta.css");
/* F44. A tinta do ditado usa a variante de texto; a pílula usa a cor viva translúcida. */
.cu-ditado-estilo{color-scheme:inherit;--r-peca:24px;--indigo:var(--d-anil-t);--t-indigo:color-mix(in srgb,var(--d-anil) 12%,transparent);--t-queda:color-mix(in srgb,var(--queda) 12%,transparent)}

.cu-ditado-estilo{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;color:var(--label)}
.cu-ditado-estilo[hidden]{display:none!important}
.cu-ditado-botao{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;color:var(--label);transition:transform .1s ease-out,background-color .15s;border:0;background:none;padding:0;margin:0;cursor:pointer}
.cu-ditado-botao:hover{background:var(--fill)}
.cu-ditado-botao:active{transform:scale(.92)}
.cu-ditado-botao.cu-ditado-estilo.gravando{background:var(--t-queda);color:var(--queda)}
.cu-ditado-estilo:focus-visible,.cu-ditado-estilo button:focus-visible{outline:2.5px solid var(--acao);outline-offset:2px}
.cu-ditado-botao .ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.cu-ditado-estilo.ditado{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 4px 8px;font-size:.82rem;color:var(--label)}
.cu-ditado-estilo.ditado .dit-pil{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--t-indigo);color:var(--indigo);font-weight:600}
.cu-ditado-estilo.ditado .dit-bruto{opacity:.7;font-style:italic;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-ditado-estilo.ditado button{min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid currentColor;background:transparent;color:var(--indigo);font:inherit;font-weight:600;cursor:pointer;margin:0}
.cu-ditado-estilo.ditado .brilho{animation:ditBrilho 1.1s ease-in-out infinite}
@keyframes ditBrilho{50%{opacity:.45}}
.cu-ditado-botao .onda{display:flex;align-items:center;gap:2px;height:18px}
/* AU-PAL-D (fluidez): a onda anima só transform. A barra tem a altura cheia (18px) e é encolhida a 1/3 (6px) pelo scaleY,
   a mesma aparência de antes, sem layout a cada quadro. */
.cu-ditado-botao .onda i{width:3px;border-radius:2px;background:currentColor;height:18px;transform:scaleY(.3334);animation:onda .9s ease-in-out infinite;will-change:transform}
.cu-ditado-botao .onda i:nth-child(2){animation-delay:.15s}.cu-ditado-botao .onda i:nth-child(3){animation-delay:.3s}.cu-ditado-botao .onda i:nth-child(4){animation-delay:.45s}
@keyframes onda{50%{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.cu-ditado-botao{transition:none}.cu-ditado-estilo .brilho,.cu-ditado-botao .onda i{animation:none}}