/* Hover, keyboard focus and press feedback share the same visual language. */
.trl-app button,.trl-app a.trl-button,.trl-app a.trl-outline,.trl-cookie-actions button{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease;cursor:pointer}
.trl-app button:focus-visible,.trl-app a:focus-visible,.trl-cookie-actions button:focus-visible{outline:2px solid #8bebff;outline-offset:4px}
@media(hover:hover){
 .trl-app .trl-button:hover{transform:translateY(-3px);background:#ff648b;box-shadow:0 7px 26px #ff476d55,inset 0 1px 0 #ffffff44}
 .trl-app .trl-outline:hover{transform:translateY(-2px);border-color:#ee91ca;background:#bb628421;box-shadow:0 5px 20px #ba62a223;color:#fff}
 .trl-app .trl-text-button:hover{color:#f6b5df;text-shadow:0 0 15px #ed85c566;text-decoration:underline;text-underline-offset:5px}
 .trl-app .trl-nav nav button:hover{color:#fff;background:#ffffff0d;border-radius:8px;box-shadow:inset 0 -2px 0 #f581bd}
 .trl-app .trl-tabs button:hover,.trl-app .trl-categories button:hover{background:#30273c;border-color:#cc8fba77;color:#fff;box-shadow:0 3px 14px #0002}
 .trl-app .trl-card-buttons button:hover,.trl-app .trl-entry-list button:hover{transform:translateY(-2px);background:#ff648b;box-shadow:0 4px 18px #ff476d44;color:#fff}
 .trl-app .trl-card-buttons a:hover{color:#a2efff;text-decoration:underline;text-underline-offset:4px}
 .trl-app .trl-icon:hover{transform:translateY(-2px);background:#3d2843;color:#fff;box-shadow:0 0 18px #e77ab333}
 .trl-app .trl-modal-close:hover,.trl-app #trl-guide-close:hover{background:#9a46704d;color:#fff;box-shadow:0 0 14px #e77ab32b}
 .trl-app .trl-guide-options button:hover,.trl-app .trl-guide-restore:hover{transform:translateY(-2px);background:#8d447c30;border-color:#ed9ecb;color:#fff}
 .trl-cookie-actions button:hover{background:#583653;border-color:#e8b1d3;box-shadow:0 4px 18px #db74b02b}
 .trl-app .trl-card-cover:hover img{filter:brightness(1.08)}
}
.trl-app button:active:not(:disabled),.trl-app a.trl-button:active,.trl-app a.trl-outline:active,.trl-cookie-actions button:active{transform:translateY(1px) scale(.98);box-shadow:none}
.trl-app button:disabled{cursor:wait;opacity:.55;transform:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){.trl-app button:hover,.trl-app a.trl-button:hover,.trl-app a.trl-outline:hover{transform:none}.trl-app button:active:not(:disabled){transform:none}}
