#miniPlayer{touch-action:none;will-change:transform,opacity}
.player-page.tilawat-enter .player-art{animation:none!important}

.tilawat-v28-backdrop{position:fixed;z-index:240;inset:0;background:rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.tilawat-v28-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
.tilawat-v28-sheet{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));margin:auto;width:min(520px,calc(100% - 20px));border:1px solid rgba(255,255,255,.09);border-radius:var(--r-lg);padding:9px;background:rgba(24,24,24,.97);box-shadow:0 24px 64px rgba(0,0,0,.42);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
[data-theme='light'] .tilawat-v28-sheet{border-color:rgba(0,0,0,.08);background:rgba(250,250,247,.985)}
.tilawat-v28-action{width:100%;min-height:58px;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:13px;text-align:right;padding:10px 12px;color:var(--ink)}
.tilawat-v28-action:last-child{border-bottom:0}.tilawat-v28-action svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7}.tilawat-v28-action span{min-width:0;flex:1}.tilawat-v28-action b{display:block;font-size:14px}.tilawat-v28-action small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.tilawat-v28-action.danger{color:#e05f67}

.tilawat-v28-glass{position:fixed;z-index:190;inset:0;display:none;align-items:flex-end;justify-content:center;padding:18px 12px calc(var(--tab) + 10px + env(safe-area-inset-bottom));background:transparent}.tilawat-v28-glass.is-open{display:flex}.tilawat-v28-glass-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.24);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0}.tilawat-v28-glass-card{position:relative;width:min(560px,100%);border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(38,38,38,.94),rgba(18,18,18,.91));box-shadow:0 24px 68px rgba(0,0,0,.45);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);padding:12px 14px 16px;overflow:hidden;transform:translate3d(0,70px,0) scale(.97);touch-action:none;will-change:transform;contain:layout paint style}
[data-theme='light'] .tilawat-v28-glass-backdrop{background:rgba(245,245,241,.18)}[data-theme='light'] .tilawat-v28-glass-card{border-color:rgba(0,0,0,.08);background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(244,244,240,.97));box-shadow:0 24px 64px rgba(45,45,35,.16)}
.tilawat-v28-grab{width:40px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--ink) 28%,transparent);margin:1px auto 12px}.tilawat-v28-hero{display:grid;grid-template-columns:78px minmax(0,1fr);gap:13px;align-items:center}.tilawat-v28-hero img{width:78px;height:78px;border-radius:var(--r-md);object-fit:cover;object-position:center 18%;filter:grayscale(1) contrast(1.02)}.tilawat-v28-hero b,.tilawat-v28-hero span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tilawat-v28-hero b{font-size:17px}.tilawat-v28-hero span{font-size:11px;color:var(--muted);margin-top:3px}
.tilawat-v28-progress{height:4px;border-radius:999px;background:color-mix(in srgb,var(--ink) 15%,transparent);margin:17px 2px 7px;overflow:hidden}.tilawat-v28-progress i{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit}.tilawat-v28-times{display:flex;direction:ltr;justify-content:space-between;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}/* Sibling of .tilawat-v28-times two lines up, which already does this: without
   an explicit direction the row follows the page's RTL and swaps prev/next
   against every other transport in the app (.transport, .transport-seek). */
.tilawat-v28-controls{display:flex;direction:ltr;align-items:center;justify-content:center;gap:25px;margin:10px 0 7px}.tilawat-v28-controls button{width:48px;height:48px;border:0;border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center}.tilawat-v28-controls button.main{position:relative;width:64px;height:64px;background:var(--ink);color:var(--bg);box-shadow:0 12px 28px rgba(0,0,0,.18)}.tilawat-v28-controls svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.tilawat-v28-controls .main>svg{position:absolute;left:50%;top:51.5%;width:27px;height:27px;display:block;transform:translate(-50%,-50%)}.tilawat-v28-controls .main.is-playing>svg{opacity:0;transform:translate(-50%,-50%) scale(.82)}
.tilawat-v28-glass-eq{position:absolute;display:flex;align-items:center;justify-content:center;gap:3px;width:28px;height:28px;opacity:0;transform:scale(.85);transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1)}.tilawat-v28-glass-eq i{width:3px;height:17px;border-radius:999px;background:currentColor;transform-origin:center bottom;animation:tilawat-v28-eq .72s ease-in-out infinite alternate}.tilawat-v28-glass-eq i:nth-child(2){height:22px;animation-delay:-.28s}.tilawat-v28-glass-eq i:nth-child(3){height:14px;animation-delay:-.46s}.tilawat-v28-controls .main.is-playing .tilawat-v28-glass-eq{opacity:1;transform:none}@keyframes tilawat-v28-eq{0%{transform:scaleY(.32)}55%{transform:scaleY(.86)}100%{transform:scaleY(.5)}}
.tilawat-v28-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.tilawat-v28-quick button{height:44px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface2) 84%,transparent);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:7px}.tilawat-v28-quick svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.tilawat-v28-quick #tilawatV28GlassFav.is-favorite{color:var(--favorite);border-color:color-mix(in srgb,var(--favorite) 32%,var(--line));background:color-mix(in srgb,var(--favorite) 9%,var(--surface2))}.tilawat-v28-quick #tilawatV28GlassFav.is-favorite svg{fill:currentColor;stroke:currentColor}
.tilawat-v28-hint{position:fixed;z-index:191;left:50%;bottom:calc(var(--tab) + var(--mini) + 20px + env(safe-area-inset-bottom));transform:translate(-50%,10px);opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);border-radius:999px;padding:7px 11px;font-size:10px;white-space:nowrap;transition:opacity .15s ease,transform .15s ease}.tilawat-v28-hint.on{opacity:1;transform:translate(-50%,0)}

@media(prefers-reduced-motion:reduce){.tilawat-v28-backdrop,.tilawat-v28-glass-card,.tilawat-v28-glass-backdrop{transition:none!important;animation:none!important}.tilawat-v28-glass-eq i{animation:none!important;transform:none!important}}