input:focus {
    box-shadow: 0 0 0 3px rgba(214, 0, 28, 0.1);
}

@keyframes scoreReveal {
    from { opacity: 0; transform: scale(0.5); }
    to   { opacity: 1; transform: scale(1); }
}

.score-animate {
    animation: scoreReveal 0.5s ease-out;
}

.copy-btn:active {
    transform: scale(0.97);
}

#results-block > div {
    animation: cardFadeIn 0.3s ease-out;
    animation-fill-mode: both;
}

#results-block > div:nth-child(1) { animation-delay: 0s; }
#results-block > div:nth-child(2) { animation-delay: 0.05s; }
#results-block > div:nth-child(3) { animation-delay: 0.05s; }
#results-block > div:nth-child(4) { animation-delay: 0.1s; }
#results-block > div:nth-child(5) { animation-delay: 0.15s; }
#results-block > div:nth-child(6) { animation-delay: 0.2s; }
#results-block > div:nth-child(7) { animation-delay: 0.25s; }
#results-block > div:nth-child(8) { animation-delay: 0.3s; }
#results-block > div:nth-child(9) { animation-delay: 0.35s; }

@keyframes cardFadeIn {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

.whitespace-pre-line {
    white-space: pre-line;
}