.lesson-audio{position:fixed;right:22px;bottom:22px;z-index:90;width:min(390px,calc(100vw - 28px));color:#eef5ff;background:linear-gradient(145deg,rgba(8,24,42,.98),rgba(16,43,65,.98));border:1px solid rgba(185,222,255,.2);border-radius:20px;box-shadow:0 18px 55px rgba(0,0,0,.35);font-family:"DM Sans",sans-serif;overflow:hidden}
.lesson-audio button,.lesson-audio select{font:inherit}.lesson-audio__top{display:flex;align-items:center;gap:12px;padding:14px 16px}.lesson-audio__mark{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;color:#06233a;background:#8ee1cf;font-size:19px}.lesson-audio__title{min-width:0;flex:1}.lesson-audio__title small{display:block;color:#8ee1cf;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lesson-audio__title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.lesson-audio__toggle{width:34px;height:34px;border:0;border-radius:50%;color:#dceafa;background:rgba(255,255,255,.08);cursor:pointer}.lesson-audio__body{padding:0 16px 16px}.lesson-audio.collapsed .lesson-audio__body{display:none}.lesson-audio__status{display:flex;justify-content:space-between;gap:12px;margin:0 0 8px;color:#b8c9da;font-size:12px}.lesson-audio__progress{height:4px;margin-bottom:14px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.lesson-audio__progress i{display:block;width:0;height:100%;background:#8ee1cf;transition:width .25s}.lesson-audio__controls{display:grid;grid-template-columns:38px 1fr 38px 38px 74px;align-items:center;gap:8px}.lesson-audio__controls button{height:38px;border:1px solid rgba(255,255,255,.14);border-radius:11px;color:#eff7ff;background:rgba(255,255,255,.07);cursor:pointer}.lesson-audio__controls button:hover:not(:disabled){background:rgba(255,255,255,.14)}.lesson-audio__controls button:focus-visible,.lesson-audio select:focus-visible{outline:3px solid #f3c969;outline-offset:2px}.lesson-audio__controls button:disabled{opacity:.35;cursor:not-allowed}.lesson-audio__controls .lesson-audio__play{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;color:#06233a;background:#8ee1cf;border-color:#8ee1cf;font-weight:700}.lesson-audio__controls select{height:38px;border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:0 8px;color:#eff7ff;background:#16364f;cursor:pointer}.lesson-audio__unsupported{margin:0;color:#ffd6ad;font-size:12px;line-height:1.45}
@media(max-width:680px){.lesson-audio{right:14px;bottom:14px}.lesson-audio__controls{grid-template-columns:36px 1fr 36px 36px 66px}.lesson-audio__controls .lesson-audio__play{padding:0 10px}}
@media(prefers-reduced-motion:reduce){.lesson-audio__progress i{transition:none}}