.aayat-player{--player-bg:#ece8df;--player-ink:#30382d;--player-accent:#8f6746;position:relative;color:var(--player-ink);background:var(--player-bg);isolation:isolate;font-family:'DM Sans',sans-serif;line-height:1.4}
.aayat-player .film-player{display:block;width:100%;height:58dvh;object-fit:contain;background:#101310;margin:0}.aayat-player:focus-visible{outline:2px solid #b58e64;outline-offset:5px}
.player-controls{position:relative;padding:0 20px 12px;border:1px solid #c6c8bb;border-top:0;background:var(--player-bg);color:var(--player-ink)}.player-seek-label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.player-seek{--progress:0%;display:block;appearance:none;-webkit-appearance:none;width:100%;height:3px;margin:0 0 12px;border:0;border-radius:0;background:linear-gradient(to right,var(--player-accent) var(--progress),#858b753b var(--progress));cursor:pointer;position:relative;top:-1px}.player-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--player-accent)}.player-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--player-accent)}.player-transport{display:flex;align-items:center;gap:14px}.aayat-player button{font:inherit;color:inherit;background:transparent;border:0;min-width:36px;height:36px;padding:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.aayat-player button:hover{background:#858b7520}.aayat-player svg{width:20px;height:20px;display:block}.aayat-player button:focus-visible,.aayat-player input:focus-visible,.aayat-player select:focus-visible{outline:2px solid var(--player-accent);outline-offset:4px}.player-word{font-size:11px;letter-spacing:.04em}.player-time{font:10px 'Space Mono',monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.player-time>span{color:#727a68}.player-sound{display:flex;align-items:center;gap:8px;margin-left:auto}.player-volume{width:68px;accent-color:var(--player-accent);height:3px;cursor:pointer}.player-speed{font:11px 'Space Mono',monospace;color:inherit;background:transparent;border:1px solid #9da38d66;border-radius:3px;padding:6px;cursor:pointer}.player-speed option{background:#ece8df;color:#30382d}.player-status{font-size:10px;line-height:1.5;margin:4px 0 0;color:inherit}.player-status:empty{display:none}
.aayat-player[data-player-style=cinema]{--player-bg:#191e1ce8;--player-ink:#f0eee5;--player-accent:#d2b38c;background:#101310;padding-bottom:0}.aayat-player[data-player-style=cinema] .player-controls{position:absolute;bottom:20px;left:24px;right:24px;border:1px solid #eeeecc22;border-radius:18px;padding:16px 18px 10px;backdrop-filter:blur(18px);box-shadow:0 5px 40px #0004}.aayat-player[data-player-style=cinema] .player-play{border:1px solid #e7dfcd66;border-radius:50%;width:38px;height:38px}.aayat-player[data-player-style=cinema] .player-word{display:none}.aayat-player[data-player-style=cinema] .player-time>span{color:#b5b8a7}.aayat-player[data-player-style=cinema] .player-seek{height:2px}.aayat-player[data-player-style=cinema] .player-seek::-webkit-slider-thumb{width:7px;height:7px}.aayat-player[data-player-style=cinema] .player-controls button:hover{background:#ffffff15;border-radius:50%}
.aayat-player[data-player-style=editorial]{--player-bg:#ded2bd;--player-ink:#503e2b;--player-accent:#86552d}.aayat-player[data-player-style=editorial] .player-controls{border:0;border-top:4px solid #86552d;padding:18px 20px 16px}.aayat-player[data-player-style=editorial] .player-seek{height:2px;top:0;margin-bottom:18px}.aayat-player[data-player-style=editorial] .player-play{background:#503e2b;color:#f5eddf;min-width:90px;border-radius:0}.aayat-player[data-player-style=editorial] .player-play svg{display:none}.aayat-player[data-player-style=editorial] .player-word{text-transform:uppercase;font:10px 'Space Mono',monospace;letter-spacing:.15em}.aayat-player[data-player-style=editorial] .player-time{padding-left:15px;border-left:1px solid #9f8b6d}.aayat-player[data-player-style=editorial] .player-time>span{color:#827257}.aayat-player:fullscreen{display:flex;flex-direction:column;justify-content:center;max-width:none!important;width:100%;height:100%;background:#101310}.aayat-player:fullscreen .film-player{height:calc(100dvh - 85px)!important}.aayat-player:fullscreen .player-controls{width:100%;flex-shrink:0}.aayat-player[data-player-style=cinema]:fullscreen .film-player{height:100dvh!important}.aayat-player[data-player-style=cinema]:fullscreen .player-controls{width:auto}
@media(max-width:600px){.aayat-player .film-player{height:52dvh}.player-controls{padding:0 10px 9px}.player-transport{gap:6px}.player-word{display:none}.player-time{font-size:9px}.player-volume{display:none}.player-sound{margin-left:auto}.player-speed{font-size:10px;padding:5px;max-width:65px}.aayat-player button{min-width:34px;height:36px;padding:7px}.aayat-player[data-player-style=cinema] .player-controls{left:8px;right:8px;bottom:10px;padding:13px 10px 8px;border-radius:12px}.aayat-player[data-player-style=editorial] .player-controls{padding:16px 10px 10px}.aayat-player[data-player-style=editorial] .player-play{min-width:62px}.aayat-player[data-player-style=editorial] .player-time{padding-left:8px}.aayat-player[data-player-style=editorial] .player-word{display:block;font-size:8px}.theme-hybrid .aayat-player .film-player{height:52dvh}}
@media(prefers-reduced-motion:reduce){.aayat-player *{transition:none!important}}
/* The visible rail stays fine; its actual scrub target is easy to grab. */
.aayat-player .player-seek{height:20px;top:0;background:transparent;margin-bottom:4px}
.player-seek::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--player-accent) var(--progress),#858b753b var(--progress))}
.player-seek::-webkit-slider-thumb{margin-top:-3.5px}
.player-seek::-moz-range-track{height:3px;background:linear-gradient(to right,var(--player-accent) var(--progress),#858b753b var(--progress))}
.aayat-player[data-player-style=cinema] .player-seek::-webkit-slider-thumb{margin-top:-2px}
@media(max-width:600px){.aayat-player button{min-width:44px;height:44px}.player-transport{gap:4px}.aayat-player[data-player-style=cinema] .player-play{width:44px;height:44px}.aayat-player[data-player-style=editorial] .player-controls{padding-left:8px;padding-right:8px}.player-time{font-size:8px}}