:root{--ss-font-slot-ui:"Noto Sans",sans-serif;--ss-font-slot-ukrainian:"Andika",sans-serif;--ss-font-slot-natural-english:"Noto Sans",sans-serif}
body,button{font-family:var(--ss-font-slot-ui)}
.verb-card,.flashcard .uk-word{font-family:var(--ss-font-slot-ukrainian)}
.flashcard .en-word{font-family:var(--ss-font-slot-natural-english)}
.controls button{min-height:44px;min-width:44px}
button:focus-visible,#flashcard:focus-visible{outline:3px solid #0057B7;outline-offset:3px}
header button:focus-visible{outline-color:#FFD700}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Correct Lighthouse footer contrast failures; header branding unchanged. */
footer{color:#526176}footer b+strong{color:#806600}

#speedBump[hidden]{display:none!important;}

.share-tools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}.share-tools button,.share-tools a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #0057B7;border-radius:12px;background:white;color:#0057B7;font:inherit;text-decoration:none;cursor:pointer}#shareStatus{margin-top:8px;overflow-wrap:anywhere}