.footer__sound { appearance: none; border: 0; padding: 0; background: transparent; font: inherit; font-size: .82rem; color: var(--color-text-dim); text-align: left; cursor: pointer; }
.footer__sound:hover { color: var(--color-gold); }
.footer__sound:focus-visible { outline: 2px solid var(--color-gold); outline-offset: 4px; border-radius: 2px; }
.footer__sound-feedback { font-size: .82rem; color: var(--color-text-dim); }
.footer__sound-feedback:has(#catSoundStop:not([hidden])) { padding-top: 1rem; }
#catSoundStop { margin-left: .8rem; color: var(--color-gold); }
.cat-sound-dialog { width: min(28rem, calc(100% - 2rem)); max-height: calc(100% - 2rem); margin: auto; padding: 2rem; border: 1px solid rgba(243,156,18,.28); border-radius: 16px; background: var(--color-bg); color: var(--color-text); box-shadow: 0 24px 80px rgba(0,0,0,.5); }
.cat-sound-dialog::backdrop { background: rgba(0,0,0,.72); }
.cat-sound-dialog h2 { font-size: 1.35rem; margin-bottom: 1rem; }
.cat-sound-dialog p { color: var(--color-text-dim); line-height: 1.7; }
.cat-sound-dialog__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.cat-sound-dialog__actions .btn { cursor: pointer; }