.jvo-player{--jvo-brand:#688b5d;--jvo-brand-dark:#54734a;--jvo-brand-ink:#ffffff;--jvo-ink:#262626;--jvo-muted:#6b6459;--jvo-surface:#f4f1ea;--jvo-surface-2:#ece5d9;--jvo-border:#ddd4c5;--jvo-highlight:#e7f0d6;--jvo-radius:16px;--jvo-font:inherit;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,var(--jvo-surface),var(--jvo-surface-2));border:1px solid var(--jvo-border);border-radius:var(--jvo-radius);padding:12px 16px;margin:0 0 20px;font-family:var(--jvo-font);color:var(--jvo-ink);direction:rtl}.jvo-player .jvo-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:var(--jvo-brand);color:var(--jvo-brand-ink);border:none;border-radius:50px;padding:11px 18px;font-size:15px;font-weight:600;font-family:inherit;transition:background .15s,opacity .15s;line-height:1}.jvo-player .jvo-btn:hover{background:var(--jvo-brand-dark)}.jvo-player .jvo-btn.jvo-secondary{background:#e6ded1;color:var(--jvo-ink)}.jvo-player .jvo-btn.jvo-secondary:hover{background:#dbd0bd}.jvo-player .jvo-btn:disabled{opacity:.45;cursor:default}.jvo-player .jvo-ico{width:16px;height:16px;fill:currentColor;flex:none}.jvo-player .jvo-ctrl{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--jvo-muted)}.jvo-player .jvo-ctrl select{padding:6px 8px;border:1px solid var(--jvo-border);border-radius:8px;background:#fff;font-size:13px;font-family:inherit;max-width:200px;color:var(--jvo-ink);line-height:1.4}.jvo-player .jvo-ctrl input[type=range]{accent-color:var(--jvo-brand)}.jvo-player .jvo-meta{font-size:12px;color:var(--jvo-muted);white-space:nowrap}.jvo-player .jvo-progress{flex:1 0 100%;height:5px;background:rgb(0 0 0 / .08);border-radius:999px;overflow:hidden}.jvo-player .jvo-progress-bar{height:100%;width:0;background:var(--jvo-brand);border-radius:999px;transition:width .25s ease}.jvo-status{font-size:12px;color:var(--jvo-muted);margin:0 2px 22px}.jvo-status b{color:var(--jvo-ink)}.jvo-reading{background:var(--jvo-highlight);border-radius:4px;box-shadow:0 0 0 3px var(--jvo-highlight)}@media (max-width:520px){.jvo-player{gap:8px;padding:10px 12px}.jvo-player .jvo-btn{padding:10px 14px;font-size:14px}}