/* Só o que é exclusivo desta ferramenta. Classes começam com "pct-" para não colidir com o resto do site. */
.pct-row { grid-template-columns: 1fr; }
@media (min-width: 560px) { .pct-row { grid-template-columns: 1fr 1fr; } }

/* Efeito de "calculando" enquanto processa e um brilho suave ao revelar o resultado */
.pct-result { transition: text-shadow .5s ease, opacity .2s ease; }
.pct-result.pct-calculating { opacity: .5; animation: pct-pulse .9s ease-in-out infinite; }
.pct-result.pct-flash { text-shadow: 0 0 14px var(--a); }

@keyframes pct-pulse {
    0%, 100% { opacity: .4; }
    50% { opacity: .8; }
}