.container[data-v-81fab739]{max-width:1200px;margin:0 auto;padding:0 20px 20px;direction:ltr}.admin-title[data-v-81fab739]{font-size:24px;font-weight:700;color:var(--title);margin-bottom:20px}.admin-section[data-v-81fab739]{background:var(--bg-primary);border-radius:12px;padding:15px;margin-bottom:20px;box-shadow:0 4px 12px var(--box-shadow)}.section-title[data-v-81fab739]{font-size:24px;font-weight:700;color:var(--title);white-space:nowrap;margin-bottom:15px}.add-user-form[data-v-81fab739]{display:flex;flex-direction:column;gap:15px}.form-group[data-v-81fab739]{display:flex;flex-direction:column;gap:5px}.form-label[data-v-81fab739]{font-size:14px;font-weight:600;color:var(--title)}.form-input[data-v-81fab739]{background:var(--bg-primary);color:var(--text-primary);padding:12px;border:2px solid var(--border-color);border-radius:10px;font-size:16px;transition:all .2s}.form-input[data-v-81fab739]:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.btn[data-v-81fab739]{border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;display:inline-block}.btn[data-v-81fab739]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-81fab739]{background:linear-gradient(135deg,#14b8a6,#0d9488);color:var(--text-invert)}.btn-primary[data-v-81fab739]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #14b8a64d}.btn-danger[data-v-81fab739]{background:#ef4444;color:var(--text-invert)}.btn-danger[data-v-81fab739]:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-success[data-v-81fab739]{background:#10b981;color:var(--text-primary)}.btn-success[data-v-81fab739]:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.note[data-v-81fab739]{font-size:12px;color:#6b7280;margin-top:10px}.table-container[data-v-81fab739]{overflow-x:auto}.admin-table[data-v-81fab739]{width:100%;border-collapse:collapse}.admin-table th[data-v-81fab739],.admin-table td[data-v-81fab739]{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.admin-table th[data-v-81fab739]{font-weight:600;color:var(--title);font-size:14px;text-transform:uppercase;padding-bottom:16px}.admin-table tbody tr:last-child td[data-v-81fab739]{border-bottom:none}.status-badge[data-v-81fab739]{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-align:center;display:inline-block}.status-active[data-v-81fab739]{background:#dcfce7;color:#166534}.status-inactive[data-v-81fab739]{background:#fee2e2;color:#991b1b}.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:100vh;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-f90b799b]{margin-bottom:20px}.setting-group[data-v-f90b799b]:last-child{margin-bottom:0}.setting-group.setting-toggles[data-v-f90b799b]{border:1px solid var(--border-color);border-radius:5px;padding:5px}.setting-group label[data-v-f90b799b]{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:15px}.setting-group label[data-v-f90b799b]: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-f90b799b]:has(input[type=checkbox]):hover{background:#0080801a}.setting-group input[type=checkbox][data-v-f90b799b]{margin:0 0 0 8px;width:18px;height:18px;cursor:pointer;order:2}.setting-select[data-v-f90b799b]{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-f90b799b]:focus{outline:none;border-color:#14b8a6}.size-display[data-v-f90b799b]{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-f90b799b]{display:flex;align-items:center;gap:10px}.slider-label[data-v-f90b799b]{font-size:14px;color:#7f8c8d;font-weight:700}.slider-label.large[data-v-f90b799b]{font-size:24px}.size-slider[data-v-f90b799b]{flex:1;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;cursor:pointer}.size-slider[data-v-f90b799b]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#f97316;cursor:pointer;transition:all .2s}.size-slider[data-v-f90b799b]::-webkit-slider-thumb:hover{background:#ff730f;transform:scale(1.1)}.size-slider[data-v-f90b799b]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#14b8a6;cursor:pointer;border:none}.modal-body[data-v-f90b799b]{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.modal-body[data-v-f90b799b]::-webkit-scrollbar{width:8px}.modal-body[data-v-f90b799b]::-webkit-scrollbar-track{background:transparent}.modal-body[data-v-f90b799b]::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px;border:2px solid transparent;background-clip:content-box}.modal-body[data-v-f90b799b]::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.sort-controls[data-v-4a734be0]{padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sort-label[data-v-4a734be0]{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0}.sort-buttons[data-v-4a734be0]{display:flex;gap:8px;flex-wrap:wrap}.sort-btn[data-v-4a734be0]{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.sort-btn[data-v-4a734be0]:hover{background:var(--bg-secondary);border-color:#14b8a6;color:var(--text-primary)}.sort-btn.active[data-v-4a734be0]{background:#14b8a6;border-color:#14b8a6;color:#fff}.sort-btn svg[data-v-4a734be0]{flex-shrink:0}.empty-state[data-v-4a734be0]{padding:60px 20px;text-align:center;color:#7f8c8d}.empty-state svg[data-v-4a734be0]{color:#d1d5db;margin-bottom:16px}.empty-state p[data-v-4a734be0]{margin:10px 0;font-size:18px}.empty-hint[data-v-4a734be0]{font-size:14px!important;color:#95a5a6;margin-top:8px}.bookmark-list[data-v-4a734be0]{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;padding-left:0;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.bookmark-list[data-v-4a734be0]::-webkit-scrollbar{width:8px}.bookmark-list[data-v-4a734be0]::-webkit-scrollbar-track{background:transparent}.bookmark-list[data-v-4a734be0]::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px;border:2px solid transparent;background-clip:content-box}.bookmark-list[data-v-4a734be0]::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.bookmark-item[data-v-4a734be0]{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-4a734be0]:hover{background:var(--bg-secondary);border-color:#14b8a6}.bookmark-info[data-v-4a734be0]{flex:1;cursor:pointer}.bookmark-title[data-v-4a734be0]{display:flex;gap:8px;align-items:center;margin-bottom:4px;flex-wrap:wrap}.bookmark-title strong[data-v-4a734be0]{color:var(--text-primary);font-size:16px}.bookmark-verse[data-v-4a734be0]{color:var(--title);font-size:14px;font-weight:600}.bookmark-meta[data-v-4a734be0]{display:flex;gap:8px;font-size:13px;color:var(--text-secondary)}.bookmark-timestamp[data-v-4a734be0]{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);margin-top:4px;opacity:.8}.bookmark-timestamp svg[data-v-4a734be0]{flex-shrink:0}.delete-btn[data-v-4a734be0]{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-4a734be0]:hover{background:var(--bg-primary);transform:scale(1.1)}.delete-btn svg[data-v-4a734be0]{display:block}@media (max-width: 768px){.sort-controls[data-v-4a734be0]{flex-direction:column;align-items:flex-start;gap:8px}.sort-buttons[data-v-4a734be0]{width:100%}.sort-btn[data-v-4a734be0]{flex:1;justify-content:center;min-width:0;font-size:12px;padding:6px 8px}.bookmark-item[data-v-4a734be0]{padding:12px}.bookmark-title strong[data-v-4a734be0]{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-1f1d7f5a]{scroll-behavior:smooth}.nav[data-v-1f1d7f5a]{display:flex;align-items:center;gap:12px}.user-menu[data-v-1f1d7f5a]{display:flex;align-items:center;gap:8px;padding:0 10px}.user-avatar[data-v-1f1d7f5a]{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-color)}.user-avatar-placeholder[data-v-1f1d7f5a]{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-1f1d7f5a]{color:#fff;font-size:14px;font-weight:500}.container[data-v-1f1d7f5a]{max-width:1200px;margin:0 auto;padding:0 20px 20px;direction:ltr}.navbar[data-v-1f1d7f5a]{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-1f1d7f5a]{display:flex;align-items:center}.navbar-right[data-v-1f1d7f5a]{display:flex;gap:4px;align-items:center}.header-content[data-v-1f1d7f5a]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo[data-v-1f1d7f5a]{height:32px;display:block;padding-left:5px}.icon-btn[data-v-1f1d7f5a]{position:relative;background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s;color:#f9fafb}.icon-btn svg[data-v-1f1d7f5a]{display:block}.icon-btn[data-v-1f1d7f5a]:hover{background:var(--bg-primary);transform:scale(1.1);color:var(--title)}button[data-v-1f1d7f5a]:focus{outline:none}button[data-v-1f1d7f5a]:focus-visible{box-shadow:0 0 0 3px #f97316}.icon-btn[data-v-1f1d7f5a]:disabled{color:#bdc3c7;cursor:not-allowed;opacity:.5}.home-content[data-v-1f1d7f5a]{background:var(--bg-primary);padding:10px;border-radius:0 0 10px 10px}.panel[data-v-1f1d7f5a]{width:500px;height:400px;border-radius:15px;margin:0 5px}.panel-image[data-v-1f1d7f5a]{width:500px;height:400px;background:#fef3c7;color:#92400e;border-radius:15px}.hero-section[data-v-1f1d7f5a]{text-align:center;padding:10px;color:var(--text-primary)}.hero-logo[data-v-1f1d7f5a]{width:320px;height:160px;margin:50px 0 30px;filter:drop-shadow(0 4px 8px rgba(255,255,255,.2))}.hero-title[data-v-1f1d7f5a]{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-1f1d7f5a]{color:var(--text-primary);font-size:12px;opacity:.9}section[data-v-1f1d7f5a]{background:var(--bg-primary);border-radius:15px;padding:15px;margin-bottom:20px;box-shadow:0 4px 12px var(--box-shadow)}section[data-v-1f1d7f5a]:last-child{margin-bottom:0}.section-title[data-v-1f1d7f5a]{font-size:24px;font-weight:700;color:var(--title);white-space:nowrap}.section-header[data-v-1f1d7f5a]{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.bookmark-count[data-v-1f1d7f5a]{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-1f1d7f5a]{display:flex;gap:12px;align-items:center}.continue-surah[data-v-1f1d7f5a]{font-size:20px;font-weight:700;margin-bottom:8px}.continue-meta[data-v-1f1d7f5a]{font-size:14px;opacity:.9;margin-bottom:4px}.last-read-time[data-v-1f1d7f5a]{background:#fef3c7;color:#92400e;padding:4px 10px;border-radius:12px;font-size:11px;font-style:italic}.resume-btn[data-v-1f1d7f5a]{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-1f1d7f5a]:hover{background:#f97316;color:var(--text-primary);transform:scale(1.05)}.bookmark-list[data-v-1f1d7f5a]{display:flex;flex-direction:column;gap:12px}.bookmark-item[data-v-1f1d7f5a]{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-1f1d7f5a]:hover{border:2px solid #14b8a6;transform:translateY(-4px);box-shadow:0 8px 20px #14b8a626}.bookmark-info[data-v-1f1d7f5a]{display:flex;gap:12px;align-items:center}.bookmark-surah[data-v-1f1d7f5a]{font-weight:600;color:var(--title)}.bookmark-verse[data-v-1f1d7f5a]{color:#6b7280;font-size:14px}.view-all-btn[data-v-1f1d7f5a]{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-1f1d7f5a]:hover{background:var(--bg-secondary)}.browse-section[data-v-1f1d7f5a]{background:var(--bg-primary);border-radius:12px;padding:15px;box-shadow:0 4px 12px var(--box-shadow)}.tabs-search-container[data-v-1f1d7f5a]{margin-bottom:14px}.tabs-container[data-v-1f1d7f5a]{display:flex;gap:8px;margin-bottom:14px;border-bottom:2px solid var(--border-color);width:100%}.tab-btn[data-v-1f1d7f5a]{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-1f1d7f5a]:hover{color:#14b8a6}.tab-btn.active[data-v-1f1d7f5a]{color:var(--title);border-bottom-color:#14b8a6}.search-box[data-v-1f1d7f5a]{position:relative;display:flex;align-items:center;width:100%}.search-icon[data-v-1f1d7f5a]{position:absolute;left:16px;color:#6b7280;pointer-events:none;z-index:1}.search-input[data-v-1f1d7f5a]{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-1f1d7f5a]:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.clear-btn[data-v-1f1d7f5a]{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-1f1d7f5a]:hover{background:#e5e7eb;color:#374151}.search-info[data-v-1f1d7f5a]{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-1f1d7f5a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.browse-card-full[data-v-1f1d7f5a]{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-1f1d7f5a]:hover{border-color:#14b8a6;transform:translateY(-4px);box-shadow:0 8px 20px #14b8a626}.browse-card-header[data-v-1f1d7f5a]{display:flex;justify-content:space-between;align-items:center}.browse-number-badge[data-v-1f1d7f5a]{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-1f1d7f5a]{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.browse-revelation[data-v-1f1d7f5a]{background:#fef3c7;color:#92400e;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.browse-verses-count[data-v-1f1d7f5a]{color:var(--text-secondary);font-size:12px;font-weight:500;margin-right:5px}.browse-card-body[data-v-1f1d7f5a]{flex:1}.browse-name-en[data-v-1f1d7f5a]{font-size:20px;font-weight:700;color:var(--title);margin-bottom:2px}.browse-name-ar[data-v-1f1d7f5a]{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-1f1d7f5a]{font-size:14px;color:#9ca3af;font-style:italic}.browse-card-footer[data-v-1f1d7f5a]{display:flex;justify-content:flex-end}.read-btn[data-v-1f1d7f5a]{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-1f1d7f5a]:hover{transform:translate(2px);box-shadow:0 4px 12px #14b8a64d}.no-results[data-v-1f1d7f5a]{text-align:center;padding:60px 20px;color:#6b7280}.no-results svg[data-v-1f1d7f5a]{color:#d1d5db;margin-bottom:16px}.no-results p[data-v-1f1d7f5a]{font-size:16px;margin-bottom:16px}.clear-search-btn[data-v-1f1d7f5a]{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-1f1d7f5a]:hover{background:#0d9488;transform:translateY(-2px)}@media (max-width: 768px){.navbar[data-v-1f1d7f5a]{padding:5px}.user-name[data-v-1f1d7f5a]{display:none}.container[data-v-1f1d7f5a]{padding:0;max-width:100%}.hero-logo[data-v-1f1d7f5a]{width:160px;height:80px;margin:12px;filter:drop-shadow(0 4px 8px rgba(255,255,255,.2))}.hero-title[data-v-1f1d7f5a]{font-size:16px}.hero-subtitle[data-v-1f1d7f5a]{font-size:10px}.panel[data-v-1f1d7f5a]{width:250px;height:200px;border-radius:15px;margin:0 5px}.panel-image[data-v-1f1d7f5a]{width:250px;height:200px;background:#fef3c7;color:#92400e;border-radius:15px}section[data-v-1f1d7f5a]{padding:16px;margin-bottom:10px}.browse-section[data-v-1f1d7f5a]{padding:16px}.section-header[data-v-1f1d7f5a]{flex-direction:row;margin-bottom:20px}.section-title[data-v-1f1d7f5a]{font-size:20px;white-space:nowrap}.tab-btn[data-v-1f1d7f5a]{padding:10px 20px;font-size:15px;flex:1}.search-box[data-v-1f1d7f5a]{width:100%}.search-input[data-v-1f1d7f5a]{font-size:16px;padding:10px 40px}.search-icon[data-v-1f1d7f5a]{left:12px;width:18px;height:18px}.clear-btn[data-v-1f1d7f5a]{right:8px}.browse-grid[data-v-1f1d7f5a]{gap:12px}.browse-card-full[data-v-1f1d7f5a]{padding:16px}.browse-card-header[data-v-1f1d7f5a]{margin-bottom:0}.browse-name-en[data-v-1f1d7f5a]{font-size:18px}.browse-name-ar[data-v-1f1d7f5a]{font-size:20px}.browse-meaning[data-v-1f1d7f5a]{font-size:13px}.search-info[data-v-1f1d7f5a]{font-size:13px;padding:6px 10px}}@media (max-width: 480px){.browse-section[data-v-1f1d7f5a]{padding:12px}.section-title[data-v-1f1d7f5a]{font-size:18px}.tabs-container[data-v-1f1d7f5a],.tabs-search-container[data-v-1f1d7f5a]{margin-bottom:12px}.tab-btn[data-v-1f1d7f5a]{padding:8px 12px;font-size:14px}.search-input[data-v-1f1d7f5a]{padding:10px 36px}}.jump-modal[data-v-34f62bbe],.modal-body[data-v-34f62bbe]{overflow:visible}.search-box[data-v-34f62bbe]{position:relative;margin-bottom:12px}.search-icon[data-v-34f62bbe]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;z-index:1}.search-input[data-v-34f62bbe]{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-34f62bbe]:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 3px #14b8a61a}.search-input[data-v-34f62bbe]:-webkit-autofill,.search-input[data-v-34f62bbe]:-webkit-autofill:hover,.search-input[data-v-34f62bbe]:-webkit-autofill:focus,.search-input[data-v-34f62bbe]:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-secondary) inset!important;-webkit-text-fill-color:var(--text-secondary)!important;transition:background-color 5000s ease-in-out 0s}.clear-btn[data-v-34f62bbe]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--bg-tertiary);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;z-index:1}.clear-btn[data-v-34f62bbe]:hover{background:var(--border-color);color:var(--text-primary)}.search-results[data-v-34f62bbe]{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.search-results[data-v-34f62bbe]::-webkit-scrollbar{width:8px}.search-results[data-v-34f62bbe]::-webkit-scrollbar-track{background:transparent}.search-results[data-v-34f62bbe]::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px;border:2px solid transparent;background-clip:content-box}.search-results[data-v-34f62bbe]::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.result-icon[data-v-34f62bbe]{font-size:24px;flex-shrink:0}.no-results[data-v-34f62bbe]{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-results svg[data-v-34f62bbe]{color:var(--border-color);margin-bottom:12px}.no-results p[data-v-34f62bbe]{font-size:15px;margin-bottom:8px;font-weight:500}.no-results small[data-v-34f62bbe]{display:block;font-size:12px;color:var(--text-secondary)}.tabs-content[data-v-34f62bbe]{position:relative}.tabs-container[data-v-34f62bbe]{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid var(--border-color)}.tab-btn[data-v-34f62bbe]{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-34f62bbe]:hover{color:var(--title)}.tab-btn.active[data-v-34f62bbe]{color:var(--title);border-bottom-color:var(--title)}.items-list[data-v-34f62bbe]{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.items-list[data-v-34f62bbe]::-webkit-scrollbar{width:8px}.items-list[data-v-34f62bbe]::-webkit-scrollbar-track{background:transparent}.items-list[data-v-34f62bbe]::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px;border:2px solid transparent;background-clip:content-box}.items-list[data-v-34f62bbe]::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.item[data-v-34f62bbe]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.item[data-v-34f62bbe]:hover{background:var(--bg-secondary);border-color:var(--teal-500)}.item-badge[data-v-34f62bbe]{width:32px;height:32px;background:var(--badge-bg);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-34f62bbe]{flex:1;min-width:0}.item-title[data-v-34f62bbe]{font-weight:600;color:var(--title);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-subtitle[data-v-34f62bbe]{font-size:12px;color:var(--text-secondary)}.item-arrow[data-v-34f62bbe]{color:var(--teal-500);opacity:0;transition:opacity .2s;flex-shrink:0}.item:hover .item-arrow[data-v-34f62bbe]{opacity:1}.item-current[data-v-34f62bbe]{background:var(--bg-tertiary);border-color:var(--teal-500)!important;position:relative}.item-current[data-v-34f62bbe]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--teal-500);border-radius:4px 0 0 4px}.item-current .item-badge[data-v-34f62bbe]{background:var(--teal-500);box-shadow:0 2px 8px #14b8a64d}.item-current .item-title[data-v-34f62bbe]{color:var(--title);font-weight:700}.item-current .item-arrow[data-v-34f62bbe]{opacity:1}.result-icon[data-v-34f62bbe]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--badge-bg);border-radius:50%;color:#fff}.result-icon svg[data-v-34f62bbe]{display:block}@media (max-width: 768px){.search-input[data-v-34f62bbe]{font-size:16px;padding:10px 40px}.search-icon[data-v-34f62bbe]{left:12px}.clear-btn[data-v-34f62bbe]{right:8px}.item[data-v-34f62bbe]{padding:12px}.result-icon[data-v-34f62bbe]{font-size:20px}.item-title[data-v-34f62bbe]{font-size:14px}.item-subtitle[data-v-34f62bbe]{font-size:12px}.tabs-container[data-v-34f62bbe]{margin-bottom:12px}.tab-btn[data-v-34f62bbe]{padding:8px 16px;font-size:14px;flex:1}.items-list[data-v-34f62bbe],.search-results[data-v-34f62bbe]{max-height:300px}}.modal-actions[data-v-9ae6643b]{display:flex;flex-direction:column;gap:10px;padding-top:10px}.modal-btn[data-v-9ae6643b]{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-9ae6643b]{background:var(--teal-500);color:#fff}.play-btn-modal[data-v-9ae6643b]:hover{background:var(--teal-600);transform:translateY(-1px);box-shadow:0 4px 12px #14b8a64d}.bookmark-btn[data-v-9ae6643b]{background:var(--amber-500);color:#fff}.bookmark-btn[data-v-9ae6643b]: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-d171dd9d]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ayah-number[data-v-d171dd9d]{color:var(--verse-ayah-number);font-family:madinah;font-size:1.25em;line-height:1}.translation-verse-num[data-v-d171dd9d]{font-weight:700;color:var(--verse-ayah-number);margin-right:4px}.container[data-v-d171dd9d]{max-width:1200px;margin:0 auto;padding:0 20px 20px;direction:ltr}.navbar[data-v-d171dd9d]{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-d171dd9d]{display:flex;align-items:center;width:72px}.logo[data-v-d171dd9d]{height:32px;display:block;padding-left:5px;transition:all .2s;cursor:pointer}.logo[data-v-d171dd9d]:hover{transform:scale(1.1)}.navbar-center[data-v-d171dd9d]{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;max-width:400px}.current-location[data-v-d171dd9d]{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-d171dd9d]:hover{background:var(--bg-primary);color:var(--title);transform:scale(1.1)}.location-text[data-v-d171dd9d]{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:clip;display:block}.navbar-right[data-v-d171dd9d]{display:flex;gap:4px;align-items:center}.icon-btn[data-v-d171dd9d]{position:relative;background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s;color:#f9fafb}.icon-btn svg[data-v-d171dd9d]{display:block}.icon-btn[data-v-d171dd9d]:hover{background:var(--bg-primary);transform:scale(1.1);color:var(--title)}button[data-v-d171dd9d]:focus{outline:none}button[data-v-d171dd9d]:focus-visible{box-shadow:0 0 0 3px #f97316}.icon-btn[data-v-d171dd9d]:disabled{color:#bdc3c7;cursor:not-allowed;opacity:.5}.badge[data-v-d171dd9d]{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-d171dd9d]{background:var(--bg-primary);color:var(--text-primary);padding:10px;border-radius:10px;line-height:2.4;text-align:right;direction:rtl;touch-action:pan-y;overscroll-behavior:contain;transition:transform .1s ease-out;margin-top:5px}.surah-header[data-v-d171dd9d]{text-align:center;margin-top:15px;margin-bottom:10px}.surah-header[data-v-d171dd9d]:first-child{margin-top:0}.surah-info[data-v-d171dd9d]{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-d171dd9d]{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-d171dd9d]{font-size:16px}.basmalah[data-v-d171dd9d]{text-align:center;padding:5px}.page-separator[data-v-d171dd9d]{display:flex;align-items:center;gap:15px;margin:15px 0}.separator-line[data-v-d171dd9d]{flex:1;height:1px;background:linear-gradient(to right,transparent,#14b8a6,transparent)}.separator-text[data-v-d171dd9d]{color:#14b8a6;font-size:14px;padding:0 10px;border:1px solid #14b8a6;border-radius:20px;white-space:nowrap}.verse[data-v-d171dd9d]{padding:15px 5px 5px;margin-bottom:10px;border-radius:10px;border:1px solid var(--border-color);transition:all .3s;cursor:pointer}.verse[data-v-d171dd9d]:last-child{margin-bottom:0}.verse[data-v-d171dd9d]:hover{box-shadow:0 2px 8px var(--box-shadow);border-radius:10px}.verse.playing[data-v-d171dd9d]{background-color:var(--verse-playing)!important;border-radius:10px}.verse-text[data-v-d171dd9d]{text-align:right;margin-bottom:10px}.verse-translation[data-v-d171dd9d]{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-translation[data-v-d171dd9d] .footnote{color:red;vertical-align:super;font-size:.75em}.verse-themes[data-v-d171dd9d]{font-weight:700;font-style:normal;color:var(--verse-ayah-number);margin-bottom:5px;display:block}.verse-footnotes[data-v-d171dd9d]{font-size:.85em;color:var(--text-secondary);margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-color);font-style:normal}.verse-inline[data-v-d171dd9d]{display:inline;cursor:pointer;transition:background-color .2s;padding:2px;border-radius:3px}.verse-inline[data-v-d171dd9d]:hover{background-color:var(--verse-hover);border-radius:10px}.verse-inline.playing-inline[data-v-d171dd9d]{background-color:var(--verse-playing)!important;border-radius:10px}.verse.bookmarked[data-v-d171dd9d]{position:relative}.bookmark-indicator[data-v-d171dd9d]{display:flex;float:left;flex-direction:row;margin-left:5px;color:#ff4500}.verse-inline.bookmarked-inline[data-v-d171dd9d]{background:var(--verse_bookmarked);border-radius:10px}.audio-player[data-v-d171dd9d]{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-d171dd9d]{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px}.player-info[data-v-d171dd9d]{flex:1;min-width:0}.player-verse[data-v-d171dd9d]{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-reciter[data-v-d171dd9d]{font-size:11px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls[data-v-d171dd9d]{display:flex;gap:6px;align-items:center;flex-shrink:0}.player-controls button[data-v-d171dd9d]{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-d171dd9d]{display:block}.player-controls button[data-v-d171dd9d]:hover{transform:scale(1.1);background:#fff;color:#ff4500}.progress-container[data-v-d171dd9d]{cursor:pointer}.progress-bar[data-v-d171dd9d]{width:100%;height:4px;background:#fff9;border-radius:2px;overflow:hidden;margin-bottom:4px}.progress-fill[data-v-d171dd9d]{height:100%;background:#f97316;border-radius:2px;transition:width .1s linear}.time-display[data-v-d171dd9d]{display:flex;justify-content:space-between;font-size:10px;opacity:.85}.navbar[data-v-d171dd9d]{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;transition:transform .3s ease-in-out}.navbar-hidden[data-v-d171dd9d]{transform:translateY(-100%)}.fab-navigation-panel[data-v-d171dd9d]{position:sticky;top:44px;background-color:var(--bg-primary);color:var(--text-primary);padding:0 20px;border-radius:0 0 10px 10px;display:flex;flex-direction:column;gap:2px;z-index:50;animation:slideUp-d171dd9d .2s ease-out;border:1px solid var(--border-color);transition:top .3s ease-in-out}.fab-panel-top-adjust[data-v-d171dd9d]{top:0!important}@keyframes slideUp-d171dd9d{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fab-nav-header[data-v-d171dd9d]{display:flex;align-items:center;justify-content:space-between}.fab-nav-title[data-v-d171dd9d]{font-weight:700;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fab-toggle-btn[data-v-d171dd9d]{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.fab-toggle-btn[data-v-d171dd9d]:hover{background-color:var(--bg-secondary);color:var(--accent-color, #0f766e)}.fab-nav-slider-container[data-v-d171dd9d]{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:10px}.fab-nav-slider[data-v-d171dd9d]{width:100%;cursor:pointer;accent-color:#0f766e}@media (max-width: 768px){.container[data-v-d171dd9d]{padding:0;max-width:100%}.navbar[data-v-d171dd9d]{padding:5px;gap:5px}.logo[data-v-d171dd9d]{font-size:20px}.navbar-center[data-v-d171dd9d]{gap:5px;max-width:none}.verses[data-v-d171dd9d]{padding:5px}.verses.player-active[data-v-d171dd9d]{margin-bottom:80px}.surah-name-ar[data-v-d171dd9d]{font-size:48px!important;max-width:200px}.surah-meta[data-v-d171dd9d]{font-size:14px!important}.verse-translation[data-v-d171dd9d]{font-size:14px;padding:5px;margin-top:8px}.audio-player[data-v-d171dd9d]{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-d171dd9d]{display:none!important}.surah-info[data-v-d171dd9d]{padding:6px 20px}.surah-meta[data-v-d171dd9d]{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.iqlb{color:var(--tj-cyan);font-feature-settings:"liga" 0;padding-right:.2em}.noliga{font-feature-settings:"liga" 0}@-moz-document url-prefix(){.noliga{font-feature-settings:unset}}