.qap-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;background:var(--card-bg);border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);border-radius:var(--u-radius,14px);width:min(960px,100vw - 32px);box-shadow:0 0 0 1px #00000080, 0 24px 60px -12px #000c, 0 0 40px color-mix(in srgb, var(--gold) 8%, transparent);color:var(--foreground);font-family:var(--font-ui), sans-serif;grid-template-columns:1fr auto auto auto;align-items:center;gap:18px;padding:12px 18px;animation:.25s ease-out qap-slide-up;display:grid;position:fixed;transform:translate(-50%)}@keyframes qap-slide-up{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.qap-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.qap-meta-title{color:var(--foreground);letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.qap-meta-sub{color:var(--muted);letter-spacing:1px;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.qap-meta-arabic{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold);font-size:14px;line-height:1}.qap-meta-dot{opacity:.5}.qap-reciter-trigger{color:var(--muted);font-family:var(--font-ui), sans-serif;letter-spacing:1px;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;max-width:240px;padding:0;font-size:11px;transition:color .15s;display:inline-flex;overflow:hidden}.qap-reciter-trigger:hover{color:var(--gold)}.qap-controls{align-items:center;gap:4px;display:flex}.qap-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;transition:color .25s cubic-bezier(.22,.61,.36,1),border-color .25s cubic-bezier(.22,.61,.36,1);display:inline-flex}.qap-btn:hover:not(:disabled){color:var(--gold-bright)}.qap-btn:disabled{opacity:.3;cursor:not-allowed}.qap-btn--play{border:1px solid var(--gold);width:44px;height:44px;color:var(--gold);border-radius:50%;margin:0 6px}.qap-btn--play:hover:not(:disabled){background:var(--gold-fill,var(--gold));border-color:var(--gold-fill,var(--gold));color:var(--on-gold)}.qap-progress{align-items:center;gap:10px;min-width:260px;display:flex}.qap-time{color:var(--muted);letter-spacing:1px;font-variant-numeric:tabular-nums;flex-shrink:0;width:36px;font-size:11px}.qap-time:last-of-type{text-align:right}.qap-scrub{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;outline:none;flex:1;height:44px}@media (max-width:768px){.qap-scrub{height:32px}.qap-scrub::-webkit-slider-thumb{width:16px;height:16px;margin-top:-7px}.qap-scrub::-moz-range-thumb{width:16px;height:16px}}.qap-scrub::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--gold) 0%, var(--gold) var(--qap-progress,0%), color-mix(in srgb, var(--foreground) 15%, transparent) var(--qap-progress,0%), color-mix(in srgb, var(--foreground) 15%, transparent) 100%);height:2px}.qap-scrub::-moz-range-track{background:color-mix(in srgb, var(--foreground) 15%, transparent);height:2px}.qap-scrub::-moz-range-progress{background:var(--gold-fill,var(--gold));height:2px}.qap-scrub::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold-fill,var(--gold));border:0;width:14px;height:14px;margin-top:-6px;transition:background .15s,transform .15s;transform:rotate(45deg)}.qap-scrub::-moz-range-thumb{background:var(--gold-fill,var(--gold));border:0;width:14px;height:14px;transition:background .15s,transform .15s;transform:rotate(45deg)}.qap-scrub:hover::-webkit-slider-thumb{background:var(--gold-bright);transform:rotate(45deg)scale(1.2)}.qap-scrub:focus-visible::-webkit-slider-thumb{background:var(--gold-bright);transform:rotate(45deg)scale(1.2)}.qap-scrub:hover::-moz-range-thumb{background:var(--gold-bright)}.qap-scrub:focus-visible::-moz-range-thumb{background:var(--gold-bright)}.qap-close{color:var(--dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;line-height:1;transition:color .15s;display:inline-flex}@media (max-width:768px){.qap-close{width:44px;height:44px;font-size:22px}}.qap-close:hover{color:var(--foreground)}.qap-reciter-menu{background:var(--card-bg);border:1px solid var(--border);z-index:10;width:280px;max-height:320px;padding:6px 0;position:absolute;bottom:calc(100% + 8px);left:18px;overflow-y:auto;box-shadow:0 24px 60px -12px #000c}.qap-reciter-section{font-size:var(--fs-xl,16px);letter-spacing:0;color:var(--gold);text-transform:none;padding:8px 14px 4px;font-weight:600}.qap-reciter-item{border-radius:var(--u-radius-sm,10px);text-align:left;width:100%;color:var(--muted);font-family:var(--font-ui), sans-serif;cursor:pointer;background:0 0;border:none;padding:7px 14px;font-size:12px;transition:background .15s,color .15s;display:block}.qap-reciter-item:hover{background:color-mix(in srgb, var(--gold) 6%, transparent);color:var(--foreground)}.qap-reciter-item.is-active{color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, transparent)}.qap-reciter-menu::-webkit-scrollbar{width:4px}.qap-reciter-menu::-webkit-scrollbar-track{background:0 0}.qap-reciter-menu::-webkit-scrollbar-thumb{background:var(--border)}.surah-card-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.surah-card-play{border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);width:36px;height:36px;color:var(--gold);cursor:pointer;z-index:2;box-shadow:none;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .32s cubic-bezier(.22,.61,.36,1),color .32s cubic-bezier(.22,.61,.36,1),border-color .32s cubic-bezier(.22,.61,.36,1);display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.surah-card:hover .surah-card-play{border-color:var(--gold)}.surah-card-play:hover{background:var(--gold-fill,var(--gold));border-color:var(--gold-fill,var(--gold));color:var(--on-gold);transform:translateY(-50%)}.surah-card-play.is-playing{background:var(--gold-fill,var(--gold));color:var(--on-gold);box-shadow:0 0 0 1px var(--gold), 0 0 24px color-mix(in srgb, var(--gold) 45%, transparent)}.surah-card{padding-right:60px;position:relative}.quron-with-player .quron-surah-grid,.quron-with-player .quron-search-results{padding-bottom:120px}@media (max-width:720px){.quron-with-player .quron-surah-grid,.quron-with-player .quron-search-results{padding-bottom:200px}.qap-bar{grid-template-columns:1fr auto;grid-template-areas:"meta close""progress progress""controls controls";gap:10px;width:calc(100vw - 24px);padding:10px 14px;bottom:12px}.qap-meta{grid-area:meta}.qap-close{grid-area:close}.qap-controls{grid-area:controls;justify-self:center}.qap-progress{grid-area:progress;min-width:0}.qap-reciter-menu{width:calc(100vw - 48px);left:12px}}