.login-page[data-v-2f408e0a]{min-height:100vh;background:linear-gradient(135deg,#0f766e,#14b8a6);display:flex;align-items:center;justify-content:center;padding:20px}.login-container[data-v-2f408e0a]{width:100%;max-width:420px}.login-card[data-v-2f408e0a]{background:#fff;border-radius:15px;padding:48px 32px}.login-header[data-v-2f408e0a]{text-align:center;margin-bottom:32px}.login-logo[data-v-2f408e0a]{width:128px;height:64px;margin-bottom:24px}.login-header h1[data-v-2f408e0a]{font-size:28px;font-weight:700;color:#0f766e;margin-bottom:8px}.login-header p[data-v-2f408e0a]{color:#6b7280;font-size:16px}.error-message[data-v-2f408e0a]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:24px;font-size:14px}.error-message svg[data-v-2f408e0a]{flex-shrink:0}.google-btn[data-v-2f408e0a]{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;font-weight:600;color:#374151;text-decoration:none;transition:all .2s;cursor:pointer}.google-btn[data-v-2f408e0a]:hover{background:#f9fafb;border-color:#14b8a6;transform:translateY(-2px);box-shadow:0 4px 12px #14b8a633}.google-btn[data-v-2f408e0a]:active{transform:translateY(0)}.google-icon[data-v-2f408e0a]{width:24px;height:24px;flex-shrink:0}.info-message[data-v-2f408e0a]{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:8px;color:#0f766e;margin-top:24px;font-size:13px;line-height:1.5}.info-message svg[data-v-2f408e0a]{flex-shrink:0;margin-top:2px}.login-footer[data-v-2f408e0a]{text-align:center;margin-top:32px;color:#fff;opacity:.8;font-size:14px}@media (max-width: 480px){.login-card[data-v-2f408e0a]{padding:32px 24px}.login-header h1[data-v-2f408e0a]{font-size:24px}.login-logo[data-v-2f408e0a]{width:96px;height:48px}}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--modal-bg);border-radius:12px;max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid var(--border-color)}.modal-header h3{margin:0;color:var(--title);font-size:20px}.modal-close{background:none;border:none;font-size:24px;color:var(--title);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:var(--bg-secondary);transform:scale(1.1);color:var(--title)}.modal-close svg{display:block}.modal-body{padding:20px;overflow-y:auto}@media (max-width: 768px){.modal-overlay{padding:0 10px;align-items:flex-start}.modal-content{max-width:100%;width:100%;max-height:90vh;border-radius:0 0 12px 12px;animation:slideDownMobile .3s ease-out}@keyframes slideDownMobile{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.modal-header{padding:15px}.modal-header h3{font-size:18px}.modal-body{padding:15px}}.setting-group[data-v-bde40f14]{margin-bottom:20px}.setting-group[data-v-bde40f14]:last-child{margin-bottom:0}.setting-group.setting-toggles[data-v-bde40f14]{border:1px solid var(--border-color);border-radius:5px;padding:5px}.setting-group label[data-v-bde40f14]{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:15px}.setting-group label[data-v-bde40f14]:has(input[type=checkbox]){display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:5px;transition:background .2s;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0}.setting-group label[data-v-bde40f14]:has(input[type=checkbox]):hover{background:#0080801a}.setting-group input[type=checkbox][data-v-bde40f14]{margin:0 0 0 8px;width:18px;height:18px;cursor:pointer;order:2}.setting-select[data-v-bde40f14]{width:100%;padding:10px 15px;border:2px solid var(--border-color);border-radius:5px;font-size:14px;cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary)}.setting-select[data-v-bde40f14]:focus{outline:none;border-color:#14b8a6}.size-display[data-v-bde40f14]{text-align:center;font-size:13px;color:var(--text-secondary);padding:5px;background:var(--bg-secondary);border-radius:3px;margin-bottom:8px}.size-slider-wrapper[data-v-bde40f14]{display:flex;align-items:center;gap:10px}.slider-label[data-v-bde40f14]{font-size:14px;color:#7f8c8d;font-weight:700}.slider-label.large[data-v-bde40f14]{font-size:24px}.size-slider[data-v-bde40f14]{flex:1;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;cursor:pointer}.size-slider[data-v-bde40f14]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#f97316;cursor:pointer;transition:all .2s}.size-slider[data-v-bde40f14]::-webkit-slider-thumb:hover{background:#ff730f;transform:scale(1.1)}.size-slider[data-v-bde40f14]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#14b8a6;cursor:pointer;border:none}.empty-state[data-v-715e0ec2]{padding:60px 20px;text-align:center;color:#7f8c8d}.empty-state svg[data-v-715e0ec2]{color:#d1d5db;margin-bottom:16px}.empty-state p[data-v-715e0ec2]{margin:10px 0;font-size:18px}.empty-hint[data-v-715e0ec2]{font-size:14px!important;color:#95a5a6;margin-top:8px}.bookmark-list[data-v-715e0ec2]{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;padding-left:0}.bookmark-item[data-v-715e0ec2]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.bookmark-item[data-v-715e0ec2]:hover{background:var(--bg-secondary);border-color:#14b8a6}.bookmark-info[data-v-715e0ec2]{flex:1;cursor:pointer}.bookmark-title[data-v-715e0ec2]{display:flex;gap:8px;align-items:center;margin-bottom:4px;flex-wrap:wrap}.bookmark-title strong[data-v-715e0ec2]{color:var(--text-primary);font-size:16px}.bookmark-verse[data-v-715e0ec2]{color:var(--title);font-size:14px;font-weight:600}.bookmark-meta[data-v-715e0ec2]{display:flex;gap:8px;font-size:13px;color:var(--text-secondary)}.delete-btn[data-v-715e0ec2]{background:none;border:none;color:#dc2626;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-btn[data-v-715e0ec2]:hover{background:var(--bg-primary);transform:scale(1.1)}.delete-btn svg[data-v-715e0ec2]{display:block}@media (max-width: 768px){.bookmark-item[data-v-715e0ec2]{padding:12px}.bookmark-title strong[data-v-715e0ec2]{font-size:15px}}.flicking-viewport{position:relative;overflow:hidden}.flicking-viewport.vertical{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flicking-viewport.vertical>.flicking-camera{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flicking-viewport.flicking-hidden>.flicking-camera>*{visibility:hidden}.flicking-camera{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;z-index:1;will-change:transform}.flicking-camera>*{-ms-flex-negative:0;flex-shrink:0}.flicking-arrow-prev,.flicking-arrow-next{position:absolute;top:50%;width:64px;height:64px;cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.flicking-arrow-prev.is-circle,.flicking-arrow-next.is-circle{background-color:#f2a65e;border-radius:50%}.flicking-arrow-disabled.is-circle{background-color:#0a0a0a1a}.flicking-arrow-prev.is-circle:before,.flicking-arrow-prev.is-circle:after,.flicking-arrow-next.is-circle:before,.flicking-arrow-next.is-circle:after{background-color:#fff}.flicking-arrow-prev{left:10px}.flicking-arrow-next{right:10px}.flicking-arrow-prev.is-outside{left:-74px}.flicking-arrow-next.is-outside{right:-74px}.flicking-arrow-prev:before,.flicking-arrow-prev:after,.flicking-arrow-next:before,.flicking-arrow-next:after{content:"";width:24px;height:6px;position:absolute;background-color:#f2a65e}.flicking-arrow-prev:before{top:50%;left:22px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0% 50%;-ms-transform-origin:0% 50%;transform-origin:0% 50%}.flicking-arrow-prev:after{top:calc(50% - 4px);left:22px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0% 50%;-ms-transform-origin:0% 50%;transform-origin:0% 50%}.flicking-arrow-next:before{top:50%;right:22px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.flicking-arrow-next:after{top:calc(50% - 4px);right:22px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.flicking-arrow-disabled{cursor:default}.flicking-arrow-disabled:before,.flicking-arrow-disabled:after{background-color:#e6e6e6}.flicking-arrow-prev.is-thin:before,.flicking-arrow-prev.is-thin:after,.flicking-arrow-next.is-thin:before,.flicking-arrow-next.is-thin:after{height:3px}.flicking-arrow-prev.is-thin:after,.flicking-arrow-next.is-thin:after{top:calc(50% - 2px)}.flicking-pagination{position:absolute;left:0;bottom:10px;width:100%;text-align:center;z-index:2}.flicking-pagination-bullets,.flicking-pagination-scroll{font-size:0}.flicking-pagination-scroll{left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);white-space:nowrap;overflow:hidden}.flicking-pagination-scroll .flicking-pagination-slider{-webkit-transition:.2s transform;transition:.2s transform}.flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-slider,.flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-bullet{-webkit-transition:none;transition:none}.flicking-pagination-bullet{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:50%;background-color:#0a0a0a1a;cursor:pointer;font-size:1rem}.flicking-pagination-scroll .flicking-pagination-bullet{vertical-align:middle;position:relative;-webkit-transition:.2s transform;transition:.2s transform}.flicking-pagination-bullet-active{background-color:#f2a65e}.flicking-pagination-scroll .flicking-pagination-bullet{vertical-align:middle;position:relative;-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.flicking-pagination-scroll .flicking-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.flicking-pagination-scroll .flicking-pagination-bullet-prev,.flicking-pagination-scroll .flicking-pagination-bullet-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.flicking-pagination-scroll .flicking-pagination-bullet-prev2,.flicking-pagination-scroll .flicking-pagination-bullet-next2{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}html[data-v-2846e305]{scroll-behavior:smooth}.nav[data-v-2846e305]{display:flex;align-items:center;gap:12px}.user-menu[data-v-2846e305]{display:flex;align-items:center;gap:8px;padding:0 10px}.user-avatar[data-v-2846e305]{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-color)}.user-avatar-placeholder[data-v-2846e305]{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;background:#ffffff4d;font-weight:700;font-size:14px}.user-name[data-v-2846e305]{color:#fff;font-size:14px;font-weight:500}.container[data-v-2846e305]{max-width:1200px;margin:0 auto;padding:0 20px 20px;direction:ltr}.navbar[data-v-2846e305]{display:flex;align-items:center;justify-content:space-between;padding:5px 15px;color:var(--text-primary);background:var(--navbar-bg);box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100;gap:10px}.navbar-left[data-v-2846e305]{display:flex;align-items:center}.navbar-right[data-v-2846e305]{display:flex;gap:4px;align-items:center}.header-content[data-v-2846e305]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo[data-v-2846e305]{height:32px;display:block;padding-left:5px}.icon-btn[data-v-2846e305]{position:relative;background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s;color:#f9fafb}.icon-btn svg[data-v-2846e305]{display:block}.icon-btn[data-v-2846e305]:hover{background:var(--bg-primary);transform:scale(1.1);color:var(--title)}button[data-v-2846e305]:focus{outline:none}button[data-v-2846e305]:focus-visible{box-shadow:0 0 0 3px #f97316}.icon-btn[data-v-2846e305]:disabled{color:#bdc3c7;cursor:not-allowed;opacity:.5}.home-content[data-v-2846e305]{background:var(--bg-primary);padding:10px;border-radius:0 0 10px 10px}.panel[data-v-2846e305]{width:500px;height:400px;border-radius:15px;margin:0 5px}.panel-image[data-v-2846e305]{width:500px;height:400px;background:#fef3c7;color:#92400e;border-radius:15px}.hero-section[data-v-2846e305]{text-align:center;padding:10px;color:var(--text-primary)}.hero-logo[data-v-2846e305]{width:320px;height:160px;margin:50px 0 30px;filter:drop-shadow(0 4px 8px rgba(255,255,255,.2))}.hero-title[data-v-2846e305]{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-subtitle[data-v-2846e305]{color:var(--text-primary);font-size:12px;opacity:.9}section[data-v-2846e305]{background:var(--bg-primary);border-radius:15px;padding:15px;margin-bottom:20px;box-shadow:0 4px 12px var(--box-shadow)}section[data-v-2846e305]:last-child{margin-bottom:0}.section-title[data-v-2846e305]{font-size:24px;font-weight:700;color:var(--title);white-space:nowrap}.section-header[data-v-2846e305]{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.bookmark-count[data-v-2846e305]{background:#f97316;color:var(--text-primary);font-size:14px;padding:4px 12px;border-radius:20px;font-weight:700;text-align:center;line-height:1.5}.continue-info[data-v-2846e305]{display:flex;gap:12px;align-items:center}.continue-surah[data-v-2846e305]{font-size:20px;font-weight:700;margin-bottom:8px}.continue-meta[data-v-2846e305]{font-size:14px;opacity:.9;margin-bottom:4px}.last-read-time[data-v-2846e305]{background:#fef3c7;color:#92400e;padding:4px 10px;border-radius:12px;font-size:11px;font-style:italic}.resume-btn[data-v-2846e305]{background:var(--bg-secondary);color:var(--title);border:none;padding:8px;border-radius:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.resume-btn[data-v-2846e305]:hover{background:#f97316;color:var(--text-primary);transform:scale(1.05)}.bookmark-list[data-v-2846e305]{display:flex;flex-direction:column;gap:12px}.bookmark-item[data-v-2846e305]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;transition:all .2s}.bookmark-item[data-v-2846e305]:hover{border:2px solid #14b8a6;transform:translateY(-4px);box-shadow:0 8px 20px #14b8a626}.bookmark-info[data-v-2846e305]{display:flex;gap:12px;align-items:center}.bookmark-surah[data-v-2846e305]{font-weight:600;color:var(--title)}.bookmark-verse[data-v-2846e305]{color:#6b7280;font-size:14px}.view-all-btn[data-v-2846e305]{width:100%;padding:12px;background:var(--bg-primary);border:2px solid #14b8a6;color:var(--title);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:12px}.view-all-btn[data-v-2846e305]:hover{background:var(--bg-secondary)}.browse-section[data-v-2846e305]{background:var(--bg-primary);border-radius:12px;padding:15px;box-shadow:0 4px 12px var(--box-shadow)}.tabs-search-container[data-v-2846e305]{margin-bottom:14px}.tabs-container[data-v-2846e305]{display:flex;gap:8px;margin-bottom:14px;border-bottom:2px solid var(--border-color);width:100%}.tab-btn[data-v-2846e305]{background:none;border:none;padding:12px 24px;font-size:16px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}.tab-btn[data-v-2846e305]:hover{color:#14b8a6}.tab-btn.active[data-v-2846e305]{color:var(--title);border-bottom-color:#14b8a6}.search-box[data-v-2846e305]{position:relative;display:flex;align-items:center;width:100%}.search-icon[data-v-2846e305]{position:absolute;left:16px;color:#6b7280;pointer-events:none;z-index:1}.search-input[data-v-2846e305]{background:var(--bg-primary);color:var(--text-primary);width:100%;padding:12px 48px;border:2px solid var(--border-color);border-radius:10px;font-size:16px;transition:all .2s}.search-input[data-v-2846e305]:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.clear-btn[data-v-2846e305]{position:absolute;right:12px;background:#f3f4f6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s;z-index:1}.clear-btn[data-v-2846e305]:hover{background:#e5e7eb;color:#374151}.search-info[data-v-2846e305]{font-size:14px;color:#6b7280;margin-bottom:16px;padding:8px 12px;background:#f0fdfa;border-radius:6px;border-left:3px solid #14b8a6}.browse-grid[data-v-2846e305]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.browse-card-full[data-v-2846e305]{border:2px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column}.browse-card-full[data-v-2846e305]:hover{border-color:#14b8a6;transform:translateY(-4px);box-shadow:0 8px 20px #14b8a626}.browse-card-header[data-v-2846e305]{display:flex;justify-content:space-between;align-items:center}.browse-number-badge[data-v-2846e305]{width:32px;height:32px;background:#f97316;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;margin-right:15px}.browse-info-meta[data-v-2846e305]{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.browse-revelation[data-v-2846e305]{background:#fef3c7;color:#92400e;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.browse-verses-count[data-v-2846e305]{color:var(--text-secondary);font-size:12px;font-weight:500;margin-right:5px}.browse-card-body[data-v-2846e305]{flex:1}.browse-name-en[data-v-2846e305]{font-size:20px;font-weight:700;color:var(--title);margin-bottom:2px}.browse-name-ar[data-v-2846e305]{font-size:24px;color:#374151;font-family:Traditional Arabic,Arial,sans-serif;margin-bottom:8px;direction:rtl;line-height:1.5}.browse-meaning[data-v-2846e305]{font-size:14px;color:#9ca3af;font-style:italic}.browse-card-footer[data-v-2846e305]{display:flex;justify-content:flex-end}.read-btn[data-v-2846e305]{background:linear-gradient(135deg,#14b8a6,#0d9488);color:var(--text-primary);border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.read-btn[data-v-2846e305]:hover{transform:translate(2px);box-shadow:0 4px 12px #14b8a64d}.no-results[data-v-2846e305]{text-align:center;padding:60px 20px;color:#6b7280}.no-results svg[data-v-2846e305]{color:#d1d5db;margin-bottom:16px}.no-results p[data-v-2846e305]{font-size:16px;margin-bottom:16px}.clear-search-btn[data-v-2846e305]{background:#14b8a6;color:var(--text-primary);border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.clear-search-btn[data-v-2846e305]:hover{background:#0d9488;transform:translateY(-2px)}@media (max-width: 768px){.navbar[data-v-2846e305]{padding:5px}.user-name[data-v-2846e305]{display:none}.container[data-v-2846e305]{padding:0;max-width:100%}.hero-logo[data-v-2846e305]{width:160px;height:80px;margin:12px;filter:drop-shadow(0 4px 8px rgba(255,255,255,.2))}.hero-title[data-v-2846e305]{font-size:16px}.hero-subtitle[data-v-2846e305]{font-size:10px}.panel[data-v-2846e305]{width:250px;height:200px;border-radius:15px;margin:0 5px}.panel-image[data-v-2846e305]{width:250px;height:200px;background:#fef3c7;color:#92400e;border-radius:15px}section[data-v-2846e305]{padding:16px;margin-bottom:10px}.browse-section[data-v-2846e305]{padding:16px}.section-header[data-v-2846e305]{flex-direction:row;margin-bottom:20px}.section-title[data-v-2846e305]{font-size:20px;white-space:nowrap}.tab-btn[data-v-2846e305]{padding:10px 20px;font-size:15px;flex:1}.search-box[data-v-2846e305]{width:100%}.search-input[data-v-2846e305]{font-size:16px;padding:10px 40px}.search-icon[data-v-2846e305]{left:12px;width:18px;height:18px}.clear-btn[data-v-2846e305]{right:8px}.browse-grid[data-v-2846e305]{gap:12px}.browse-card-full[data-v-2846e305]{padding:16px}.browse-card-header[data-v-2846e305]{margin-bottom:0}.browse-name-en[data-v-2846e305]{font-size:18px}.browse-name-ar[data-v-2846e305]{font-size:20px}.browse-meaning[data-v-2846e305]{font-size:13px}.search-info[data-v-2846e305]{font-size:13px;padding:6px 10px}}@media (max-width: 480px){.browse-section[data-v-2846e305]{padding:12px}.section-title[data-v-2846e305]{font-size:18px}.tabs-container[data-v-2846e305],.tabs-search-container[data-v-2846e305]{margin-bottom:12px}.tab-btn[data-v-2846e305]{padding:8px 12px;font-size:14px}.search-input[data-v-2846e305]{padding:10px 36px}}.jump-modal[data-v-984bb6be],.modal-body[data-v-984bb6be]{overflow:visible}.search-box[data-v-984bb6be]{position:relative;margin-bottom:12px}.search-icon[data-v-984bb6be]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;z-index:1}.search-input[data-v-984bb6be]{width:100%;padding:12px 48px;background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-color);border-radius:10px;font-size:15px;transition:all .2s}.search-input[data-v-984bb6be]:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.clear-btn[data-v-984bb6be]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s;z-index:1}.clear-btn[data-v-984bb6be]:hover{background:#e5e7eb;color:#374151}.search-results[data-v-984bb6be]{max-height:400px;overflow-y:auto}.result-item[data-v-984bb6be]{display:flex;align-items:center;gap:12px;padding:14px;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.result-item[data-v-984bb6be]:hover{background:#f0fdfa;border-color:#14b8a6}.result-icon[data-v-984bb6be]{font-size:24px;flex-shrink:0}.result-info[data-v-984bb6be]{flex:1;min-width:0}.result-title[data-v-984bb6be]{font-weight:600;color:#0f766e;margin-bottom:2px}.result-subtitle[data-v-984bb6be]{font-size:13px;color:#6b7280}.result-arrow[data-v-984bb6be]{color:#14b8a6;opacity:0;transition:opacity .2s;flex-shrink:0}.result-item:hover .result-arrow[data-v-984bb6be]{opacity:1}.no-results[data-v-984bb6be]{text-align:center;padding:40px 20px;color:#6b7280}.no-results svg[data-v-984bb6be]{color:#d1d5db;margin-bottom:12px}.no-results p[data-v-984bb6be]{font-size:15px;margin-bottom:8px;font-weight:500}.no-results small[data-v-984bb6be]{display:block;font-size:12px;color:#9ca3af}.tabs-content[data-v-984bb6be]{position:relative}.tabs-container[data-v-984bb6be]{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid var(--border-color)}.tab-btn[data-v-984bb6be]{background:none;border:none;padding:10px 20px;font-size:15px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}.tab-btn[data-v-984bb6be]:hover{color:var(--title)}.tab-btn.active[data-v-984bb6be]{color:var(--title);border-bottom-color:var(--title)}.items-list[data-v-984bb6be]{max-height:400px;overflow-y:auto}.item[data-v-984bb6be]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.item[data-v-984bb6be]:hover{background:var(--bg-secondary);border-color:#14b8a6}.item-badge[data-v-984bb6be]{width:32px;height:32px;background:#f97316;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.item-info[data-v-984bb6be]{flex:1;min-width:0}.item-title[data-v-984bb6be]{font-weight:600;color:var(--title);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-subtitle[data-v-984bb6be]{font-size:12px;color:var(--text-secondary)}.item-arrow[data-v-984bb6be]{color:#14b8a6;opacity:0;transition:opacity .2s;flex-shrink:0}.item:hover .item-arrow[data-v-984bb6be]{opacity:1}.item-current[data-v-984bb6be]{background:var(--bg-secondary );border-color:#14b8a6!important;position:relative}.item-current[data-v-984bb6be]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#14b8a6;border-radius:4px 0 0 4px}.item-current .item-badge[data-v-984bb6be]{background:#14b8a6;box-shadow:0 2px 8px #14b8a64d}.item-current .item-title[data-v-984bb6be]{color:#0f766e;font-weight:700}.item-current .item-arrow[data-v-984bb6be]{opacity:1}.result-icon[data-v-984bb6be]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f97316;border-radius:50%;color:#fff}.result-icon svg[data-v-984bb6be]{display:block}.result-item[data-v-984bb6be]:hover{background:#f0fdfa;color:#14b8a6}@media (max-width: 768px){.search-input[data-v-984bb6be]{font-size:16px;padding:10px 40px}.search-icon[data-v-984bb6be]{left:12px}.clear-btn[data-v-984bb6be]{right:8px}.result-item[data-v-984bb6be],.item[data-v-984bb6be]{padding:12px}.result-icon[data-v-984bb6be]{font-size:20px}.result-title[data-v-984bb6be],.item-title[data-v-984bb6be]{font-size:14px}.result-subtitle[data-v-984bb6be],.item-subtitle[data-v-984bb6be]{font-size:12px}.tabs-container[data-v-984bb6be]{margin-bottom:12px}.tab-btn[data-v-984bb6be]{padding:8px 16px;font-size:14px;flex:1}.items-list[data-v-984bb6be],.search-results[data-v-984bb6be]{max-height:300px}}.modal-actions[data-v-4c58e7b8]{display:flex;flex-direction:column;gap:10px;padding-top:10px}.modal-btn[data-v-4c58e7b8]{padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.play-btn-modal[data-v-4c58e7b8]{background:var(--teal-500);color:#fff}.play-btn-modal[data-v-4c58e7b8]:hover{background:var(--teal-600);transform:translateY(-1px);box-shadow:0 4px 12px #14b8a64d}.bookmark-btn[data-v-4c58e7b8]{background:var(--amber-500);color:#fff}.bookmark-btn[data-v-4c58e7b8]:hover{background:var(--amber-600);transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}@font-face{font-family:madinah;src:url(/fonts/UthmanicHafs_V22.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;size-adjust:120%}@font-face{font-family:lpmq;src:url(/fonts/LPMQ_IsepMisbah_rev4.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;font-feature-settings:"ss02" 1}@font-face{font-family:surahnames;src:url(/fonts/ArabQuranIslamic140_rev.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}body[data-v-b18e353e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ayah-number[data-v-b18e353e]{color:var(--verse-ayah-number);font-family:madinah;font-size:1.25em;line-height:1}.container[data-v-b18e353e]{max-width:1200px;margin:0 auto;padding:0 20px 20px;direction:ltr}.navbar[data-v-b18e353e]{display:flex;align-items:center;justify-content:space-between;padding:5px 15px;color:#fff;background:var(--navbar-bg);box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100;gap:10px;touch-action:none}.navbar-left[data-v-b18e353e]{display:flex;align-items:center;width:72px}.logo[data-v-b18e353e]{height:32px;display:block;padding-left:5px;transition:all .2s;cursor:pointer}.logo[data-v-b18e353e]:hover{transform:scale(1.1)}.navbar-center[data-v-b18e353e]{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;max-width:400px}.current-location[data-v-b18e353e]{color:#f9fafb;background:var(--location-pill);padding:5px 10px;border-radius:50px;cursor:pointer;transition:all .2s;text-align:center;min-width:120px;border:2px solid transparent}.current-location[data-v-b18e353e]:hover{background:var(--bg-primary);color:var(--title);transform:scale(1.1)}.location-text[data-v-b18e353e]{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:clip;display:block}.navbar-right[data-v-b18e353e]{display:flex;gap:4px;align-items:center}.icon-btn[data-v-b18e353e]{position:relative;background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s;color:#f9fafb}.icon-btn svg[data-v-b18e353e]{display:block}.icon-btn[data-v-b18e353e]:hover{background:var(--bg-primary);transform:scale(1.1);color:var(--title)}button[data-v-b18e353e]:focus{outline:none}button[data-v-b18e353e]:focus-visible{box-shadow:0 0 0 3px #f97316}.icon-btn[data-v-b18e353e]:disabled{color:#bdc3c7;cursor:not-allowed;opacity:.5}.badge[data-v-b18e353e]{position:absolute;top:2px;right:2px;background:#f97316;color:#fff;font-size:10px;padding:2px 5px;border-radius:10px;font-weight:700;min-width:16px;text-align:center}.verses[data-v-b18e353e]{background:var(--bg-primary);color:var(--text-primary);padding:10px;border-radius:0 0 10px 10px;line-height:2.4;text-align:right;direction:rtl;touch-action:pan-y;overscroll-behavior:contain;transition:transform .1s ease-out}.surah-header[data-v-b18e353e]{text-align:center;margin-top:15px;margin-bottom:10px}.surah-header[data-v-b18e353e]:first-child{margin-top:0}.surah-info[data-v-b18e353e]{position:relative;margin-bottom:10px;padding:6px 60px;border-radius:10px;color:#fff;min-height:60px;overflow:hidden;background-image:url(/images/surah-header-left.svg),url(/images/surah-header-right.svg),url(/images/surah-header-mid.svg);background-repeat:no-repeat;background-position:0% center,100% center,35px center;background-size:50px 100%,50px 100%,calc(100% - 70px) 100%}.surah-name-ar[data-v-b18e353e]{font-size:64px;font-family:surahnames;line-height:1;max-width:300px;border-radius:100px;background:var(--location-pill);color:#fff;margin:0 auto}.surah-meta[data-v-b18e353e]{font-size:16px}.basmalah[data-v-b18e353e]{text-align:center;padding:5px}.page-separator[data-v-b18e353e]{display:flex;align-items:center;gap:15px;margin:15px 0}.separator-line[data-v-b18e353e]{flex:1;height:1px;background:linear-gradient(to right,transparent,#14b8a6,transparent)}.separator-text[data-v-b18e353e]{color:#14b8a6;font-size:14px;padding:0 10px;border:1px solid #14b8a6;border-radius:20px;white-space:nowrap}.verse[data-v-b18e353e]{padding:15px 5px 5px;margin-bottom:10px;border-radius:10px;border:1px solid var(--border-color);transition:all .3s;cursor:pointer}.verse[data-v-b18e353e]:last-child{margin-bottom:0}.verse[data-v-b18e353e]:hover{box-shadow:0 2px 8px var(--box-shadow);border-radius:10px}.verse.playing[data-v-b18e353e]{background-color:var(--verse-playing)!important;border-radius:10px}.verse-text[data-v-b18e353e]{text-align:right;margin-bottom:10px}.verse-translation[data-v-b18e353e]{font-size:16px;line-height:1.8;padding:10px;background:var(--bg-secondary);border-radius:10px;text-align:left;direction:ltr;font-style:italic;margin-top:10px}.verse-inline[data-v-b18e353e]{display:inline;cursor:pointer;transition:background-color .2s;padding:2px;border-radius:3px}.verse-inline[data-v-b18e353e]:hover{background-color:var(--verse-hover);border-radius:10px}.verse-inline.playing-inline[data-v-b18e353e]{background-color:var(--verse-playing)!important;border-radius:10px}.verse.bookmarked[data-v-b18e353e]{position:relative}.bookmark-indicator[data-v-b18e353e]{position:absolute;top:10px;left:10px;color:#ff4500}.verse-inline.bookmarked-inline[data-v-b18e353e]{background:var(--verse_bookmarked);border-radius:10px}.audio-player[data-v-b18e353e]{background:teal;color:#fff;padding:10px 15px;border-radius:8px;margin:20px auto 0;box-shadow:0 2px 4px #0000001a;position:sticky;bottom:10px;z-index:100;max-width:500px}.player-top[data-v-b18e353e]{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px}.player-info[data-v-b18e353e]{flex:1;min-width:0}.player-verse[data-v-b18e353e]{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-reciter[data-v-b18e353e]{font-size:11px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls[data-v-b18e353e]{display:flex;gap:6px;align-items:center;flex-shrink:0}.player-controls button[data-v-b18e353e]{background:none;color:#fff;border:none;padding:6px;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.player-controls button svg[data-v-b18e353e]{display:block}.player-controls button[data-v-b18e353e]:hover{transform:scale(1.1);background:#fff;color:#ff4500}.progress-container[data-v-b18e353e]{cursor:pointer}.progress-bar[data-v-b18e353e]{width:100%;height:4px;background:#fff9;border-radius:2px;overflow:hidden;margin-bottom:4px}.progress-fill[data-v-b18e353e]{height:100%;background:#f97316;border-radius:2px;transition:width .1s linear}.time-display[data-v-b18e353e]{display:flex;justify-content:space-between;font-size:10px;opacity:.85}@media (max-width: 768px){.container[data-v-b18e353e]{padding:0;max-width:100%}.navbar[data-v-b18e353e]{padding:5px;gap:5px}.logo[data-v-b18e353e]{font-size:20px}.navbar-center[data-v-b18e353e]{gap:5px;max-width:none}.verses[data-v-b18e353e]{padding:5px}.verses.player-active[data-v-b18e353e]{margin-bottom:80px}.surah-name-ar[data-v-b18e353e]{font-size:48px!important;max-width:200px}.surah-meta[data-v-b18e353e]{font-size:14px!important}.verse-translation[data-v-b18e353e]{font-size:14px;padding:5px;margin-top:8px}.audio-player[data-v-b18e353e]{padding:8px 10px;position:fixed;inset:auto 0 0;margin:0;border-radius:0;z-index:1000;max-width:100%}}@media (max-width: 375px){.nav-btn[data-v-b18e353e]{display:none!important}.surah-info[data-v-b18e353e]{padding:6px 20px}.surah-meta[data-v-b18e353e]{font-size:12px!important}}html{scroll-behavior:smooth}.wqib{padding-bottom:.4em;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='16'%3E%3Cdefs%3E%3Cmarker id='start' markerWidth='8' markerHeight='8' refX='8' refY='4'%3E%3Crect width='3' height='8' x='0' y='0' rx='1' ry='1' fill='%23FF0000B0'/%3E%3Crect width='3' height='8' x='4' y='0' rx='1' ry='1' fill='%23FF0000B0'/%3E%3C/marker%3E%3Cmarker id='end' markerWidth='8' markerHeight='8' refX='7' refY='4' stroke='%2332CD32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6,1 L2,4 L6,7 Z' fill='%2332CD32'/%3E%3C/marker%3E%3C/defs%3E%3Cline x1='8' y1='8' x2='100%25' y2='8' stroke='%2380808080' stroke-width='1' stroke-dasharray='2,2' marker-start='url(%23start)' marker-end='url(%23end)'/%3E%3C/svg%3E");background-size:100% 16px;background-position:left bottom 10%;background-repeat:no-repeat}.hide-wqib .wqib{background-image:none;padding-bottom:0}.ikhf,.iksy{color:var(--tj-green)}.ghun,.idbg,.idmi{color:var(--tj-magenta)}.idbl,.idmj,.idmm,.idmq{color:var(--tj-red)}.iqlb{color:var(--tj-cyan)}.mjai,.msth{color:var(--tj-green)}.mwjb{color:var(--tj-cyan)}.mfrq,.mlkh,.mlth,.mlkk,.mltk{color:var(--tj-magenta)}.qalq{color:var(--tj-blue)}.slnt,.hwsl,.lsha{color:var(--tj-gray)}.mlzm{color:var(--tj-magenta)}.mals{color:var(--tj-green)}.wlzm,.waul{color:var(--tj-red);font-feature-settings:"liga" 0;padding-right:.4em}.wjai,.wmua{color:var(--tj-blue);font-feature-settings:"liga" 0;padding-right:.4em}.wmam,.wsha{color:var(--tj-green);font-feature-settings:"liga" 0;padding-right:.4em}.ruku{color:var(--text-primary);font-feature-settings:"liga" 0;padding-right:.4em}.noliga{font-feature-settings:"liga" 0}@-moz-document url-prefix(){.noliga{font-feature-settings:unset}}