.voice-prayer-player{--vp-preview:color-mix(in srgb, var(--ink-muted) 55%, #5c6e5a);--vp-preview-on:color-mix(in srgb, var(--gold) 45%, #3f7a4e);--vp-muted:var(--ink-muted);--vp-focus:color-mix(in srgb, var(--gold) 50%, #2f6fed);--vp-capsule-bg:color-mix(in srgb, var(--ink) 5.5%, var(--bg-elevated,#f3e8d8));--vp-capsule-bg-hover:color-mix(in srgb, var(--ink) 8%, var(--bg-elevated,#f3e8d8))}.vp-id{border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);background:var(--vp-capsule-bg);min-width:0;max-width:100%;min-height:1.55rem;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:9999px;justify-content:center;align-items:center;gap:.28rem;margin:0;padding:.1rem .36rem .1rem .22rem;transition:background .25s,border-color .25s;display:inline-flex}.vp-id:hover{background:var(--vp-capsule-bg-hover);border-color:color-mix(in srgb, var(--gold) 30%, transparent)}.vp-id:focus-visible{outline:2px solid var(--vp-focus,#2f6fed);outline-offset:2px}.vp-id.is-hinting{background:color-mix(in srgb, var(--ink) 7%, var(--bg-elevated,#f3e8d8));border-color:color-mix(in srgb, var(--gold) 28%, transparent);justify-content:center;gap:0;padding:.12rem .65rem}.vp-id.is-hinting .vp-id__label{text-align:center;flex:0 auto;width:100%}.vp-id.is-hinting .vp-id__hint{text-align:center;width:100%}.vp-id.is-playing{background:color-mix(in srgb, var(--vp-preview-on) 12%, var(--bg-elevated,#f3e8d8));border-color:color-mix(in srgb, var(--vp-preview-on) 38%, transparent)}.vp-id.is-loading{opacity:.7}.vp-id.is-missing,.vp-id:disabled{opacity:.4;cursor:not-allowed}.vp-id__mark{flex:none;place-items:center;width:1.25rem;height:1.25rem;display:grid;position:relative}.vp-id__avatar{object-fit:cover;border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:9999px;width:1.25rem;height:1.25rem;display:block}.vp-id__playing{place-items:center;width:1.25rem;height:1.25rem;display:grid;position:relative}.vp-id__speaker{width:.95rem;height:.95rem;color:var(--vp-preview-on,#3f7a4e)}.vp-id__eq{background:var(--gold);width:.7rem;height:.7rem;box-shadow:0 0 0 1.5px var(--bg-elevated,#faf6ef);pointer-events:none;border-radius:9999px;align-items:flex-end;gap:1px;padding:.1rem;display:inline-flex;position:absolute;bottom:-.12rem;right:-.15rem}.vp-id__eq span{background:#fff;border-radius:1px;width:1.5px;animation:.85s ease-in-out infinite voice-bar;display:block}.vp-id__eq span:first-child{height:35%}.vp-id__eq span:nth-child(2){height:70%;animation-delay:.12s}.vp-id__eq span:nth-child(3){height:50%;animation-delay:.24s}.vp-id__label{text-align:center;flex:auto;min-width:0;line-height:1.2}.vp-id__name,.vp-id__hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.vp-id__name{font-family:var(--font-display), Georgia, "Times New Roman", serif;color:var(--ink);letter-spacing:.01em;font-size:1.05rem;font-weight:600}.vp-id__hint{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--gold) 70%, var(--ink));font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.64rem;font-weight:700;animation:.4s both vp-id-hint-in}.vp-id__trail{pointer-events:none;flex:none;place-items:center;width:.82rem;height:.82rem;margin-left:0;margin-right:.02rem;display:grid}.vp-id__trail-icon{width:.78rem;height:.78rem;color:var(--vp-preview,#5c6e5a);opacity:.78;animation:11s linear infinite vp-id-trail-flash}.vp-id.is-playing .vp-id__trail-icon{color:var(--vp-preview-on,#3f7a4e);opacity:1;animation:none}.voice-prayer-player__name-row:has(.vp-id){justify-content:center;gap:0}.voice-prayer-player__name-row .vp-id{justify-content:center;width:100%}@keyframes vp-id-hint-in{0%{opacity:0}to{opacity:1}}@keyframes vp-id-trail-flash{0%,90.909%{opacity:.78}91.42%{opacity:.12}92.94%{opacity:.78}94.45%{opacity:.12}95.97%{opacity:.78}97.48%{opacity:.12}99%,to{opacity:.78}}@media (prefers-reduced-motion:reduce){.vp-id__eq span,.vp-id__hint,.vp-id__trail-icon{animation:none!important}.vp-id__hint{opacity:1}.vp-id__trail-icon{opacity:.78}}
.player-tutorial-host{position:relative}.voice-prayer-player.player-tutorial-host{overflow:visible}.voice-prayer-player.player-tutorial-host[data-tutorial-active=true]{z-index:5}.player-tutorial-tokens{--ptl-dim:#080a0e8c;--ptl-spotlight-outline:color-mix(in srgb, var(--ink) 55%, transparent);--ptl-label-bg:color-mix(in srgb, var(--bg) 88%, transparent);--ptl-label-border:color-mix(in srgb, var(--ink) 18%, transparent);--ptl-label-text:var(--ink)}.player-tutorial__help-btn{z-index:45;border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);background:color-mix(in srgb, var(--bg) 82%, transparent);width:1.65rem;height:1.65rem;color:var(--ink);cursor:pointer;border-radius:999px;font-size:.85rem;font-weight:600;line-height:1;position:absolute;top:.45rem;right:.45rem}.player-tutorial__overlay{z-index:20;pointer-events:auto;touch-action:none;border-radius:inherit;position:absolute;inset:0;overflow:visible}.player-tutorial__overlay-clip{contain:paint;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.player-tutorial__overlay-scrim{pointer-events:none;position:absolute;inset:0}.player-tutorial__overlay-scrim--radial{background:#080a0e;transition:opacity .18s;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.player-tutorial__overlay-scrim--radial.is-reduced{transition:none}.player-tutorial__spotlight{pointer-events:none;border-radius:var(--ptl-spot-radius,12px);background:0 0;transition:top .22s,left .22s,width .22s,height .22s,border-radius .22s,opacity .18s;position:absolute}.player-tutorial__spotlight.is-reduced{transition:none}.player-tutorial__spotlight--cutout{box-shadow:0 0 0 9999px var(--ptl-dim)}.player-tutorial__spotlight--outline{box-shadow:0 0 0 9999px var(--ptl-dim), 0 0 0 var(--ptl-outline,2px) var(--ptl-spotlight-outline)}.player-tutorial__spotlight--radial-ring{box-shadow:none}.player-tutorial__spotlight.is-pulse:not(.is-reduced){animation:1.4s ease-in-out infinite ptl-spot-pulse}@keyframes ptl-spot-pulse{0%,to{box-shadow:0 0 0 9999px var(--ptl-dim), 0 0 0 var(--ptl-outline,2px) color-mix(in srgb, var(--ptl-spotlight-outline) 70%, transparent)}50%{box-shadow:0 0 0 9999px var(--ptl-dim), 0 0 calc(4px + var(--ptl-pulse,.35) * 8px) color-mix(in srgb, var(--ptl-spotlight-outline) 95%, transparent)}}.player-tutorial__label{z-index:40;pointer-events:none;width:max-content;max-width:calc(100% - 1rem);transition:top .22s,left .22s,opacity .18s;position:absolute}.player-tutorial__label.is-reduced{transition:none}.player-tutorial__label-shell{border:1px solid var(--ptl-label-border);background:color-mix(in srgb, var(--bg) 92%, transparent);width:max-content;max-width:100%;color:var(--ptl-label-text,var(--ink));box-shadow:0 8px 22px #00000029, 0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent);transform-origin:50%;will-change:transform, filter, opacity;border-radius:.5rem;padding:.5rem .8rem .55rem;display:block}.player-tutorial__label-shell.is-enter{animation:.98s cubic-bezier(.34,1.55,.42,1) both ptl-label-impact}.player-tutorial__label-text{font-family:var(--font-body), "Plus Jakarta Sans", system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:clamp(.78rem,2.4cqi,.92rem);font-weight:700;line-height:1.15;display:block}@keyframes ptl-label-impact{0%{opacity:0;filter:brightness(1.45);transform:scale(.55)}28%{opacity:1;filter:brightness(1.18);transform:scale(1.28)}48%{filter:brightness(1.05);transform:scale(.88)}68%{filter:brightness();transform:scale(1.12)}84%{transform:scale(.96)}to{opacity:1;filter:brightness();transform:scale(1)}}.player-tutorial__help-btn{z-index:30;border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);background:color-mix(in srgb, var(--bg) 82%, transparent);width:1.65rem;height:1.65rem;color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;cursor:pointer;border-radius:999px;font-size:.85rem;font-weight:700;line-height:1;position:absolute;top:.45rem;right:.45rem}.player-tutorial__help-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 45%, transparent);outline-offset:2px}.player-tutorial-host{--ptl-dim:#080a0e8c;--ptl-spotlight-outline:color-mix(in srgb, var(--ink) 55%, transparent);--ptl-label-bg:color-mix(in srgb, var(--bg) 88%, var(--ink) 4%);--ptl-label-border:color-mix(in srgb, var(--ink) 22%, transparent);--ptl-label-text:var(--ink)}[data-gw-theme=blackgold] .player-tutorial-host,.player-tutorial-host[data-gw-theme=blackgold]{--ptl-dim:#000000b8;--ptl-label-bg:#2b272f;--ptl-label-border:#f2ebe047;--ptl-label-text:#f5efe6;--ptl-spotlight-outline:#f2ebe080}
.voice-playlist{border:1px solid color-mix(in srgb, var(--gold) 42%, transparent);background:color-mix(in srgb, var(--bg-elevated) 88%, #f7f1e4);width:100%;min-width:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 12%, transparent), 0 8px 24px color-mix(in srgb, var(--gold) 14%, transparent);border-radius:1.15rem;margin-bottom:.55rem;padding:.65rem .85rem .55rem;position:relative}.voice-playlist__row{justify-content:space-between;align-items:center;gap:.45rem;min-width:0;display:flex}.voice-playlist__meta{flex:1;min-width:0}.voice-playlist__title{color:var(--ink);white-space:nowrap;min-width:0;font-size:.82rem;font-weight:500;overflow:hidden;container-type:inline-size}.voice-playlist__title-text{white-space:nowrap;will-change:transform;display:inline-block}.voice-playlist__title.is-ticker .voice-playlist__title-text{animation:10s linear infinite voice-playlist-ticker}@keyframes voice-playlist-ticker{0%{transform:translate(100cqw)}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.voice-playlist__title.is-ticker .voice-playlist__title-text{text-overflow:ellipsis;max-width:100%;animation:none;display:block;overflow:hidden;transform:none}}.voice-playlist__badge-btn{--voice-playlist-badge-on:#2f9e5d;cursor:pointer;box-shadow:none;background:0 0;border:1.5px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin:.35rem 0 0;padding:.12rem;line-height:0;transition:filter .16s,opacity .16s,transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.voice-playlist__badge-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 45%, transparent);outline-offset:3px}.voice-playlist__badge-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:4.5rem;height:1.65rem;transition:filter .16s,opacity .16s;display:block}.voice-playlist__badge-btn.is-on{border-color:color-mix(in srgb, var(--voice-playlist-badge-on) 72%, transparent);background:color-mix(in srgb, var(--voice-playlist-badge-on) 14%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--voice-playlist-badge-on) 28%, transparent), 0 1px 2px color-mix(in srgb, var(--voice-playlist-badge-on) 22%, transparent), 0 0 10px color-mix(in srgb, var(--voice-playlist-badge-on) 18%, transparent)}.voice-playlist__badge-btn.is-on .voice-playlist__badge-img{filter:saturate(1.12)brightness(1.03)contrast(1.04);opacity:1}.voice-playlist__badge-btn.is-off{border-color:color-mix(in srgb, var(--ink) 12%, transparent);background:color-mix(in srgb, var(--bg) 55%, transparent);box-shadow:none}.voice-playlist__badge-btn.is-off .voice-playlist__badge-img{filter:saturate(.45)brightness(1.04)contrast(.98);opacity:.92}.voice-playlist__badge-btn.is-on:active{transform:translateY(.5px)scale(.985)}.voice-playlist__badge-btn.is-off:hover .voice-playlist__badge-img{filter:saturate(.65)brightness(1.03);opacity:1}.voice-playlist__nav{flex-shrink:0;align-items:flex-start;gap:.3rem;display:flex}.voice-playlist__nav-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.12rem;padding:0;display:inline-flex}.voice-playlist__nav-btn:disabled{opacity:.35;cursor:default}.voice-playlist__nav-btn:focus-visible .voice-playlist__nav-icon{outline:2px solid color-mix(in srgb, var(--ink) 45%, transparent);outline-offset:2px}.voice-playlist__nav-icon{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);background:color-mix(in srgb, var(--bg) 80%, transparent);border-radius:999px;justify-content:center;align-items:center;width:1.85rem;min-width:1.85rem;height:1.85rem;min-height:1.85rem;display:inline-flex}.voice-playlist__nav-caption{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);-webkit-user-select:none;user-select:none;font-size:.55rem;font-weight:600;line-height:1}.voice-playlist__footer{justify-content:flex-end;align-items:center;min-height:1.25rem;margin-top:.45rem;padding-top:.2rem;display:flex;position:relative}.voice-playlist__track-label{z-index:1;letter-spacing:.03em;color:color-mix(in srgb, var(--ink) 92%, var(--gold));-webkit-text-stroke:.45px color-mix(in srgb, var(--ink) 55%, transparent);paint-order:stroke fill;text-shadow:0 0 .35px color-mix(in srgb, var(--ink) 40%, transparent), .4px .4px 0 color-mix(in srgb, var(--bg) 70%, transparent);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;margin:0;font-size:.8rem;font-weight:800;line-height:1.1;position:relative}.voice-playlist__now-playing{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--gold) 78%, var(--ink));pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.42;margin:0;font-size:.62rem;font-weight:600;transition:opacity .28s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voice-playlist__now-playing.is-live{animation:2.8s ease-in-out infinite voice-playlist-now-playing-breathe}@keyframes voice-playlist-now-playing-breathe{0%,to{opacity:.28}50%{opacity:.92}}@media (prefers-reduced-motion:reduce){.voice-playlist__now-playing.is-live{opacity:.75;animation:none}.voice-playlist__nav-btn{transition:none}}@media (max-width:360px){.voice-playlist__title{font-size:.78rem}}