.q-player{color:#fff;background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--color-gold) 22%, transparent), transparent 60%), linear-gradient(160deg, var(--color-wine) 0%, var(--color-wine-ink) 100%);box-shadow:0 24px 60px -24px color-mix(in srgb, var(--color-wine-ink) 70%, transparent);border-radius:1.5rem;overflow:hidden}.q-media{aspect-ratio:16/10;background:#000;border-radius:1.1rem;min-height:200px;margin:.75rem .75rem 0;position:relative;overflow:hidden}.q-cover{text-align:center;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--color-gold) 30%, transparent) 0, transparent 55%), repeating-conic-gradient(from 22.5deg, #ffffff0d 0 12.5%, transparent 0 25%), var(--color-wine-ink);place-content:center;justify-items:center;gap:.35rem;display:grid;position:absolute;inset:0}.q-cover-num{width:3.2rem;height:3.2rem;color:var(--color-wine-ink);background:var(--color-gold-soft);clip-path:polygon(50% 0,64% 15%,85% 15%,85% 36%,100% 50%,85% 64%,85% 85%,64% 85%,50% 100%,36% 85%,15% 85%,15% 64%,0 50%,15% 36%,15% 15%,36% 15%);place-items:center;font-size:.95rem;font-weight:700;display:grid}.q-cover-title{color:#fff;padding:0 1rem;font-family:Amiri,serif;font-size:clamp(2rem,7vw,2.8rem);line-height:1.5}.q-cover-reciter{color:var(--color-gold-soft);font-family:Amiri,serif;font-size:1.05rem}.q-yt{position:absolute;inset:0}.q-yt>div,.q-yt iframe{border:0;width:100%;height:100%}.q-player.is-playing .q-cover-num{animation:18s linear infinite q-spin}@keyframes q-spin{to{transform:rotate(360deg)}}.q-seek{width:100%;height:1.25rem;accent-color:var(--color-gold-soft);cursor:pointer;background:0 0}.q-seek:disabled{opacity:.45;cursor:default}.q-btn{color:#fff;background:#ffffff1a;border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;transition:background-color .15s,transform .1s;display:grid}.q-btn:hover{background:#fff3}.q-btn:active,.q-play:active{transform:scale(.94)}.q-btn svg,.q-play svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.q-btn svg text{fill:currentColor;stroke:none;font-family:system-ui,sans-serif;font-size:6.5px;font-weight:700}.q-btn svg path[d^=M18\ 6l],.q-btn svg path[d^=M6\ 6l]{fill:currentColor}.q-play{background:var(--color-gold-soft);width:4.25rem;height:4.25rem;color:var(--color-wine-ink);border-radius:999px;place-items:center;transition:transform .1s;display:grid;position:relative;box-shadow:0 10px 24px -10px #0009}.q-play svg{width:1.7rem;height:1.7rem}.q-play svg path[d^="M8 5.5"],.q-mini .q-btn svg path[d^="M8 5.5"]{fill:currentColor}.q-spinner{border:2.5px solid;border-top-color:#0000;border-radius:999px;width:1.4rem;height:1.4rem;animation:.8s linear infinite q-spin}.q-chip{color:#ffffffd9;background:#ffffff14;border-radius:999px;align-items:center;gap:.3rem;padding:.4rem .75rem;transition:background-color .15s,color .15s;display:inline-flex}.q-chip:hover{background:#ffffff29}.q-chip[aria-pressed=true],.q-chip.is-on{background:var(--color-gold-soft);color:var(--color-wine-ink)}.q-list{grid-template-columns:minmax(0,1fr);gap:.35rem;display:grid}.q-row{background:var(--color-card);border:1px solid #0000;border-radius:.9rem;align-items:center;gap:.85rem;padding:.55rem .75rem;transition:border-color .15s,background-color .15s;display:flex}.q-row:hover{border-color:var(--color-line)}.q-num{background:var(--color-paper-2);min-width:2.4rem;height:2.4rem;color:var(--color-ink-soft);border-radius:.7rem;flex-shrink:0;place-items:center;padding:0 .3rem;font-size:.8rem;font-weight:700;display:grid}.q-title{color:var(--color-ink);white-space:nowrap;font-family:Amiri,serif;font-size:1.2rem;line-height:1.5}:lang(de) .q-title{font-family:inherit;font-size:1rem;font-weight:600}.q-row.is-current{border-color:var(--color-wine);background:color-mix(in srgb, var(--color-rose-soft) 55%, var(--color-card))}.q-row.is-current .q-num{background:var(--color-wine);color:#fff}.q-eq{align-items:flex-end;gap:2px;height:14px;display:none}.q-eq i{background:var(--color-wine);border-radius:2px;width:3px;animation:.9s ease-in-out infinite q-eq}.q-eq i:nth-child(2){animation-delay:.2s}.q-eq i:nth-child(3){animation-delay:.4s}@keyframes q-eq{0%,to{height:4px}50%{height:14px}}[data-quran].is-playing .q-row.is-current .q-eq{display:inline-flex}.q-mini{inset-inline:.5rem;z-index:40;background:linear-gradient(160deg, var(--color-wine) 0%, var(--color-wine-ink) 100%);border-radius:1rem;position:fixed;bottom:.5rem;overflow:hidden;box-shadow:0 16px 40px -12px #00000080}.q-mini-bar{background:#ffffff26;height:2px}.q-mini-bar span{background:var(--color-gold-soft);width:0;height:100%;display:block}@media (width>=1024px){.q-mini{display:none!important}}body:has([data-quran]) .tg-fab{display:none}@media (prefers-reduced-motion:reduce){.q-player.is-playing .q-cover-num,.q-eq i{animation:none}}