.qap-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;background:var(--card-bg);border:.5px solid color-mix(in srgb, var(--gold) 30%, transparent);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:.5px;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.qap-meta-sub{color:var(--muted);letter-spacing:.5px;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:.5px;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:.5px solid #0000;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.qap-btn:hover:not(:disabled){color:var(--gold-bright)}.qap-btn:disabled{opacity:.3;cursor:not-allowed}.qap-btn--play{border:.5px solid var(--gold);width:40px;height:40px;color:var(--gold);margin:0 4px}.qap-btn--play:hover:not(:disabled){background:linear-gradient(135deg, var(--deep) 0%, var(--card-bg) 100%);border-color:var(--gold-bright);color:var(--gold-bright)}.qap-progress{align-items:center;gap:10px;min-width:260px;display:flex}.qap-time{color:var(--muted);letter-spacing:.5px;font-variant-numeric:tabular-nums;flex-shrink:0;width:36px;font-size:10px}.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:14px}@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:12px;height:12px;margin-top:-5px;transition:background .15s,transform .15s;transform:rotate(45deg)}.qap-scrub::-moz-range-thumb{background:var(--gold-fill,var(--gold));border:0;width:12px;height:12px;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{letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;padding:8px 14px 4px;font-size:9px}.qap-reciter-item{text-align:left;width:100%;color:var(--muted);font-family:var(--font-ui), sans-serif;cursor:pointer;background:0 0;border:none;border-radius:3px;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{background:color-mix(in srgb, var(--card-bg) 80%, transparent);width:34px;height:34px;color:var(--gold);cursor:pointer;z-index:2;box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent), 0 4px 12px #0000002e, 0 0 18px color-mix(in srgb, var(--gold) 18%, transparent);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .15s,box-shadow .2s;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.surah-card:hover .surah-card-play{color:var(--gold-bright);box-shadow:0 0 0 1px var(--gold), 0 4px 12px #0003, 0 0 24px color-mix(in srgb, var(--gold) 30%, transparent)}.surah-card-play:hover{transform:translateY(-50%)scale(1.08);background:var(--gold-fill,var(--gold))!important;color:var(--on-gold)!important;box-shadow:0 0 0 1px var(--gold), 0 6px 18px #00000040, 0 0 32px color-mix(in srgb, var(--gold) 45%, transparent)!important}.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}}