.svg-icon[data-v-c1850d9f]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.svg-icon[data-v-c1850d9f] svg{width:100%;height:100%}.app-header[data-v-317382db]{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:3.5rem;padding:0 1rem;background:#1b5e20;color:#fff}.app-header__left[data-v-317382db]{display:flex;align-items:center;gap:.75rem}.app-header__logo[data-v-317382db]{color:#e6c349}.app-header__title[data-v-317382db]{font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.bottom-nav[data-v-4aefef45]{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-around;height:3.5rem;padding-bottom:calc(0px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #E0E0E0;max-width:480px;margin:0 auto}.bottom-nav__item[data-v-4aefef45]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;color:#7a7a7a;transition:color .15s ease;min-width:44px;min-height:44px}.bottom-nav__item--active[data-v-4aefef45]{color:#2e7d32}.bottom-nav__item--active .bottom-nav__label[data-v-4aefef45]{font-weight:600}.bottom-nav__icon[data-v-4aefef45]{transition:transform .15s ease}.bottom-nav__item--active .bottom-nav__icon[data-v-4aefef45]{transform:scale(1.1)}.bottom-nav__label[data-v-4aefef45]{font-size:.65rem;line-height:1;letter-spacing:.01em}.offline-banner[data-v-e562bf86]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#f9a825;color:#1a1a1a;font-size:.875rem;font-weight:500;text-align:center}.slide-down-enter-active[data-v-e562bf86],.slide-down-leave-active[data-v-e562bf86]{transition:transform .25s ease,opacity .25s ease}.slide-down-enter-from[data-v-e562bf86],.slide-down-leave-to[data-v-e562bf86]{transform:translateY(-100%);opacity:0}.global-player[data-v-73ccdab3]{position:fixed;bottom:3.5rem;left:0;right:0;z-index:90;background:#1b5e20;color:#fff;max-width:480px;margin:0 auto;padding-bottom:calc(0px + env(safe-area-inset-bottom,0px))}.global-player__progress[data-v-73ccdab3]{position:absolute;top:0;left:0;height:2px;background:#e6c349;transition:width .25s linear}.global-player__content[data-v-73ccdab3]{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;gap:.5rem}.global-player__info[data-v-73ccdab3]{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;color:#c8e6c9;font-size:.75rem}.global-player__label[data-v-73ccdab3]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-weight:500;color:#fff;font-size:.875rem}.global-player__time[data-v-73ccdab3]{font-variant-numeric:tabular-nums}.global-player__controls[data-v-73ccdab3]{display:flex;align-items:center;gap:.25rem}.global-player__btn[data-v-73ccdab3]{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:#c8e6c9;border-radius:9999px;transition:color .15s ease,background .15s ease}.global-player__btn[data-v-73ccdab3]:active{background:#ffffff1a}.global-player__btn--main[data-v-73ccdab3]{color:#fff}.global-player__btn--active[data-v-73ccdab3]{color:#e6c349}.global-player__btn[data-v-73ccdab3]:disabled{opacity:.3}.app-content[data-v-71979f8c]{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;border:none;background:none;outline:none}button{cursor:pointer;-webkit-appearance:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid #43A047;outline-offset:2px;border-radius:.375rem}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:local("Amiri"),local("Amiri-Regular")}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:local("Amiri Bold"),local("Amiri-Bold")}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.5;color:#1a1a1a;background-color:#fafaf5;overscroll-behavior:contain}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:#1a1a1a}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{line-height:1.75;color:#5c5c5c}.arabic-text{font-family:Amiri,Traditional Arabic,serif;direction:rtl;text-align:right;line-height:2;font-feature-settings:"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:1.5rem;color:#2d2d2d;word-spacing:.15em}.arabic-text--sm{font-size:1.25rem}.arabic-text--lg{font-size:1.875rem}.arabic-text--xl{font-size:2.25rem}.bismillah{font-family:Amiri,Traditional Arabic,serif;direction:rtl;text-align:right;line-height:2;font-feature-settings:"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-align:center;font-size:1.875rem;color:#2e7d32;padding:1rem 0}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:transform .35s ease,opacity .35s ease}.slide-left-enter-from{transform:translate(30px);opacity:0}.slide-left-leave-to,.slide-right-enter-from{transform:translate(-30px);opacity:0}.slide-right-leave-to{transform:translate(30px);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .35s ease,opacity .35s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%);opacity:0}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.pulse{animation:pulse .2s ease}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0ec,#e0e0e0 75%);background-size:400px 100%;animation:shimmer 1.5s infinite linear;border-radius:.375rem}