*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-primary: #0d0d14;--bg-secondary: #13131f;--bg-card: #1a1a2e;--bg-glass: rgba(255, 255, 255, .04);--accent: #c87941;--accent-light: #e8954d;--accent-glow: rgba(200, 121, 65, .35);--accent-dim: rgba(200, 121, 65, .12);--gold: #d4a94a;--gold-dim: rgba(212, 169, 74, .15);--text-primary: #f0ead8;--text-secondary: #9b9098;--text-muted: #5c5467;--border: rgba(255, 255, 255, .07);--border-accent: rgba(200, 121, 65, .3);--shadow-card: 0 24px 48px rgba(0, 0, 0, .5), 0 8px 16px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px var(--accent-glow);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}html[lang=ar] body{font-family:IBM Plex Sans Arabic,sans-serif}html{overflow-x:hidden}#app{min-height:100vh;background:var(--bg-primary);padding:0;margin:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.controls-container[data-v-64d75463]{display:flex;justify-content:center;align-items:center;padding:10px 0}.main-controls[data-v-64d75463]{display:flex;align-items:center;gap:20px}.btn[data-v-64d75463]{background:none;border:none;outline:none;cursor:pointer;color:var(--text-muted);transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%}.btn svg[data-v-64d75463]{width:28px;height:28px}.btn[data-v-64d75463]:hover{color:var(--text-primary);background:var(--bg-glass);transform:scale(1.1)}.btn[data-v-64d75463]:active{transform:scale(.9)}.play-pause-btn-wrap[data-v-64d75463]{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;z-index:5}.play-pause-btn-wrap[data-v-64d75463]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent);border-radius:50%;opacity:.15;filter:blur(8px);transition:all .4s ease}.play-pause-btn-wrap.is-playing[data-v-64d75463]:before{opacity:.35;transform:scale(1.1);filter:blur(12px)}.btn-play-pause[data-v-64d75463]{width:100%;height:100%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;box-shadow:0 8px 16px #0006,0 4px 8px var(--accent-glow);position:relative;z-index:10;border:1px solid rgba(255,255,255,.1)}.btn-play-pause[data-v-64d75463]:hover{background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 100%);transform:scale(1.05);color:#fff;box-shadow:0 12px 24px #00000080,0 4px 12px var(--accent-glow)}.btn-play-pause svg[data-v-64d75463]{width:38px;height:38px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}:where([dir=rtl]) .btn-prev[data-v-64d75463],:where([dir=rtl]) .btn-next[data-v-64d75463],:where([dir=rtl]) .icon-play[data-v-64d75463]{transform:scaleX(-1)}:where([dir=rtl]) .btn-prev[data-v-64d75463]:hover,:where([dir=rtl]) .btn-next[data-v-64d75463]:hover,:where([dir=rtl]) .btn-play-pause:hover .icon-play[data-v-64d75463]{transform:scaleX(-1) scale(1.1)}:where([dir=rtl]) .btn-prev[data-v-64d75463]:active,:where([dir=rtl]) .btn-next[data-v-64d75463]:active,:where([dir=rtl]) .btn-play-pause:active .icon-play[data-v-64d75463]{transform:scaleX(-1) scale(.9)}:where([dir=rtl]) .icon-play[data-v-64d75463]{margin-left:0;margin-right:4px}.audio-player[data-v-9792aaad]{width:100%}.waveform-container[data-v-9792aaad]{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;margin-bottom:24px;min-height:128px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-width:0}.waveform[data-v-9792aaad]{width:100%;cursor:pointer;min-width:0}.loading-overlay[data-v-9792aaad]{display:flex;flex-direction:column;align-items:center;gap:20px}.pulse-rings[data-v-9792aaad]{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.pulse-rings span[data-v-9792aaad]{position:absolute;border:2.5px solid var(--accent);border-radius:50%;animation:pulse-out-9792aaad 1.5s ease-out infinite;opacity:0}.pulse-rings span[data-v-9792aaad]:nth-child(1){width:100%;height:100%;animation-delay:0s}.pulse-rings span[data-v-9792aaad]:nth-child(2){width:70%;height:70%;animation-delay:.4s}.pulse-rings span[data-v-9792aaad]:nth-child(3){width:40%;height:40%;animation-delay:.8s;background:var(--accent);opacity:.55;animation:none}@keyframes pulse-out-9792aaad{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.4);opacity:0}}.pulse-rings span.is-fast[data-v-9792aaad]{animation-duration:.8s;border-color:var(--gold)}.loading-label[data-v-9792aaad]{font-size:11px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-weight:500;text-align:center}.player-bottom-controls[data-v-9792aaad]{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.time-display[data-v-9792aaad]{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:14px;font-weight:500;width:120px}.time-now[data-v-9792aaad]{color:var(--text-primary)}.time-divider[data-v-9792aaad]{opacity:.4}.time-total[data-v-9792aaad]{opacity:.6}.action-controls[data-v-9792aaad]{flex:1;display:flex;justify-content:center}.controls-spacer[data-v-9792aaad]{width:120px}@media (max-width: 600px){.player-bottom-controls[data-v-9792aaad]{flex-direction:column;gap:24px}.time-display[data-v-9792aaad]{width:auto;justify-content:center}.controls-spacer[data-v-9792aaad]{display:none}}.playlist-container[data-v-c9523844]{padding:24px;height:100%}.playlist-header[data-v-c9523844]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.playlist-title[data-v-c9523844]{font-family:Amiri,serif;font-size:20px;color:var(--text-primary);margin:0}.track-count[data-v-c9523844]{font-size:10px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-weight:500}.tracks-list[data-v-c9523844]{display:flex;flex-direction:column;gap:4px;padding-block:10px}.track-row[data-v-c9523844]{display:flex;align-items:center;padding:8px 16px;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;content-visibility:auto;contain-intrinsic-size:0 45px}.track-row[data-v-c9523844]:hover{background:#ffffff0d}.track-row.is-active[data-v-c9523844]{background:var(--accent-dim);border-color:var(--border-accent)}.track-number[data-v-c9523844]{width:32px;font-size:13px;color:var(--text-muted);font-weight:600;display:flex;align-items:center}.track-row.is-active .track-number[data-v-c9523844]{color:var(--accent)}.track-details[data-v-c9523844]{flex:1;min-width:0}.track-name[data-v-c9523844]{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info[data-v-c9523844]{font-size:11px;color:var(--text-muted);opacity:.8}.playing-bars[data-v-c9523844]{display:flex;align-items:flex-end;gap:2px;height:10px}.playing-bars i[data-v-c9523844]{width:2.5px;height:100%;background-color:var(--accent);animation:equalize-c9523844 1s infinite;border-radius:1px}.playing-bars i[data-v-c9523844]:nth-child(2){animation-delay:-.4s}.playing-bars i[data-v-c9523844]:nth-child(3){animation-delay:-.7s}@keyframes equalize-c9523844{0%{height:3px}50%{height:10px}to{height:3px}}.play-indicator[data-v-c9523844]{width:24px;height:24px;border-radius:50%;background:var(--bg-glass);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s;color:var(--accent);margin-left:8px}.track-row:hover .play-indicator[data-v-c9523844],.track-row.is-active .play-indicator[data-v-c9523844]{opacity:1}.track-row.is-playing .play-icon[data-v-c9523844]{display:none}.play-icon[data-v-c9523844]{font-size:10px}@media (max-width: 600px){.playlist-container[data-v-c9523844]{padding:16px}}.custom-select[data-v-f540a359]{width:100%;position:relative;text-align:inherit;-webkit-user-select:none;user-select:none}.select-label[data-v-f540a359]{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600;padding-inline-start:2px}.select-trigger[data-v-f540a359]{height:48px;width:100%;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);color:var(--text-primary)}.select-trigger[data-v-f540a359]:hover{border-color:var(--border-accent);background:#ffffff14;transform:translateY(-1px)}.select-trigger.is-open[data-v-f540a359]{border-color:var(--accent);box-shadow:0 8px 16px #0003}.selected-value[data-v-f540a359]{flex:1;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron[data-v-f540a359]{width:18px;height:18px;color:var(--text-muted);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.is-open .chevron[data-v-f540a359]{transform:rotate(180deg);color:var(--accent)}.chevron svg[data-v-f540a359]{width:100%;height:100%}.options-menu[data-v-f540a359]{position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 16px 32px #0009;z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.options-list[data-v-f540a359]{max-height:240px;overflow-y:auto;padding:6px}.options-list[data-v-f540a359]::-webkit-scrollbar{width:3px}.options-list[data-v-f540a359]::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:99px}.option-item[data-v-f540a359]{padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s;font-size:13.5px;color:var(--text-secondary);margin-bottom:2px}.option-item[data-v-f540a359]:hover{background:var(--bg-glass);color:var(--text-primary)}.option-item.is-selected[data-v-f540a359]{background:var(--accent-dim);color:var(--accent)}.check-icon[data-v-f540a359]{width:14px;height:14px;color:var(--accent)}.check-icon svg[data-v-f540a359]{width:100%;height:100%}.dropdown-enter-active[data-v-f540a359],.dropdown-leave-active[data-v-f540a359]{transition:all .25s cubic-bezier(.165,.84,.44,1)}.dropdown-enter-from[data-v-f540a359],.dropdown-leave-to[data-v-f540a359]{opacity:0;transform:translateY(-12px) scale(.98)}.app-shell[data-v-c3e3c47b]{min-height:100vh;width:100%;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;display:flex;flex-direction:column;position:relative}.orb[data-v-c3e3c47b]{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.orb-1[data-v-c3e3c47b]{width:600px;height:600px;background:radial-gradient(circle,rgba(200,121,65,.1) 0%,transparent 70%);top:-100px;right:-50px}.orb-2[data-v-c3e3c47b]{width:400px;height:400px;background:radial-gradient(circle,rgba(212,169,74,.06) 0%,transparent 70%);bottom:-50px;left:5%}.main-page-header[data-v-c3e3c47b]{height:100px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--border);background:#0d0d14bf;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:sticky;top:0;z-index:100;flex-shrink:0}.header-inner[data-v-c3e3c47b]{width:100%;max-width:1400px;padding:0 40px;display:flex;align-items:center;position:relative;height:100%}.logo[data-v-c3e3c47b]{display:flex;align-items:center;gap:14px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}:where([dir=rtl]) .logo-icon[data-v-c3e3c47b]{transform:rotate(180deg)}.logo-icon[data-v-c3e3c47b]{font-size:55px;color:var(--gold);transition:transform .3s ease}.logo-text[data-v-c3e3c47b]{font-family:Outfit,sans-serif;font-size:60px;font-weight:700;background:linear-gradient(135deg,var(--gold) 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}:where([lang=ar]) .logo-text[data-v-c3e3c47b]{font-family:Cairo,sans-serif;font-size:54px;font-weight:800}.header-spacer[data-v-c3e3c47b]{flex:1}.lang-switch-btn[data-v-c3e3c47b]{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:14px;transition:all .3s ease;z-index:101;position:absolute;right:40px}.lang-switch-btn[data-v-c3e3c47b]:hover{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.menu-toggle[data-v-c3e3c47b]{background:none;border:none;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;z-index:101;display:none;position:absolute;left:40px}.burger-icon[data-v-c3e3c47b]{width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.burger-icon span[data-v-c3e3c47b]{display:block;width:100%;height:2px;background-color:var(--gold);border-radius:2px;transition:.3s cubic-bezier(.4,0,.2,1)}.burger-icon.is-active span[data-v-c3e3c47b]:nth-child(1){transform:translateY(8px) rotate(45deg)}.burger-icon.is-active span[data-v-c3e3c47b]:nth-child(2){opacity:0}.burger-icon.is-active span[data-v-c3e3c47b]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.app-container[data-v-c3e3c47b]{display:flex;width:100%;flex:1;position:relative;z-index:1;overflow:hidden;overflow-x:hidden}.sidebar[data-v-c3e3c47b]{width:330px;height:calc(100vh - 100px);background:#0d0d14cc;border-right:1px solid var(--border);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-shrink:0;transition:transform .4s cubic-bezier(.4,0,.2,1)}:where([dir=rtl]) .sidebar[data-v-c3e3c47b]{border-right:none;border-left:1px solid var(--border)}.sidebar-header[data-v-c3e3c47b]{padding:24px;display:none;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.sidebar-title[data-v-c3e3c47b]{font-size:18px;font-weight:600;color:var(--gold)}.close-btn[data-v-c3e3c47b]{background:none;border:none;color:var(--text-secondary);font-size:32px;line-height:1;cursor:pointer;padding:4px}.sidebar-content[data-v-c3e3c47b]{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-overlay[data-v-c3e3c47b]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.is-visible[data-v-c3e3c47b]{opacity:1;pointer-events:auto}.mobile-only[data-v-c3e3c47b]{display:none!important}.main-stage[data-v-c3e3c47b]{flex:1;min-width:0;position:relative;overflow:hidden}.scroll-wrapper[data-v-c3e3c47b]{height:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:80px}.top-player-section[data-v-c3e3c47b]{padding:60px 40px;max-width:1200px;margin:0 auto}.player-card[data-v-c3e3c47b]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:48px;box-shadow:0 40px 80px #00000080}.player-header-row[data-v-c3e3c47b]{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:48px}.track-info-group[data-v-c3e3c47b]{flex:1}.now-playing-label[data-v-c3e3c47b]{font-size:12px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;font-weight:600;display:block;margin-bottom:12px}.chapter-name[data-v-c3e3c47b]{font-size:42px;font-weight:700;letter-spacing:-.5px;margin-bottom:24px;line-height:1.1}.meta-tag-pills[data-v-c3e3c47b]{display:flex;gap:12px;flex-wrap:wrap}.meta-pill[data-v-c3e3c47b]{padding:8px 14px;border-radius:99px;background:var(--bg-glass);border:1px solid var(--border);font-size:13px;color:var(--text-secondary);font-weight:500}.meta-pill--gold[data-v-c3e3c47b]{background:var(--gold-dim);border-color:#d4a94a4d;color:var(--gold)}.reciter-dropdown-container[data-v-c3e3c47b]{width:280px;flex-shrink:0}.player-visualizer-container[data-v-c3e3c47b]{width:100%}@media (max-width: 1200px){.player-header-row[data-v-c3e3c47b]{flex-direction:column;gap:32px}.reciter-dropdown-container[data-v-c3e3c47b]{width:100%}}@media (max-width: 820px){.menu-toggle[data-v-c3e3c47b]{display:flex;left:20px}.lang-switch-btn[data-v-c3e3c47b]{right:20px}.header-inner[data-v-c3e3c47b]{padding:0 20px}.main-page-header[data-v-c3e3c47b]{height:70px}.logo-text[data-v-c3e3c47b],.logo-icon[data-v-c3e3c47b]{font-size:32px}.logo[data-v-c3e3c47b]{position:absolute;left:50%;transform:translate(-50%,-50%);margin:0}.header-spacer[data-v-c3e3c47b]{display:none}.sidebar[data-v-c3e3c47b]{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:110;transform:translate(-102%);border-right:1px solid var(--border);box-shadow:20px 0 50px #00000080}:where([dir=rtl]) .sidebar[data-v-c3e3c47b]{left:auto;right:0;transform:translate(102%);border-right:none;border-left:1px solid var(--border);box-shadow:-20px 0 50px #00000080}.sidebar.is-open[data-v-c3e3c47b]{transform:translate(0)}.sidebar-header[data-v-c3e3c47b]{display:flex}.mobile-only[data-v-c3e3c47b]{display:flex!important}.app-container[data-v-c3e3c47b]{flex-direction:column}.main-stage[data-v-c3e3c47b]{width:100%}.top-player-section[data-v-c3e3c47b]{padding:30px 20px}.player-card[data-v-c3e3c47b]{padding:24px}.chapter-name[data-v-c3e3c47b]{font-size:28px}}