.lesson-pronunciation-button{--lesson-audio-accent:var(--bf-blue,var(--fg-blue,#0071e3));border:1px solid color-mix(in srgb, var(--lesson-audio-accent) 18%, transparent);background:color-mix(in srgb, var(--lesson-audio-accent) 8%, #ffffffeb);width:30px;height:30px;color:var(--lesson-audio-accent);cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(14px)saturate(1.25);backdrop-filter:blur(14px)saturate(1.25);border-radius:999px;flex:0 0 30px;justify-content:center;align-items:center;padding:0;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s,border-color .18s,box-shadow .18s,color .18s;display:inline-flex;position:relative;box-shadow:0 1px 2px #0f172a0a,inset 0 1px #ffffffb8}.lesson-pronunciation-button:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #0000;position:absolute;inset:-4px}@media (hover:hover){.lesson-pronunciation-button:hover{border-color:color-mix(in srgb, var(--lesson-audio-accent) 30%, transparent);background:color-mix(in srgb, var(--lesson-audio-accent) 13%, white);box-shadow:0 7px 18px color-mix(in srgb, var(--lesson-audio-accent) 15%, transparent), inset 0 1px 0 #ffffffd1;transform:translateY(-1px)scale(1.035)}}.lesson-pronunciation-button:active{transform:scale(.94)}.lesson-pronunciation-button:disabled{opacity:.52;cursor:not-allowed;pointer-events:none}.lesson-pronunciation-button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--lesson-audio-accent) 22%, transparent), 0 5px 16px color-mix(in srgb, var(--lesson-audio-accent) 12%, transparent);outline:none}.lesson-pronunciation-button.is-loading,.lesson-pronunciation-button.is-playing{border-color:color-mix(in srgb, var(--lesson-audio-accent) 34%, transparent);background:color-mix(in srgb, var(--lesson-audio-accent) 16%, white)}.lesson-pronunciation-button.is-playing{box-shadow:0 0 0 4px color-mix(in srgb, var(--lesson-audio-accent) 9%, transparent), 0 6px 18px color-mix(in srgb, var(--lesson-audio-accent) 16%, transparent);animation:1.7s ease-in-out infinite lesson-pronunciation-pulse}.lesson-pronunciation-button.is-error{color:#dc2626;background:#fef2f2f0;border-color:#dc26263d}.lesson-pronunciation-button__spinner{animation:.76s linear infinite lesson-pronunciation-spin}@keyframes lesson-pronunciation-spin{to{transform:rotate(360deg)}}@keyframes lesson-pronunciation-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--lesson-audio-accent) 4%, transparent), 0 7px 20px color-mix(in srgb, var(--lesson-audio-accent) 18%, transparent)}}@media (prefers-reduced-motion:reduce){.lesson-pronunciation-button,.lesson-pronunciation-button.is-playing,.lesson-pronunciation-button__spinner{transition:none;animation:none}}@media (max-width:600px){.lesson-pronunciation-button{flex-basis:32px;width:32px;height:32px}}