*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:qcf-uthmanic-digital;src:url(/fonts/qcf-uthmanic-digital.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}body{min-height:100vh}#root{width:100%}a{text-decoration:none;color:inherit}:root{--navbar-height: 60px}.navbar{width:100%;background-color:#fff;position:sticky;top:0;z-index:100;transition:transform .25s ease,box-shadow .25s ease}.navbar--hidden{transform:translateY(-100%);box-shadow:none}.navbar-container{max-width:1200px;margin:0 auto;padding:0 10px;display:flex;align-items:center;justify-content:space-between;height:60px;border-bottom:1px solid #e2e8f0}.nav-left,.nav-right{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}.nav-item{display:flex;align-items:center}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#374151;text-decoration:none;border-radius:8px;border:1px solid transparent;transition:background-color .2s,color .2s,border-color .2s;font-size:.9rem;font-weight:500;background-color:transparent;cursor:pointer}.nav-link:hover{background-color:#f3f4f6;color:#0369a1;border-color:#0369a1}.nav-link-highlight{border-color:#e5e7eb}.nav-link-highlight:hover{border-color:#0369a1;color:#0369a1}.nav-link-highlight{background-color:#fff}.nav-link svg{flex-shrink:0;font-size:18px}.nav-label{white-space:nowrap}.nav-surah-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;color:#374151;transition:background-color .2s,color .2s,border-color .2s}.nav-surah-selector:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#111827}.nav-surah-name{white-space:nowrap}@media(max-width:768px){.navbar-container{padding:0 .5rem}.nav-left,.nav-right{gap:0}.nav-link{padding:.75rem}.nav-label{display:none}.nav-surah-selector{padding:.5rem .75rem;font-size:.9rem}.nav-surah-name{max-width:150px;overflow:hidden;text-overflow:ellipsis}}.modal-overlay{position:fixed;inset:0;background-color:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:250}.modal-panel{background:#fff;border-radius:16px;padding:1.5rem;max-width:min(420px,92vw);max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0f172a33}.surah-selector-modal{min-width:700px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;max-height:min(90vh,720px)}@media(max-width:640px){.surah-selector-modal{min-width:unset}}.surah-selector-search{display:flex;flex-direction:column;gap:.5rem}.surah-selector-search-input{position:relative}.surah-selector-search-input input{width:100%;border-radius:999px;border:1px solid #cbd5e1;font-size:.95rem;padding:.65rem 1.25rem .65rem 2.75rem;background:#fff;text-align:center}.surah-selector-search-icon,.surah-selector-search-clear{position:absolute;top:50%;transform:translateY(-50%);color:#94a3b8;background:transparent;border:none}.surah-selector-search-icon{left:.75rem;margin-top:3px;font-size:18px}.surah-selector-search-clear{right:.75rem;cursor:pointer;font-size:20px;margin-top:3px;color:#0369a1}.surah-selector-instruction{margin:0;font-size:.85rem;color:#475569}.surah-selector-content{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0;overflow:auto}.surah-selector-tabs{display:flex;gap:.5rem;padding-bottom:.25rem}.surah-selector-tab{border:none;background:transparent;padding:.75rem .5rem;font-size:.9rem;font-weight:600;color:#64748b;border-bottom:2px solid #0369a1;text-align:left}.surah-selector-tab-left{flex:2}.surah-selector-tab-right{flex:1}.surah-selector-sections{display:flex;flex-direction:column;gap:.75rem}.surah-selector-section{display:flex;flex-direction:column;gap:.7rem}.surah-selector-section-title{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.surah-selector-columns{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.surah-selector-pane{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto}.surah-selector-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #e2e8f0;text-decoration:none;color:inherit;transition:background .2s,border-color .2s}.surah-selector-item:hover,.surah-selector-item.is-current{background:#f8fafc;border-color:#0369a1}.surah-selector-ayat-item{padding:.45rem .75rem;border-radius:.5rem;border:1px solid #e2e8f0;text-decoration:none;color:inherit;transition:background .2s,border-color .2s;text-align:center}.surah-selector-ayat-item:hover,.surah-selector-ayat-item.is-current{background:#f8fafc;border-color:#0369a1}.surah-selector-continue-card{display:flex;align-items:center;padding:.85rem;text-decoration:none;color:inherit;border:1px solid #e2e8f0;border-radius:.75rem;transition:border-color .2s,background .2s}.surah-selector-continue-card:hover{border-color:#0369a1;background:#f8fafc}.surah-selector-continue-info{display:flex;align-items:center;gap:.35rem}.surah-selector-continue-meta{font-size:.85rem;color:#475569}.surah-selector-suggestion-links{display:flex;flex-direction:column;gap:.35rem;max-height:240px;overflow-y:auto}.surah-selector-suggestion-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem;text-decoration:none;color:inherit;border:1px solid #e2e8f0;border-radius:.75rem;transition:border-color .2s,background .2s}.surah-selector-suggestion-link:hover{border-color:#0369a1;background:#f8fafc}.surah-selector-suggestion-link-left{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap}.surah-selector-suggestion-arrow{font-size:1.25rem;color:#0369a1}.surah-selector-suggestion-title{margin:0;font-size:.85rem;color:#475569;line-height:1.4}.surah-selector-name{font-weight:600}.surah-selector-translation{font-size:.85rem;color:#64748b;margin-left:.35rem}.surah-selector-results{display:flex;flex-direction:column;gap:.75rem}.surah-selector-results h4{margin:0;font-size:.95rem;color:#0f172a;font-weight:600}.surah-selector-results-list{display:flex;flex-direction:column;gap:.5rem}.surah-selector-result{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;border-radius:.65rem;border:1px solid #e2e8f0;text-decoration:none;color:inherit;font-weight:600;transition:border-color .2s,background .2s}.surah-selector-result:hover{border-color:#0369a1;background:#f8fafc}.surah-selector-no-results{margin:0;font-size:.85rem;color:#64748b}.surah-selector-close{border-radius:999px;border:1px solid #0369a1;background:#0369a1;color:#fff;padding:.65rem;font-weight:600;margin-top:.5rem;width:100%;cursor:pointer;position:sticky;bottom:0;align-self:stretch;flex-shrink:0;margin-top:0}.menu-modal{min-width:600px;max-width:700px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}@media(max-width:640px){.menu-modal{min-width:unset;width:90%;max-width:unset}}.menu-modal-header{display:flex;align-items:center;justify-content:space-between}.menu-modal-header h3{margin:0;font-size:1.15rem;font-weight:600;color:#0f172a}.menu-modal-close{border:1px solid #e2e8f0;background:transparent;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#0f172a;cursor:pointer;font-size:18px}.menu-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.menu-modal-item{border-radius:12px;padding:.85rem 1rem;border:1px solid #e2e8f0;background:#fff;text-decoration:none;color:#0f172a;font-weight:600;display:flex;align-items:center;gap:.65rem;transition:border-color .2s,background .2s}.menu-modal-item-icon{font-size:1.25rem;color:#0369a1}.menu-modal-item:hover{border-color:#0369a1;background:#f0f9ff;color:#0369a1}.display-mode-modal{width:min(420px,92vw);padding:1.25rem}.display-mode-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.display-mode-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.display-mode-close{border:1px solid #e2e8f0;background:#fff;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#0f172a;cursor:pointer;font-size:18px}.display-mode-modal-list{display:flex;flex-direction:column;gap:.5rem}.display-mode-option{border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;padding:.65rem .85rem;text-align:left;font-size:.95rem;color:#0f172a;transition:border-color .2s,color .2s,background-color .2s}.display-mode-option:hover{border-color:#0369a1}.display-mode-option.is-active{border-color:#0369a1;background:#e0f2fe;color:#0369a1}.settings-modal{width:min(420px,92vw);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.settings-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.settings-modal-close{border:1px solid #e2e8f0;background:#fff;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#0f172a;font-size:18px;cursor:pointer}.settings-modal-body{display:flex;flex-direction:column;gap:1rem}.settings-modal-field{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:#334155}.settings-modal-field select{padding:.55rem .75rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:.95rem;color:#0f172a}.settings-modal-actions{display:flex;justify-content:flex-end}.settings-modal-save{border-radius:999px;border:1px solid #0369a1;background:#0369a1;color:#fff;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer}.settings-modal-save:hover{background:#035b90;border-color:#035b90}.bottom-toolbar{position:sticky;bottom:1rem;z-index:80;display:flex;justify-content:center;padding:0 1rem 1rem}.bottom-toolbar-inner{display:flex;align-items:center;gap:2rem;padding:.75rem 1rem;border-radius:999px;background:#fff;box-shadow:0 12px 24px #0f172a1f;border:1px solid #e2e8f0}.bottom-toolbar-button{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid transparent;background:#f8fafc;display:inline-flex;align-items:center;justify-content:center;color:#0f172a;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.bottom-toolbar-button--primary{width:46px;height:46px;background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.bottom-toolbar-button--primary:hover{background:#e2e8f0}.bottom-toolbar-button:hover{background:#e0f2fe;color:#0369a1;border-color:#0369a1}.bottom-toolbar-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bottom-toolbar-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:.35rem .6rem;border-radius:999px;background:#0f172a;color:#fff;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.bottom-toolbar-button:hover .bottom-toolbar-tooltip{opacity:1;transform:translate(-50%) translateY(-2px)}@media(max-width:768px){.bottom-toolbar-inner{gap:2rem;padding:.6rem .8rem}.bottom-toolbar-button{width:36px;height:36px}}.quran-header{margin-top:1rem;margin-bottom:1rem;padding:2rem 1.5rem;border-radius:.75rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.quran-header-inner{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0 .5rem}.quran-header-icon{flex-shrink:0}.quran-header-icon svg{width:5rem;height:5rem;fill:#0369a1}.quran-header-content{display:flex;flex-direction:column}.quran-header-title{font-size:1.5rem;font-weight:700;padding-bottom:.5rem;color:#0c4a6e}.quran-header-description{font-size:.875rem;opacity:.7;color:#334155;line-height:1.5}.desktop-title,.desktop-description{display:none}.mobile-title,.mobile-description{display:block}@media(min-width:768px){.quran-header{padding:2rem}.quran-header-inner{gap:1.5rem}.quran-header-icon svg{width:7rem;height:7rem}.quran-header-title{font-size:1.875rem}.desktop-title,.desktop-description{display:block}.mobile-title,.mobile-description{display:none}}.note-editor-modal-panel{width:min(420px,92vw);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.note-editor-modal-header{display:flex;align-items:center;justify-content:space-between}.note-editor-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.note-editor-modal-close{border:1px solid #e2e8f0;background:transparent;width:36px;height:36px;font-size:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#0f172a;cursor:pointer}.note-editor-textarea{width:100%;min-height:120px;border-radius:12px;border:1px solid #e2e8f0;padding:.75rem;font-size:.95rem;line-height:1.4;font-family:inherit;resize:vertical;background:#f8fafc}.note-editor-actions{display:flex;gap:.25rem;align-items:stretch}.note-editor-save{flex:9;border-radius:999px;border:1px solid #0369a1;background:#0369a1;color:#fff;padding:.65rem 1rem;font-weight:600;cursor:pointer}.note-editor-delete{flex:1;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#b91c1c;display:inline-flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer}.quick-access{margin-bottom:1rem;border-radius:.75rem;background-color:#fff;border:1px solid #e2e8f0;overflow:hidden}.quick-access-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.quick-access-tabs-wrapper{position:relative;display:flex;flex-direction:row}.quick-access-tabs-wrapper.disabled{opacity:.5}.tabs-overlay{position:absolute;inset:0;background-color:#f8fafc99;border-radius:.375rem;z-index:1;cursor:not-allowed}.quick-access-tabs{display:flex;flex-direction:row;gap:.5rem}.quick-access-tab{padding:.5rem 1rem;border:none;background:transparent;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.quick-access-tab:hover{background-color:#e2e8f0;color:#334155}.quick-access-tab.active{background-color:#0369a1;color:#fff}.quick-access-tab:disabled{cursor:not-allowed}.quick-access-tab:disabled:hover{background:transparent;color:#64748b}.quick-access-tab.active:disabled{background-color:#0369a1;color:#fff}.quick-access-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.quick-access-toggle:hover{background-color:#e2e8f0;color:#334155}.quick-access-content{padding:1.25rem}.quick-access-empty{color:#64748b;line-height:1.6}.quick-access-empty p{margin:0}.inline-icon{display:inline-flex;align-items:center;vertical-align:middle;margin:0 .25rem;color:#0369a1}.quick-access-suggestions{display:flex;flex-direction:column;gap:1rem}.suggestions-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.suggestion-card{display:block;padding:1rem;border-radius:.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;transition:all .2s ease}.suggestion-card:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.suggestion-header{font-size:.875rem;font-weight:600;color:#0369a1;margin-bottom:.5rem}.suggestion-content{font-size:.8125rem;color:#475569;line-height:1.5}.suggestions-disclaimer{font-size:.75rem;color:#464f5c;line-height:1.6;margin:0;padding-top:.5rem;border-top:1px solid #e2e8f0}.bookmark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:.75rem}.bookmark-card{border-radius:.5rem;border:1px solid #e2e8f0;background-color:#f8fafc;padding:1rem;display:flex;flex-direction:column;gap:.75rem;position:relative}.bookmark-card-link{text-decoration:none;color:inherit}.bookmark-card-content{font-size:.95rem;cursor:pointer;color:inherit}.bookmark-card-content:hover .bookmark-arabic{color:#334155}.bookmark-card:hover{border-color:#cbd5e1}.bookmark-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.bookmark-card-title{font-size:.9rem;font-weight:600;color:#0369a1;line-height:1.4}.bookmark-card-menu{position:relative}.bookmark-menu-toggle{border:none;background:transparent;font-size:1.3rem;line-height:1;cursor:pointer;padding:0;color:#64748b}.bookmark-menu{position:absolute;top:110%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 12px 24px #0f172a1a;z-index:10;min-width:120px}.bookmark-menu button{display:block;background:transparent;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:.85rem;color:#334155;cursor:pointer;display:flex;align-items:center;gap:.35rem}.bookmark-menu button:hover{background:#f1f5f9}.bookmark-card-content .bookmark-arabic{margin:0;color:#475569;font-weight:500;line-height:1.6;direction:rtl;font-family:qcf-uthmanic-digital,Uthmanic_NeoBCOLOR-VF,Uthmanic_NeoCOLOR-Regular,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;margin-right:.35rem}.bookmark-note-preview{margin:0;color:#475569;font-size:.95rem;line-height:1.4;max-height:3.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}@media(min-width:768px){.suggestions-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.suggestions-grid{grid-template-columns:repeat(3,1fr)}}@font-face{font-family:chapter-icons;src:url(/fonts/surahs_v4-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.chapter-icons{font-family:chapter-icons!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-display:block;font-size:3rem!important;color:#0c4a6e}.surah-list{margin-bottom:1rem}.surah-list-divider{height:1px;background-color:#e2e8f0;margin-bottom:1rem}.surah-list-loading,.surah-list-error{padding:2rem;text-align:center;color:#64748b;font-size:.9375rem}.surah-list-error{color:#dc2626}.surah-list-header{margin-bottom:1rem}.continue-reading-card{margin-bottom:.75rem;border-radius:.5rem;border-color:#e2e8f0;background:#fff;text-decoration:none;color:inherit;transition:border-color .2s;justify-content:center;display:flex;align-items:center}.continue-reading-card:hover{border-color:#0369a1}.continue-reading-line{display:flex;gap:.75rem;align-items:center;justify-content:center;text-align:center;flex-wrap:nowrap}.continue-reading-icon{font-size:2.3rem!important;color:#0c4a6e;line-height:1}.continue-reading-text{font-size:.95rem;color:#475569;display:inline-flex;gap:.35rem;align-items:baseline}.continue-reading-title{font-weight:700;color:#0c4a6e}.surah-list-tabs{display:flex;flex-direction:row;gap:1rem;border-bottom:1px solid #e2e8f0}.surah-list-tab{padding:.75rem .25rem;border:none;background:transparent;font-size:1rem;font-weight:500;color:#64748b;cursor:pointer;position:relative;transition:color .2s ease}.surah-list-tab:hover{color:#334155}.surah-list-tab.active{color:#0369a1}.surah-list-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#0369a1}.surah-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.surah-card{display:flex;flex-direction:row;align-items:center;padding:.75rem;border-radius:.5rem;border:1px solid #e2e8f0;background-color:#fff;transition:all .2s ease}.surah-card:hover{border-color:#0369a1;background-color:#f8fafc}.surah-card-number{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.surah-card-number svg{width:2.5rem;height:2.5rem}.surah-card-info{flex:1;display:flex;flex-direction:column;margin-left:.75rem;min-width:0}.surah-card-name{display:flex;flex-direction:row;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:600;color:#1e293b}.surah-card-name svg{flex-shrink:0}.surah-card-translation{font-size:.8125rem;color:#64748b;margin-top:.125rem}.surah-card-verses{font-size:.75rem;color:#94a3b8;margin-top:.125rem}.surah-card-arabic{flex-shrink:0;margin-left:auto;padding-left:1rem;font-size:1.25rem;color:#1e293b;direction:rtl}@media(min-width:640px){.surah-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.surah-grid{grid-template-columns:repeat(3,1fr)}}.bismillah{display:flex;flex-direction:column;text-align:center;flex-wrap:wrap;padding-bottom:.5rem;padding-top:.5rem;font-size:2.5rem;line-height:2.75rem;font-weight:600}@media(min-width:768px){.bismillah{font-size:2.75rem;line-height:3rem}}.surah-progress{position:absolute;left:0;right:0;bottom:0;height:4px;border-bottom:1px solid #e2e8f0;background:transparent}.surah-progress-fill{display:block;height:100%;background:#0369a1;transition:width .2s ease}.surah-info-modal{width:420px;min-width:820px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}@media(max-width:640px){.surah-info-modal{min-width:unset}}.surah-info-modal-header{display:flex;align-items:center;justify-content:space-between}.surah-info-modal-header h3{margin:0;font-size:1.05rem;font-weight:600;color:#0f172a}.surah-info-modal-close{border:1px solid #e2e8f0;background:transparent;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#0f172a;font-size:18px;cursor:pointer}.surah-info-modal-body{color:#334155;font-size:.95rem}.surah-info-modal-description{margin:0;line-height:1.6;color:#1e293b;font-size:.95rem;white-space:pre-line}.surah-details{position:sticky;top:var(--navbar-height);z-index:90;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:15px 20px;background:#fff;border-bottom:none}.surah-details-info{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;padding:.25rem .5rem;color:#0f172a;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:8px;transition:background-color .2s,color .2s}.surah-details-info:hover{background-color:#e2e8f0;color:#0c4a6e}.surah-details-info svg{flex-shrink:0}.surah-details-position{font-size:.9rem;color:#334155;font-weight:500}body.navbar-hidden .surah-details{top:0}@media(max-width:768px){.surah-details{padding:.75rem .5rem}.surah-details-info,.surah-details-position{font-size:.85rem}}.verse{padding:1.25rem 0;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem}.verse--compact{padding:0;border-bottom:none;gap:.35rem}.verse--inline{display:inline;padding:0;margin:0}.verse--inline .verse-arabic{display:inline;gap:0}.verse--inline .verse-arabic-text{display:inline}.verse--continuous{padding:.75rem 0;border-bottom:none}.verse--continuous.verse--inline{padding:0}.verse--side-by-side{border-bottom:1px solid #e2e8f0}.verse-header{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.verse-header-left{display:flex;align-items:center;gap:.75rem}.verse-key-link{background:#e0f2fe;color:#0c4a6e;padding:.25rem .75rem;border-radius:999px;font-weight:600;font-size:.85rem;text-decoration:none;cursor:pointer;transition:color .2s,background-color .2s}.verse-key-link:hover{background:#bae6fd;color:#0369a1}.verse-actions{display:flex;align-items:center;gap:.5rem}.verse-action{width:34px;height:34px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#0f172a;transition:border-color .2s,color .2s,background-color .2s;position:relative;cursor:pointer}.verse-action:hover{border-color:#0369a1;color:#0369a1}.verse-action.is-bookmarked{background:#ddf4ff;border-color:#38bdf8;color:#0369a1}.verse-action.is-bookmarked:hover{background:#bae6fd;border-color:#0ea5e9;color:#0369a1}.verse-action.is-noted{background:#e0f2fe;border-color:#0ea5e9;color:#0369a1}.verse-action.is-noted:hover{background:#bae6fd;border-color:#0ea5e9;color:#0369a1}.verse-action svg{width:16px;height:16px;fill:currentColor}.verse-action-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:.25rem .5rem;border-radius:999px;background:#0f172a;color:#fff;font-size:.7rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease}.verse-action:hover .verse-action-tooltip{opacity:1;transform:translate(-50%) translateY(-2px)}.verse-arabic{font-size:1.4rem;color:#0f172a;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.35rem;direction:rtl;text-align:right;unicode-bidi:isolate}.verse-arabic-text{font-family:qcf-uthmanic-digital,Uthmanic_NeoBCOLOR-VF,Uthmanic_NeoCOLOR-Regular,serif;font-size:2.5rem;line-height:1.6;padding:10px}.verse-word{font-family:qcf-uthmanic-digital,Uthmanic_NeoBCOLOR-VF,Uthmanic_NeoCOLOR-Regular,serif;font-size:2.5rem;line-height:1.6;display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .7rem;border-radius:8px;text-align:center}.verse--inline .verse-word{margin:0 .2rem;padding:.35rem .25rem}.verse-word-clickable{cursor:pointer;transition:background-color .2s ease}.verse-word-clickable:hover{background-color:#f1f5f9}.verse-word-text{line-height:1.4}.verse-word-meta{display:flex;flex-direction:column;gap:.15rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.8rem;line-height:1.2;color:#64748b;direction:ltr}.verse-word-transliteration{color:#475569}.verse-word-translation{color:#334155}.verse-word-end{color:#0369a1}.verse-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.verse-column{display:flex;flex-direction:column;gap:1rem}.verse-column-arabic .verse-arabic{justify-content:flex-start}.verse-word-empty{color:#94a3b8}.verse-block{display:flex;flex-direction:column;gap:.35rem}.verse-text{margin:0;color:#000;font-size:1rem;line-height:1.7;display:flex}.verse-label{font-size:.85rem;color:#64748b}.verse-description-toggle{margin-left:.45rem;background:transparent;border:none;color:#0ea5e9;cursor:pointer;display:inline-flex;align-items:center;font-size:18px}.verse-description{margin-top:.5rem;padding:.65rem;border-radius:.5rem;border:1px solid #cbd5e1;background:#f8fafc;position:relative;color:#0f172a;line-height:1.5}.verse-description-close{position:absolute;top:.35rem;right:.35rem;border:none;background:transparent;color:#64748b;cursor:pointer;line-height:1;font-size:18px}@media(max-width:768px){.verse{padding:1rem 0}.verse-action{width:32px;height:32px}.verse-text{font-size:.95rem}}.surah-page{padding:calc(var(--navbar-height) + 0rem) 0 1 0;display:flex;flex-direction:column;gap:1.25rem}.surah-loading,.surah-error{padding:2rem;text-align:center;color:#64748b;font-size:.9375rem}.surah-error{color:#dc2626}.surah-page-content{color:#334155;padding-left:10px;padding-right:10px}.surah-verse-list{display:flex;flex-direction:column}.surah-verse-list.is-continuous{gap:1.5rem}.surah-verse-sentinel{height:1px}.surah-page-group{border:none;border-radius:0;padding:0;background:transparent;display:flex;flex-direction:column;gap:.75rem}.surah-page-group .surah-page-banner{margin:.75rem 0 0;width:100%}.surah-page-group-content{direction:rtl;text-align:right}.surah-page-banner{margin:auto;padding:.4rem 1.25rem;border-radius:999px;border:1px solid #e2e8f0;background:#f1f5f9;color:#475569;font-size:.85rem;font-weight:500;text-align:center;width:100%}.surah-jump-controls{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem;justify-content:center}.surah-jump-button{border-radius:999px;border:1px solid #cbd5f5;background:#f8fafc;color:#0f172a;padding:.45rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.surah-jump-button:hover{border-color:#0369a1;color:#0369a1;background-color:#e0f2fe}.coming-soon-banner{border:1px dashed #cbd5e1;border-radius:1rem;padding:1rem 1.25rem;text-align:left;background:#f8fafc;color:#0f172a;margin-top:20px}.coming-soon-label{display:inline-flex;align-items:center;justify-content:center;background:#e0f2fe;color:#0369a1;border-radius:999px;padding:.2rem .75rem;font-size:.75rem;font-weight:600;margin-bottom:.35rem}.coming-soon-title{margin:0;font-size:1rem;font-weight:600}.coming-soon-message{margin:.25rem 0 0;font-size:.9rem;color:#475569}.toast-container{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.75rem 1.25rem;border-radius:8px;background:#1e293b;color:#fff;font-size:.9rem;font-weight:500;box-shadow:0 4px 12px #00000026;cursor:pointer;pointer-events:auto;animation:toast-slide-in .3s ease}.toast--success{background:#059669}.toast--error{background:#dc2626}.toast--info{background:#1e293b}.toast-message{white-space:nowrap}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.toast-container{bottom:80px;left:1rem;right:1rem;transform:none}.toast{text-align:center}.toast-message{white-space:normal}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding-left:10px;padding-right:10px}