.audio-dock[hidden]{display:none}
.audio-dock{position:fixed;z-index:1100;bottom:12px;left:50%;transform:translateX(-50%);width:min(650px,calc(100vw - 24px));padding:8px 12px 7px;display:grid;gap:5px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 34px rgba(16,49,39,.18);font-family:inherit;direction:inherit}
body.has-audio-dock{padding-bottom:90px}
.audio-dock-head{display:flex;align-items:center;gap:9px;min-width:0}
.audio-dock-art{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--forest);flex:none}
.audio-dock-art svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.audio-dock-meta{min-width:0;flex:1;display:flex;align-items:baseline;gap:7px}
.audio-dock-meta strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.audio-dock-meta>span{font-size:.7rem;color:var(--muted);white-space:nowrap;flex:none}
.audio-dock button{cursor:pointer;font:inherit;color:var(--ink)}
.audio-dock button:disabled{opacity:.35;cursor:default}
.audio-dock-icon{width:27px;height:27px;padding:0;border:0;border-radius:7px;background:transparent;font-size:.92rem;line-height:1;flex:none}
.audio-dock-icon:hover:not(:disabled){background:var(--soft)}
.audio-dock-surah{flex:none;min-height:27px;padding:3px 8px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--forest-2)!important;font-size:.69rem!important;font-weight:700!important;white-space:nowrap}
.audio-dock-surah:hover{background:var(--line)}
.audio-dock-surah[hidden]{display:none}
.audio-dock-play{width:31px;height:31px;border-radius:50%;color:#fff!important;background:var(--forest);font-size:.77rem}
.audio-dock-play:hover{background:var(--forest-2)!important}
.audio-dock-progress{display:flex;align-items:center;gap:7px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.64rem}
.audio-dock-progress input{flex:1;min-width:0;accent-color:var(--forest)}
.audio-dock-progress [data-dock-seek]{appearance:none;-webkit-appearance:none;height:4px;border-radius:99px;background:linear-gradient(to right,var(--forest) var(--audio-progress,0%),var(--line) var(--audio-progress,0%));cursor:pointer}
.audio-dock-progress [data-dock-seek]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;border:2px solid var(--surface);background:var(--forest);box-shadow:0 0 0 1px var(--forest)}
.audio-dock-progress [data-dock-seek]::-moz-range-thumb{width:8px;height:8px;border:2px solid var(--surface);border-radius:50%;background:var(--forest)}
html[dir=rtl] .audio-dock-progress [data-dock-seek]{background:linear-gradient(to left,var(--forest) var(--audio-progress,0%),var(--line) var(--audio-progress,0%))}
.audio-dock.is-leaving{opacity:0;transform:translate(-50%,9px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
@media(max-width:480px){.audio-dock{bottom:8px;width:calc(100vw - 16px);padding:7px 9px 6px}.audio-dock-meta>span{display:none}.audio-dock-head{gap:5px}.audio-dock-icon{width:25px}.audio-dock-art{width:27px;height:27px}body.has-audio-dock{padding-bottom:82px}}
@media(max-width:360px){.audio-dock-art{display:none}.audio-dock-surah{padding-inline:5px;font-size:.64rem!important}.audio-dock-head{gap:3px}}
@media(prefers-reduced-motion:no-preference){.audio-dock{animation:audio-dock-in .2s ease-out}@keyframes audio-dock-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}}
@media(prefers-reduced-motion:reduce){.audio-dock.is-leaving{transition:none}}