.surah-player{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-night-raised);border:1px solid var(--color-night-border);box-shadow:var(--shadow-raised)}.surah-player-error{display:grid;grid-gap:var(--space-2);gap:var(--space-2);color:var(--color-danger,oklch(72% .17 25))}.surah-player-retry{justify-self:start;min-height:40px;padding:.4em 1em;border-radius:999px;border:1px solid var(--color-gold-deep);background:transparent;color:var(--color-gold);font-weight:700;cursor:pointer}.surah-player-meta{display:grid;grid-gap:.2rem;gap:.2rem}.surah-player-title{margin:0;font-family:var(--font-display,inherit);font-weight:700;font-size:1.3rem}.surah-player-reciter{margin:0;color:var(--color-ivory-faint);font-size:.88rem}.surah-player-note{margin:.15rem 0 0;color:var(--color-gold-deep);font-size:.8rem;line-height:1.5}.surah-player-scrub-row{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:var(--space-2);gap:var(--space-2)}.surah-player-scrubber{width:100%;height:6px;accent-color:var(--color-gold);cursor:pointer}.surah-player-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--color-ivory-faint);white-space:nowrap}.surah-player-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.surah-player-toggle{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:999px;border:none;background:linear-gradient(180deg,var(--color-gold-hi),var(--color-gold));color:oklch(25% .03 80);font-size:1.5rem;cursor:pointer;box-shadow:0 8px 22px oklch(60% .1 80/.28);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.surah-player-toggle:focus-visible,.surah-player-toggle:hover{box-shadow:0 10px 26px oklch(60% .1 80/.36)}.surah-player-toggle:active{transform:scale(.94)}.surah-player-skip{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:999px;border:1px solid var(--color-night-border);background:transparent;color:var(--color-ivory-dim);font-size:1.15rem;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.surah-player-skip:focus-visible:not(:disabled),.surah-player-skip:hover:not(:disabled){border-color:var(--color-gold-deep);color:var(--color-gold)}.surah-player-skip:active:not(:disabled){transform:scale(.92)}.surah-player-skip:disabled{opacity:.3;cursor:default}.surah-player-progress{margin:0;text-align:center;color:var(--color-ivory-faint);font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.surah-player-loop{display:flex;align-items:center;justify-content:center;gap:.5em;font-size:.85rem;color:var(--color-ivory-dim);cursor:pointer}.surah-player-loop input{accent-color:var(--color-gold);width:18px;height:18px}.surah-player-car-hint{margin:0;text-align:center;font-size:.78rem;color:var(--color-ivory-faint);font-style:italic}@media (prefers-reduced-motion:reduce){.surah-player-skip,.surah-player-toggle{transition:none}.surah-player-skip:active:not(:disabled),.surah-player-toggle:active{transform:none}}.surah-player-sleep{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}.surah-player-sleep-label{font-size:.8rem;color:var(--color-ink-soft,#6b7280)}.surah-player-sleep-opts{display:flex;flex-wrap:wrap;gap:.35rem}.surah-player-sleep-opt{border:1px solid var(--color-line,#e5e7eb);background:transparent;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer;color:inherit;transition:transform .16s ease-out,background .2s ease,border-color .2s ease}.surah-player-sleep-opt:active{transform:scale(.95)}.surah-player-sleep-opt[data-on=true]{background:color-mix(in oklch,var(--color-green,#3f7d58) 16%,transparent);border-color:color-mix(in oklch,var(--color-green,#3f7d58) 45%,transparent)}.surah-player-sleep-toggle{border:1px solid var(--color-line,#e5e7eb);background:transparent;border-radius:999px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer;color:inherit;align-self:flex-start;transition:transform .16s ease-out,background .2s ease,border-color .2s ease}.surah-player-sleep-toggle:active{transform:scale(.96)}.surah-player-sleep-toggle[data-on=true]{background:color-mix(in oklch,var(--color-green,#3f7d58) 16%,transparent);border-color:color-mix(in oklch,var(--color-green,#3f7d58) 45%,transparent)}