@import url(https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@font-face{font-family:Mushaf;src:url(../fonts/Mushaf.ttf)}@font-face{font-family:Kitab;src:url(../fonts/Kitab-Regular.ttf)}@font-face{font-family:Daria;src:url(../fonts/Daria.ttf)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#e8d8c4;min-height:100vh;padding:40px 0;direction:ltr;position:relative}.pages-container{max-width:1800px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;transition:transform .3s ease,margin-right .3s ease}.bookmark-open .pages-container,.comments-open .pages-container,.thumbnails-open .pages-container{margin-right:280px}.comments-open .pages-container{margin-right:380px}.thumbnails-open .pages-container{margin-right:320px}.pages-container.zoomed{padding-bottom:50px}.page-pair{display:flex;justify-content:center;margin-bottom:40px;flex-wrap:nowrap;padding:10px 0;position:relative;min-height:1123px;transition:all .3s ease}.pages-container.zoomed .page-pair{justify-content:flex-start;width:max-content;margin-left:auto;margin-right:auto}.pages-container:not(.zoomed) .quran-page:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.3)}.pages-container.zoomed .quran-page:hover{transform:none;box-shadow:0 8px 16px rgba(0,0,0,.2)}.quran-page{background-color:#fff;width:794px;height:1123px;box-shadow:0 8px 16px rgba(0,0,0,.2);border:60px solid hsl(47deg 95% 43% / 10%);position:relative;transition:all .3s ease;flex-shrink:0;margin:0 auto;transform-origin:center top}.page-border{width:100%;height:100%;position:absolute;top:0;left:0;border:10px solid #d8ac05}.inner-border{width:calc(100% - 50px);height:calc(100% - 50px);position:absolute;top:25px;left:15px;right:15px;bottom:25px;border:1px solid #d8ac05;align-items:center;margin:0 auto}.page-content{position:absolute;top:40px;left:40px;right:40px;bottom:50px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border:1px solid #d8ac05;padding-bottom:10px;background-color:#dbac051c}.page-title{font-size:13px;font-weight:700;color:#5c4033;margin-left:10px;margin-right:10px;margin-top:10px;flex:1;text-align:center}.page-number{font-size:13px;color:#5c4033;margin-right:10px;margin-left:10px;margin-top:10px}.content-section{height:calc(100% - 20px);overflow:scroll;scrollbar-width:none}.besmele-turkce{text-align:center;font-style:italic;font-size:22px;margin:30px 0;color:#5c4033}.verse-container{margin-bottom:15px;line-height:1.4;text-align:justify}.verse-reference{font-weight:700;color:#5c4033}.verse-translation{font-size:16px;color:#333;margin-left:5px}.arabic-page{direction:rtl}.arabic-section{margin-top:40px;direction:rtl;text-align:right}.besmele-arabic{font-family:Mushaf;font-size:32px;text-align:center;margin:30px 0;color:maroon;direction:rtl}.arabic-text{font-family:Mushaf;font-feature-settings:"rlig" 1;font-kerning:normal;line-height:1.72;text-align:justify;text-align-last:center;font-size:31px;color:#333;direction:rtl;margin-bottom:10px}.verse-number{display:inline-block;background-color:transparent;border:none;padding:0;margin:0 5px;text-align:center;vertical-align:middle;line-height:1.2;font-size:22px;color:#b8860b}.loading{text-align:center;padding:50px;font-size:24px;color:#5c4033}.error{text-align:center;padding:50px;font-size:24px;color:red}.besmele{font-family:Mushaf,Scheherazade,serif;color:maroon;font-size:36px;display:block;text-align:center;margin:20px auto;padding:15px 10px;border:1px solid #d8ac05;background-color:rgba(216,172,5,.06);line-height:1.6;direction:rtl}.allahumme-inni{color:maroon;font-weight:700}.allahumme{color:maroon}.kirmizi{color:maroon}.sas{color:#006400;font-style:italic}.ayet-numara{font-size:22px;color:#b8860b}.ayet-parantez-1,.ayet-parantez-2{color:#b8860b}.ayet-gulu-svg{display:inline-block;width:20px;height:20px;background-image:url('assets/images/ayet-gulu.svg');background-size:contain;background-repeat:no-repeat;vertical-align:middle}.bookmark-panel,.comments-panel,.thumbnails-panel{position:fixed;top:0;height:100%;background-color:#fff;box-shadow:-5px 0 15px rgba(0,0,0,.1);z-index:1000;overflow-y:auto;transition:right .3s ease;padding:20px 0}.bookmark-panel{width:280px;right:-280px}.thumbnails-panel{width:320px;right:-320px}.comments-panel{width:380px;right:-380px}.bookmark-open .bookmark-panel{right:0}.thumbnails-open .thumbnails-panel{right:0}.comments-open .comments-panel{right:0}.bookmark-header,.comments-header,.thumbnails-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px 15px;border-bottom:1px solid #eee;margin-bottom:15px}.bookmark-header h3,.comments-header h3,.thumbnails-header h3{font-size:18px;color:#5c4033}.bookmark-close,.comments-close,.thumbnails-close{cursor:pointer;color:#5c4033;font-size:18px}.bookmark-list{list-style:none}.bookmark-item{padding:12px 20px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background-color .2s}.bookmark-item:hover{background-color:#f9f3e9}.bookmark-item.active{background-color:#f0e6d2;border-left:4px solid #d8ac05}.bookmark-item-trash{float:right;color:#999;padding:2px 5px;transition:color .2s}.bookmark-item-trash:hover{color:#d63031}.thumbnails-container{display:flex;flex-direction:column;padding:0 20px}.thumbnail-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.thumbnail-image{width:100%;height:auto;border:2px solid transparent;border-radius:8px;transition:border-color .2s}.thumbnail-item:hover .thumbnail-image{border-color:#d8ac05}.thumbnail-item.active .thumbnail-image{border-color:#d8ac05;box-shadow:0 0 10px rgba(216,172,5,.5)}.thumbnail-page-number{margin-top:5px;color:#5c4033;font-size:14px}.comments-container{padding:0;flex:1;overflow-y:auto}.comment-input-wrapper{position:relative;padding:15px;border-bottom:1px solid #eee;background-color:#fff}.comment-input{width:100%;padding:12px 40px 12px 15px;border:1px solid #ddd;border-radius:20px;font-size:14px;color:#333}.comment-at-button{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#5c4033;background:0 0;border:none;cursor:pointer;font-size:18px}.comments-list{padding:15px}.comment-section{margin-bottom:20px}.comment-section-header{display:flex;align-items:center;margin-bottom:10px;font-weight:500}.comment-section-title{font-weight:700;color:#5c4033}.comment-count{margin-left:10px;font-size:12px;color:#777;background-color:#f5f5f5;padding:2px 6px;border-radius:10px}.no-comments-message{text-align:center;padding:20px;color:#777;font-style:italic}.comment-item{margin-bottom:15px;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.comment-header{display:flex;align-items:center;margin-bottom:5px}.comment-avatar{width:32px;height:32px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#5c4033;font-weight:700;font-size:14px;margin-right:10px}.comment-author{font-weight:500;color:#333}.comment-date{margin-left:auto;font-size:12px;color:#999}.comment-text{margin-left:42px;font-size:14px;line-height:1.4;color:#333;margin-bottom:8px}.comment-actions{margin-left:42px;display:flex;gap:15px}.comment-action{font-size:12px;color:#777;cursor:pointer}.comment-action:hover{color:#5c4033;text-decoration:underline}.page-controls{position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -3px 10px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;padding:10px 0;z-index:900;flex-wrap:wrap}.control-button{background-color:#fff;border:1px solid #d8ac05;color:#5c4033;margin:0 10px;padding:8px 15px;border-radius:4px;cursor:pointer;transition:all .2s}.control-button:hover{background-color:#f9f3e9}.control-button.active{background-color:#d8ac05;color:#fff}.control-section{display:flex;align-items:center;margin:0 15px}.page-input{width:60px;padding:8px;border:1px solid #d8ac05;border-radius:4px;text-align:center;margin:0 5px}.total-pages{color:#5c4033}.zoom-level{color:#5c4033;width:50px;text-align:center}.side-toolbar{position:fixed;top:50%;right:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;z-index:1000}.toolbar-button{width:40px;height:40px;border-radius:50%;background-color:#fff;color:#5c4033;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:all .2s}.toolbar-button:hover{background-color:#f9f3e9;transform:scale(1.05)}.toolbar-button.active{background-color:#d8ac05;color:#fff}.zoom-controls-container{display:none!important}.zoom-control-button{width:40px;height:40px;border-radius:50%;background-color:#fff;color:#5c4033;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:all .2s;border:none}.zoom-control-button:hover{background-color:#f9f3e9;transform:scale(1.05)}.zoom-level-display{text-align:center;font-size:14px;color:#5c4033;font-weight:500}.context-menu{position:absolute;width:280px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.15);z-index:5000;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;font-size:14px;overflow:hidden;visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.context-menu.show{visibility:visible;opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s}.context-menu-group{padding:8px 0}.context-menu-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .15s;position:relative}.context-menu-item:hover{background-color:#f5f5f5}.context-menu-item.disabled{opacity:.5;cursor:default}.context-menu-item.disabled:hover{background-color:transparent}.menu-icon{width:24px;text-align:center;margin-right:12px;color:#555}.menu-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}.menu-check{width:24px;text-align:center;color:#4285f4}.context-menu-separator{height:1px;background-color:#e0e0e0;margin:0}.context-menu-header{padding:8px 16px;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:#777}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.shake-animation{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.single-page-mode .quran-page{margin:0 auto}.reading-mode{background-color:#f8f5e9}.reading-mode .quran-page{border-color:rgba(166,136,73,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.reading-mode .page-content{color:#3a2c21}@media (max-width:768px){.page-controls{flex-wrap:wrap;padding:8px 0}.control-section{margin:5px 10px}.control-button{padding:6px 10px;font-size:12px}.side-toolbar{right:10px}.toolbar-button{width:36px;height:36px;font-size:14px}.bookmark-open .pages-container,.comments-open .pages-container,.thumbnails-open .pages-container{margin-right:0}}@media (max-width:480px){.context-menu{width:250px;font-size:13px}.context-menu-item{padding:10px 12px}.menu-icon{margin-right:8px}.bookmark-panel,.comments-panel,.thumbnails-panel{width:100%;right:-100%}.bookmark-open .bookmark-panel,.comments-open .comments-panel,.thumbnails-open .thumbnails-panel{right:0}}p.besmele-turkce{display:block!important;text-align:center;font-style:italic;font-size:22px;margin:30px 0;color:#5c4033}.besmele-turkce{text-align:center;font-style:italic;font-size:22px;margin:30px 0;color:#5c4033;font-weight:500;padding:5px 0}.besmele-arabic{font-family:Scheherazade,serif;font-size:32px;text-align:center;margin:30px 0;color:maroon;direction:rtl}.besmele{font-family:Scheherazade,serif;color:maroon;font-size:36px;display:block;text-align:center;margin:20px 0;border:1px solid #d8ac05;padding:5px 0}.verse-container:first-child .verse-translation{font-weight:500}.verse-container.sure-start{margin-top:20px;border-top:1px solid rgba(216,172,5,.3);padding-top:10px}.editable-paragraph{border:1px dashed transparent;padding:5px;margin:5px 0;transition:all .2s;cursor:text}.editable-paragraph:hover{border-color:#d8ac05;background-color:rgba(216,172,5,.05)}.editable-paragraph:focus{border-color:#d8ac05;background-color:rgba(216,172,5,.1);outline:0;box-shadow:0 0 5px rgba(216,172,5,.3)}.edit-controls{margin-left:auto;border-left:1px solid #eee;padding-left:15px}.toolbar-button#editModeBtn.active{background-color:#d8ac05;color:#fff}.page-notification{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background-color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 3px 15px rgba(0,0,0,.2);z-index:9999;min-width:300px;display:flex;justify-content:space-between;align-items:center;animation:slidein .3s ease-out}.page-notification.success{border-left:4px solid #28a745}.page-notification.warning{border-left:4px solid #ffc107}.page-notification.error{border-left:4px solid #dc3545}.page-notification.info{border-left:4px solid #17a2b8}.notification-content{display:flex;align-items:center;gap:10px}.notification-content i.fa-check-circle{color:#28a745;font-size:20px}.notification-content i.fa-exclamation-triangle{color:#ffc107;font-size:20px}.notification-content i.fa-times-circle{color:#dc3545;font-size:20px}.notification-content i.fa-info-circle{color:#17a2b8;font-size:20px}.notification-close{background:0 0;border:none;cursor:pointer;color:#6c757d;transition:color .2s}.notification-close:hover{color:#343a40}@keyframes slidein{from{bottom:60px;opacity:0}to{bottom:80px;opacity:1}}.format-toolbar{position:absolute;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.15);padding:8px;display:flex;gap:5px;z-index:9999;visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility 0s linear .2s}.format-toolbar.show{visibility:visible;opacity:1;transform:translateY(0);transition:opacity .2s,transform .2s,visibility 0s linear 0s}.format-button{width:32px;height:32px;border-radius:4px;background-color:#fff;border:1px solid #ddd;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.format-button:hover{background-color:#f5f5f5}.format-button.active{background-color:#d8ac05;color:#fff;border-color:#d8ac05}.page-modified-indicator{position:absolute;top:5px;right:5px;width:10px;height:10px;border-radius:50%;background-color:#d8ac05;box-shadow:0 0 5px rgba(216,172,5,.5)}#saveJsonBtn{background-color:#28a745;color:#fff;border-color:#28a745;font-weight:500}#saveJsonBtn:hover{background-color:#218838;border-color:#1e7e34}@media (max-width:768px){.edit-controls{flex-wrap:wrap;padding:5px 0}.format-toolbar{flex-wrap:wrap;max-width:240px}}