.player{z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0 0 1rem;padding:.5rem .75rem;position:sticky;top:0}.player-controls{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.pl-btn{width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.pl-btn svg{width:1.25rem;height:1.25rem}.pl-btn:hover:not(:disabled){background:var(--accent-soft)}.pl-btn:disabled{opacity:.35;cursor:default}.pl-play{background:var(--accent);color:#fff;width:2.75rem;height:2.75rem}.pl-play:hover:not(:disabled){background:var(--accent);filter:brightness(1.06)}.pl-play svg{width:1.5rem;height:1.5rem}.pl-repeat[data-on=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.pl-where{font-family:var(--font-num);color:var(--muted);margin-inline-start:.35rem;font-size:.8125rem}.pl-reciter{margin-inline-start:auto}.pl-reciter select{max-width:12rem;padding:.35rem .6rem;font-size:.8125rem}.pl-failed{color:var(--muted);margin:.5rem 0 0;font-size:.8125rem}.ayah[data-heard=true]{background:var(--accent-soft);-webkit-box-decoration-break:clone;box-decoration-break:clone;outline:1px solid var(--accent);border-radius:6px;padding:.15em .1em}@media (max-width:30rem){.pl-reciter{width:100%;margin-inline-start:0}.pl-reciter select{width:100%;max-width:none}}