.elin-player{--elin-bg:#fcfcfc;--elin-border:#d0d5dd;--elin-radius:16px;--elin-title-color:#111827;--elin-text-color:#6b7280;--elin-accent:#61b09b;--elin-icon-color:#344054;--elin-play-color:#101828;--elin-controls-bg:#f9fafb;--elin-controls-border:#eaecf0;--elin-icon-bg:#61b09b;--elin-icon-glyph:#fff;--elin-icon-glyph-size:28px;--elin-icon-padding:14px;--elin-icon-radius:12px;background:var(--elin-bg);border:1px solid var(--elin-border);border-radius:var(--elin-radius);padding:32px;direction:rtl;font-family:inherit}.elin-time,.elin-controls{direction:ltr}.elin-top{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon title ." "icon desc  duration";align-items:start;column-gap:12px;row-gap:4px}.elin-player-icon{grid-area:icon;align-self:start;justify-self:start;padding:var(--elin-icon-padding);border-radius:var(--elin-icon-radius);background:var(--elin-icon-bg);color:var(--elin-icon-glyph);display:flex;align-items:center;justify-content:center;font-size:var(--elin-icon-glyph-size);line-height:1;overflow:hidden}.elin-player-icon svg,.elin-player-icon img{display:block;width:1em;height:1em}.elin-player-icon i{display:flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:1em;line-height:1}.elin-player-title{grid-area:title;margin:0;min-width:0;font-size:20px;font-weight:700;line-height:1.4;color:var(--elin-title-color)}.elin-player-description{grid-area:desc;margin:0;min-width:0;color:var(--elin-text-color);font-size:14px}.elin-duration-label{grid-area:duration;color:var(--elin-text-color);font-size:14px;white-space:nowrap}.waveform{width:100%;margin:24px 0}.elin-time{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--elin-text-color);margin-top:20px}.elin-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap;border:1px solid var(--elin-controls-border);padding:8px 16px;border-radius:8px;background:var(--elin-controls-bg)}.elin-controls .play-wrap button{border:none;background:transparent;border-radius:14px;padding:8px;cursor:pointer;font-family:inherit;font-size:16px;color:var(--elin-icon-color)}.elin-controls button:focus-visible{outline:2px solid var(--elin-accent);outline-offset:2px}button.play{width:56px;height:56px;border-radius:50%!important;color:var(--elin-play-color);display:flex;align-items:center;justify-content:center}button.play .icon-play{margin-left:3px}button.play .icon-pause,.is-playing button.play .icon-play{display:none}.is-playing button.play .icon-pause{display:block}.backward,.forward{display:flex;align-items:center;gap:3px}.backward svg,.forward svg{margin-top:3px}.play-wrap{display:flex;gap:24px}.speed-wrap{display:flex;align-items:center;gap:20px}.speed-label{direction:rtl;white-space:nowrap;color:var(--elin-text-color);font-size:14px}.skip-label{white-space:nowrap}.speed-value{width:28px;height:28px;border-radius:50%;background:var(--elin-accent);color:#fff;display:flex;align-items:center;justify-content:center}.speed-controller{width:100%;display:flex;justify-content:center}.speed-slider{width:200px;height:70px;position:relative;display:flex;justify-content:space-between;align-items:center}.speed-line{position:absolute;left:8px;right:8px;height:2px;background:#ddd;border-radius:10px}.speed-step{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:var(--elin-accent);cursor:pointer;z-index:1}.speed-step:focus-visible{outline:2px solid var(--elin-accent);outline-offset:3px}.speed-knob{width:40px;height:40px;border-radius:50%;background:var(--elin-accent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:14px;transition:.25s ease;z-index:2;pointer-events:none;user-select:none}.mobile-speed{display:none}.mobile-speed-btn{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:var(--elin-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.mobile-popup{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.2s ease;z-index:999}.mobile-popup.show{opacity:1;pointer-events:auto}.mobile-popup-content{width:90%;max-width:360px;background:#fff;border-radius:24px;padding:40px 20px}.mobile-speed-slider{width:100%;height:70px;position:relative;display:flex;align-items:center;justify-content:space-between}.elin-player-empty{color:var(--elin-text-color);text-align:center}@media (max-width:768px){.speed-controller{display:none}.mobile-speed{display:flex;justify-content:center}.elin-player{padding:16px}.elin-top{grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon duration" "desc desc";row-gap:2px}.elin-player{--elin-icon-glyph-size:24px;--elin-icon-padding:12px}.elin-player-title{font-size:16px}.elin-player-description{margin-top:10px;font-size:14px}.elin-duration-label{font-size:12px}.speed-wrap{gap:4px}.speed-label{font-size:11px}.play-wrap{gap:4px}button.play{width:40px;height:40px}button.play .icon-play{width:20px;height:21px}.elin-controls .play-wrap button{font-size:12px;padding:6px}.elin-controls{padding:8px;gap:8px}}@media (prefers-reduced-motion:reduce){.speed-knob,.mobile-popup{transition:none}}