@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Noto+Naskh+Arabic:wght@400;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";.audio-player[data-v-428f7952]{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + 8px);left:0;right:0;z-index:100;padding:0 16px;max-width:800px;margin:0 auto;pointer-events:none}.audio-player__content[data-v-428f7952]{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:0 -8px 32px #0000001f,0 -4px 16px #0d4a3a14;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:relative;pointer-events:all;overflow:hidden}.audio-player__content[data-v-428f7952]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-gold) 25%,var(--color-accent) 50%,var(--color-accent-gold) 75%,var(--color-accent) 100%);border-radius:var(--radius) var(--radius) 0 0;animation:shimmer-428f7952 3s ease-in-out infinite}@keyframes shimmer-428f7952{0%,to{opacity:.8}50%{opacity:1}}.audio-player__close[data-v-428f7952]{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0d4a3a14;border:1px solid var(--color-border-soft);border-radius:50%;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;z-index:10}.audio-player__close svg[data-v-428f7952]{stroke-width:2.5}.audio-player__close[data-v-428f7952]:hover{background:#d32f2f1a;border-color:#d32f2f;color:#d32f2f;transform:scale(1.1) rotate(90deg)}.audio-player__header[data-v-428f7952]{margin-bottom:.75rem;padding-right:2rem}.audio-player__info[data-v-428f7952]{display:flex;align-items:center;gap:.75rem}.audio-player__icon-wrapper[data-v-428f7952]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);border-radius:12px;box-shadow:0 4px 12px #0d4a3a33;animation:pulse-icon-428f7952 2s ease-in-out infinite;flex-shrink:0}.audio-player__icon[data-v-428f7952]{color:#fff;stroke-width:2}@keyframes pulse-icon-428f7952{0%,to{transform:scale(1);box-shadow:0 4px 12px #0d4a3a33}50%{transform:scale(1.05);box-shadow:0 6px 16px #0d4a3a4d}}.audio-player__title-wrapper[data-v-428f7952]{flex:1;min-width:0}.audio-player__title[data-v-428f7952]{font-weight:700;font-size:1rem;color:var(--color-accent);margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-player__subtitle[data-v-428f7952]{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.audio-player__progress-section[data-v-428f7952]{margin-bottom:.75rem}.audio-player__time-display[data-v-428f7952]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-bottom:.375rem;font-size:.8rem;font-weight:600;padding:0 2px}.audio-player__time[data-v-428f7952]{color:var(--color-accent)}.audio-player__time-separator[data-v-428f7952]{color:var(--color-text-muted);margin:0 .25rem}.audio-player__progress-wrapper[data-v-428f7952]{position:relative;height:6px;background:var(--color-border-soft);border-radius:3px;overflow:hidden;cursor:pointer}.audio-player__progress-bg[data-v-428f7952]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-gold) 100%);border-radius:3px;transition:width .1s linear;pointer-events:none}.audio-player__progress[data-v-428f7952]{position:relative;width:100%;height:6px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:2}.audio-player__progress[data-v-428f7952]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;box-shadow:0 2px 6px #0d4a3a66;transition:all .2s ease;border:2px solid #ffffff}.audio-player__progress[data-v-428f7952]::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 4px 12px #0d4a3a80}.audio-player__progress[data-v-428f7952]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 6px #0d4a3a66;transition:all .2s ease}.audio-player__progress[data-v-428f7952]::-moz-range-thumb:hover{transform:scale(1.3);box-shadow:0 4px 12px #0d4a3a80}.audio-player__progress[data-v-428f7952]::-moz-range-track{background:transparent;height:6px}.audio-player__progress[data-v-428f7952]:disabled{opacity:.5;cursor:not-allowed}.audio-player__controls[data-v-428f7952]{display:flex;align-items:center;justify-content:center;gap:.625rem}.audio-player__btn[data-v-428f7952]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0;position:relative}.audio-player__btn-icon[data-v-428f7952]{stroke-width:2;transition:all .2s ease}.audio-player__btn--primary[data-v-428f7952]{width:52px;height:52px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%);color:#fff;box-shadow:0 4px 12px #0d4a3a4d}.audio-player__btn--primary[data-v-428f7952]:hover{transform:scale(1.1);box-shadow:0 6px 20px #0d4a3a66}.audio-player__btn--primary .audio-player__btn-icon[data-v-428f7952]{stroke-width:2.5}.audio-player__btn:hover .audio-player__btn-icon[data-v-428f7952]{transform:scale(1.1)}.audio-player__btn--secondary[data-v-428f7952]{background:var(--color-bg-elevated);border:2px solid var(--color-border);color:var(--color-accent);box-shadow:0 2px 8px #00000014}.audio-player__btn--secondary[data-v-428f7952]:hover{background:#0d4a3a1a;border-color:var(--color-accent);transform:scale(1.1);box-shadow:0 4px 12px #0d4a3a33}.audio-player__btn--stop[data-v-428f7952]{background:#d32f2f1a;border:2px solid rgba(211,47,47,.3);color:#d32f2f;box-shadow:0 2px 8px #d32f2f26}.audio-player__btn--stop[data-v-428f7952]:hover{background:#d32f2f33;border-color:#d32f2f;transform:scale(1.1);box-shadow:0 4px 12px #d32f2f40}.audio-player-slide-enter-active[data-v-428f7952]{transition:transform .3s ease-out,opacity .3s ease-out}.audio-player-slide-leave-active[data-v-428f7952]{transition:transform .3s ease-in,opacity .3s ease-in}.audio-player-slide-enter-from[data-v-428f7952],.audio-player-slide-leave-to[data-v-428f7952]{transform:translateY(100%);opacity:0}@media (min-width: 768px){.audio-player[data-v-428f7952]{bottom:calc(var(--safe-bottom) + 16px);left:var(--sidebar-width);right:0;padding:0 32px;max-width:1000px}.audio-player__content[data-v-428f7952]{padding:1.25rem 1.5rem}.audio-player__header[data-v-428f7952]{margin-bottom:1rem}.audio-player__icon-wrapper[data-v-428f7952]{width:56px;height:56px;border-radius:14px}.audio-player__icon[data-v-428f7952]{width:28px;height:28px}.audio-player__title[data-v-428f7952]{font-size:1.1rem}.audio-player__subtitle[data-v-428f7952]{font-size:.9rem}.audio-player__progress-section[data-v-428f7952]{margin-bottom:1rem}.audio-player__controls[data-v-428f7952]{gap:1rem}.audio-player__btn[data-v-428f7952]{width:48px;height:48px}.audio-player__btn--primary[data-v-428f7952]{width:56px;height:56px}}@media (min-width: 1024px){.audio-player[data-v-428f7952]{padding:0 48px;max-width:1200px}.audio-player__content[data-v-428f7952]{padding:1.5rem 2rem}.audio-player__controls[data-v-428f7952]{gap:1.25rem}.audio-player__btn[data-v-428f7952]{width:52px;height:52px}.audio-player__btn--primary[data-v-428f7952]{width:60px;height:60px}}@media (max-width: 767px){.audio-player[data-v-428f7952]{left:0}}.app[data-v-e1d398ea]{min-height:100dvh;display:flex;padding-left:0}.app__content[data-v-e1d398ea]{flex:1;display:flex;flex-direction:column;min-height:100dvh}.sidebar[data-v-e1d398ea]{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:linear-gradient(180deg,var(--color-bg-card) 0%,var(--color-bg) 100%);border-right:2px solid var(--color-border);box-shadow:4px 0 20px #0000000d;display:flex;flex-direction:column;z-index:160;overflow-y:auto;transition:transform .3s ease;transform:translate(-100%)}.sidebar--open[data-v-e1d398ea]{transform:translate(0)}@media (min-width: 768px){.sidebar[data-v-e1d398ea]{transform:translate(0);z-index:100}}.sidebar-overlay[data-v-e1d398ea]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-overlay-enter-active[data-v-e1d398ea],.sidebar-overlay-leave-active[data-v-e1d398ea]{transition:opacity .3s ease}.sidebar-overlay-enter-from[data-v-e1d398ea],.sidebar-overlay-leave-to[data-v-e1d398ea]{opacity:0}.sidebar__header[data-v-e1d398ea]{padding:2rem 1.5rem 1.5rem;border-bottom:2px solid var(--color-border);position:relative;display:flex;justify-content:space-between;align-items:center}.sidebar__header[data-v-e1d398ea]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-gold) 50%,var(--color-accent) 100%)}.sidebar__close[data-v-e1d398ea]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0d4a3a14;border:1px solid var(--color-border-soft);border-radius:50%;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar__close[data-v-e1d398ea]:hover{background:#d32f2f1a;border-color:#d32f2f;color:#d32f2f;transform:scale(1.1) rotate(90deg)}.sidebar__close svg[data-v-e1d398ea]{stroke-width:2.5}.sidebar__logo[data-v-e1d398ea]{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--color-text);font-weight:700;font-size:1.5rem;transition:all .3s ease}.sidebar__logo[data-v-e1d398ea]:hover{color:var(--color-accent);transform:translate(4px)}.sidebar__logo-icon[data-v-e1d398ea]{font-size:2.5rem;color:var(--color-accent);filter:drop-shadow(0 2px 8px rgba(13,74,58,.3));position:relative;animation:rotate-ornament-e1d398ea 20s linear infinite}@keyframes rotate-ornament-e1d398ea{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar__logo-text[data-v-e1d398ea]{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar__nav[data-v-e1d398ea]{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar__link[data-v-e1d398ea]{display:flex;align-items:center;gap:14px;padding:1rem 1.25rem;color:var(--color-text);text-decoration:none;border-radius:var(--radius-sm);font-weight:500;font-size:1.05rem;transition:all .3s ease;border:1px solid transparent;position:relative;overflow:hidden}.sidebar__link[data-v-e1d398ea]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-gold) 100%);transform:scaleY(0);transition:transform .3s ease}.sidebar__link[data-v-e1d398ea]:hover{background:#0d4a3a14;border-color:var(--color-border-soft);transform:translate(6px);color:var(--color-accent)}.sidebar__link[data-v-e1d398ea]:hover:before{transform:scaleY(1)}.sidebar__link--active[data-v-e1d398ea]{background:linear-gradient(135deg,#0d4a3a1f,#0d4a3a14);color:var(--color-accent);border-color:var(--color-border);font-weight:600}.sidebar__link--active[data-v-e1d398ea]:before{transform:scaleY(1)}.sidebar__link-icon[data-v-e1d398ea]{stroke-width:2;transition:all .3s ease;color:var(--color-accent);flex-shrink:0}.sidebar__link:hover .sidebar__link-icon[data-v-e1d398ea]{stroke-width:2.5;transform:scale(1.1)}.sidebar__link--active .sidebar__link-icon[data-v-e1d398ea]{stroke-width:2.5}@media (min-width: 768px){.app[data-v-e1d398ea]{padding-left:var(--sidebar-width)}.app__content[data-v-e1d398ea]{width:100%}}.header[data-v-e1d398ea]{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,rgba(247,241,231,.98) 0%,rgba(247,241,231,.85) 80%,transparent 100%);padding:calc(var(--safe-top) + 12px) 20px 16px;transition:padding .2s ease;border-bottom:1px solid var(--color-border-soft)}.header--compact[data-v-e1d398ea]{padding:calc(var(--safe-top) + 8px) 20px 10px;background:var(--color-glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid var(--color-border);box-shadow:0 2px 10px #0000000d}.header__inner[data-v-e1d398ea]{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}@media (min-width: 768px){.header[data-v-e1d398ea]{padding:calc(var(--safe-top) + 16px) 40px 20px}.header__inner[data-v-e1d398ea]{max-width:100%}}@media (min-width: 1024px){.header[data-v-e1d398ea]{padding:calc(var(--safe-top) + 20px) 60px 24px}.header--compact[data-v-e1d398ea]{padding:calc(var(--safe-top) + 12px) 60px 16px}}.header__logo[data-v-e1d398ea]{display:inline-flex;align-items:center;gap:10px;color:var(--color-text);font-weight:600;font-size:1.25rem;text-decoration:none}.header__logo-icon[data-v-e1d398ea]{font-size:1.75rem;color:var(--color-accent);filter:drop-shadow(0 2px 6px rgba(13,74,58,.3));position:relative}.header__logo-icon[data-v-e1d398ea]:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--color-accent-gold);border-radius:50%;opacity:.3;animation:pulse-ring-e1d398ea 2s ease-in-out infinite}@keyframes pulse-ring-e1d398ea{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}}.main[data-v-e1d398ea]{max-width:800px;margin:0 auto;padding:20px 16px 24px;flex:1}@media (min-width: 768px){.main[data-v-e1d398ea]{max-width:1000px;padding:2rem 2.5rem 3rem}}@media (min-width: 1024px){.main[data-v-e1d398ea]{max-width:1200px;padding:2.5rem 3rem 4rem}}@media (min-width: 1280px){.main[data-v-e1d398ea]{max-width:1400px;padding:3rem 4rem 4rem}}.back-btn[data-v-e1d398ea]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.back-btn[data-v-e1d398ea]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-gold) 100%);opacity:0;transition:opacity .2s ease}.back-btn[data-v-e1d398ea]:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translate(-4px);box-shadow:0 2px 8px #0d4a3a33}.back-btn[data-v-e1d398ea]:active{transform:translate(-2px) scale(.98)}.back-btn__icon[data-v-e1d398ea]{transition:transform .2s ease;stroke-width:2.5}.back-btn:hover .back-btn__icon[data-v-e1d398ea]{transform:translate(-3px)}.back-btn__text[data-v-e1d398ea]{position:relative;z-index:1}.bottom-nav[data-v-e1d398ea]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:var(--color-glass-strong);border-top:2px solid var(--color-border);padding:10px calc(env(safe-area-inset-right) + 8px) calc(env(safe-area-inset-bottom) + 10px) calc(env(safe-area-inset-left) + 8px);z-index:90;box-shadow:0 -4px 20px #00000014;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (min-width: 768px){.bottom-nav[data-v-e1d398ea]{display:none}}.bottom-nav[data-v-e1d398ea]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent-gold),transparent);border-radius:0 0 3px 3px}.nav-item[data-v-e1d398ea]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;color:var(--color-text-muted);font-size:.7rem;font-weight:500;border-radius:var(--radius-sm);transition:color .2s,background .2s}.nav-item[data-v-e1d398ea]:hover{color:var(--color-accent);background:#0d4a3a14;transform:translateY(-2px)}.nav-item--active[data-v-e1d398ea]{color:var(--color-accent);position:relative}.nav-item--active[data-v-e1d398ea]:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:30px;height:2px;background:var(--color-accent);border-radius:2px}.nav-item__icon[data-v-e1d398ea]{stroke-width:2;transition:all .2s ease}.nav-item--active .nav-item__icon[data-v-e1d398ea]{stroke-width:2.5}.menu-toggle[data-v-e1d398ea]{display:none;flex-direction:column;justify-content:space-around;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:4px;z-index:110}.menu-toggle__line[data-v-e1d398ea]{width:100%;height:3px;background:var(--color-accent);border-radius:3px;transition:all .3s ease}.menu-toggle[data-v-e1d398ea]{display:flex;align-items:center;justify-content:center;color:var(--color-accent);cursor:pointer;transition:all .2s ease}.menu-toggle[data-v-e1d398ea]:hover{color:var(--color-primary);transform:scale(1.1)}.menu-toggle[data-v-e1d398ea]:active{transform:scale(.95)}@media (min-width: 768px){.menu-toggle[data-v-e1d398ea]{display:none}}.app-footer[data-v-e1d398ea]{margin-top:2rem;padding:2rem 0 calc(var(--safe-bottom) + 2rem);border-top:1px solid var(--color-border-soft);background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,transparent 100%)}.app-footer__inner[data-v-e1d398ea]{max-width:1000px;margin:0 auto;padding:0 1.25rem;display:grid;gap:.75rem}.app-footer__brand[data-v-e1d398ea]{font-weight:700;color:var(--color-accent)}.app-footer__links[data-v-e1d398ea]{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.95rem}.app-footer__note[data-v-e1d398ea]{font-size:.85rem;color:var(--color-text-muted)}@media (min-width: 768px){.app-footer__inner[data-v-e1d398ea]{max-width:1200px;padding:0 2.5rem}}:root{--color-bg: #f7f1e7;--color-bg-card: #ffffff;--color-bg-elevated: #fefcf8;--color-glass: rgba(255, 255, 255, .85);--color-glass-strong: rgba(255, 255, 255, .95);--color-primary: #1a5c4a;--color-accent: #0d4a3a;--color-accent-light: #2d7a68;--color-accent-gold: #b8860b;--color-accent-gold-light: #d4af37;--color-text: #2b1b12;--color-text-muted: rgba(43, 27, 18, .7);--color-border: rgba(13, 74, 58, .15);--color-border-soft: rgba(13, 74, 58, .1);--color-border-gold: rgba(184, 134, 11, .3);--font-arabic: "Noto Naskh Arabic", "Amiri", serif;--font-sans: "Poppins", system-ui, sans-serif;--shadow-glow: 0 0 30px rgba(13, 74, 58, .08);--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 30px rgba(0, 0, 0, .12);--radius: 16px;--radius-sm: 12px;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--nav-height: 64px;--sidebar-width: 280px;--pattern-color: rgba(13, 74, 58, .08);--pattern-color-gold: rgba(184, 134, 11, .12);--quran-font-size-multiplier: 1;--breakpoint-mobile: 640px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:radial-gradient(circle at 20% 30%,rgba(13,74,58,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(184,134,11,.02) 0%,transparent 50%),linear-gradient(180deg,#faf8f3,#f7f1e7);color:var(--color-text);min-height:100dvh;min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--pattern-color) 2px,var(--pattern-color) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,var(--pattern-color) 2px,var(--pattern-color) 4px);opacity:.3;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 40% 25% at 50% 0%,rgba(13,74,58,.04) 0%,transparent 60%),radial-gradient(ellipse 30% 20% at 20% 80%,rgba(184,134,11,.03) 0%,transparent 60%);pointer-events:none;z-index:0}#app{position:relative;z-index:1;min-height:100dvh;padding-bottom:calc(var(--safe-bottom) + 180px)}@media (max-width: 767px){body.home-page #app{padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 180px)}}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none}.arabic{font-family:var(--font-arabic);line-height:1.9}.card{background:var(--color-bg-card);border-radius:var(--radius);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);padding:1rem 1.25rem;position:relative;transition:all .3s ease}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-gold) 50%,var(--color-accent) 100%);border-radius:var(--radius) var(--radius) 0 0;opacity:.6}.card-glow{box-shadow:var(--shadow-card),var(--shadow-glow);border-color:var(--color-border)}.card-glow:before{opacity:.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-weight:500;transition:all .2s ease;cursor:pointer;border:none;font-family:var(--font-sans)}.btn svg{stroke-width:2;transition:transform .2s ease}.btn:hover svg{transform:scale(1.1)}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%);color:#fff;box-shadow:0 2px 8px #0d4a3a33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0d4a3a4d;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%)}.btn-primary:active{transform:translateY(0)}.btn-outline{border:2px solid var(--color-accent);color:var(--color-accent);background:transparent}.btn-outline:hover{background:#0d4a3a14;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.btn-outline:active{transform:translateY(0)}.view-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem;border-radius:999px;background:var(--color-glass);border:1px solid var(--color-border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-toggle__btn{padding:.5rem .9rem;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--color-text-muted);transition:all .2s ease}.view-toggle__btn--active{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%);color:#fff;box-shadow:0 4px 12px #0d4a3a40}.view-toggle__btn:not(.view-toggle__btn--active):hover{color:var(--color-text)}.quran-page{position:relative;padding:2rem 1.75rem;border-radius:20px;background:linear-gradient(180deg,#fefcf8,#f7f1e7);border:2px solid var(--color-border-gold);box-shadow:0 20px 50px #0000001a,inset 0 0 0 1px #ffffff80;overflow:hidden}.quran-page:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(13,74,58,.2);border-radius:14px;pointer-events:none}.quran-page:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid rgba(184,134,11,.15);border-radius:12px;pointer-events:none;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(13,74,58,.02) 10px,rgba(13,74,58,.02) 20px)}.quran-page__header{display:flex;justify-content:center;align-items:center;gap:.75rem;color:var(--color-accent);font-weight:700;font-size:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border-gold);position:relative}.quran-page__header:before,.quran-page__header:after{content:"۞";font-size:1.2rem;color:var(--color-accent-gold);filter:drop-shadow(0 2px 4px rgba(184,134,11,.2))}.quran-page__header:before{margin-right:.5rem}.quran-page__header:after{margin-left:.5rem}.page-enter-active,.page-leave-active{transition:opacity .2s ease}.page-enter-from,.page-leave-to{opacity:0}.islamic-pattern{position:relative}.islamic-pattern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--pattern-color) 2px,var(--pattern-color) 4px);pointer-events:none;opacity:.3}.decorative-border{position:relative;padding:1rem}.decorative-border:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-accent-gold) 20%,var(--color-accent) 50%,var(--color-accent-gold) 80%,transparent 100%)}.error-state{text-align:center;padding:2.5rem 1.5rem;background:linear-gradient(180deg,rgba(211,47,47,.03) 0%,transparent 100%);border-left:4px solid #d32f2f!important}.error-state p{color:var(--color-text);margin-bottom:1.5rem;font-size:1rem}.error-icon{color:#d32f2f;margin-bottom:1rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media (min-width: 768px){:root{--nav-height: 0px}#app{padding-bottom:60px}.card{padding:1.5rem 2rem}.btn{padding:.875rem 1.5rem;font-size:1rem}}@media (min-width: 1024px){body{font-size:16px;line-height:1.7}.card{padding:2rem 2.5rem;border-radius:20px}.card-glow{transition:all .3s ease}.card-glow:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover),var(--shadow-glow)}.btn{padding:1rem 2rem;font-size:1.05rem}a,button{transition:all .2s ease}}@media (min-width: 1280px){.card{padding:2.5rem 3rem}}.hide-mobile{display:none}@media (min-width: 768px){.hide-mobile{display:block}.hide-tablet,.show-mobile-only{display:none!important}}@media (min-width: 1024px){.hide-desktop,.show-tablet-only{display:none!important}}.container{width:100%;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}@media (min-width: 1024px){.container{max-width:1200px;padding:0 3rem}}@media (min-width: 1280px){.container{max-width:1400px}}@media (min-width: 768px){*{scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--color-border-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-light) 100%);border-radius:10px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-accent-light) 0%,var(--color-accent) 100%)}}@media (min-width: 768px){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}}@media (min-width: 768px) and (prefers-reduced-motion: no-preference){*{scroll-behavior:smooth}.card,.btn,a{transition:all .3s cubic-bezier(.4,0,.2,1)}}@media print{body{background:#fff}.sidebar,.header,.bottom-nav,.drawer,.drawer-overlay,.audio-player,.menu-toggle,.back-btn,button[aria-label*=Play],button[aria-label*=Stop]{display:none!important}.main{max-width:100%;padding:0}.card{page-break-inside:avoid;box-shadow:none;border:1px solid #ddd}}