@font-face{font-family:KFGQPC Uthman Taha Naskh;src:url(/fonts/KFGQPC-Uthman-Taha-Naskh.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--light-bg: #f8f9fa;--light-surface: #ffffff;--light-primary: #1d4ed8;--light-primary-darker: #1e40af;--light-primary-lighter: #eef2ff;--light-accent: #1d4ed8;--light-accent-darker: #1e40af;--light-text-primary: #212529;--light-text-secondary: #6c757d;--light-text-on-primary: #ffffff;--light-text-on-accent: #ffffff;--light-border: #dee2e6;--light-star-inactive: #ced4da;--light-star-active: #f59e0b;--light-share-button-bg: #4f46e5;--light-share-button-text: #ffffff;--light-tab-inactive-bg: #e9ecef;--light-tab-inactive-text: #495057;--light-tab-border: #dee2e6;--light-font-control-bg: #e9ecef;--light-font-control-text: #212529;--light-footer-bg: #ffffff;--light-footer-text: var(--light-text-primary);--light-footer-font-weight: 300;--light-header-sticky-bg: rgba(255, 255, 255, .9);--light-shadow: 0 1px 2px rgba(0, 0, 0, .05);--light-shadow-hover: 0 4px 6px rgba(0, 0, 0, .1);--light-transliteration-text: #495057;--dark-bg: #000000;--dark-surface: #121212;--dark-primary: #F7B42C;--dark-primary-darker: #daa520;--dark-primary-lighter: rgba(247, 180, 44, .1);--dark-accent: #F7B42C;--dark-accent-darker: #daa520;--dark-text-primary: #ffffff;--dark-text-secondary: #a0a0a0;--dark-text-on-primary: #000000;--dark-text-on-accent: #000000;--dark-border: rgba(255, 255, 255, .1);--dark-star-inactive: #555;--dark-star-active: #F7B42C;--dark-tab-inactive-bg: transparent;--dark-tab-inactive-text: #a0a0a0;--dark-font-control-bg: #1a1a1a;--dark-font-control-text: #ffffff;--dark-header-sticky-bg: rgba(0, 0, 0, .7);--dark-shadow: none;--dark-shadow-hover: none;--dark-transliteration-text: #90a4ae;--dark-glow-rgb: 247, 180, 44;--dark-footer-text: #e6edf3;--dark-footer-font-weight: 300;--app-bg-color: var(--light-bg);--surface-bg-color: var(--light-surface);--primary-color-val: var(--light-primary);--primary-darker-color-val: var(--light-primary-darker);--primary-lighter-color-val: var(--light-primary-lighter);--accent-color-val: var(--light-accent);--accent-darker-color-val: var(--light-accent-darker);--text-color-val: var(--light-text-primary);--text-secondary-color-val: var(--light-text-secondary);--text-on-primary-color-val: var(--light-text-on-primary);--text-on-accent-color-val: var(--light-text-on-accent);--border-color-val: var(--light-border);--star-inactive-color-val: var(--light-star-inactive);--star-active-color-val: var(--light-star-active);--share-btn-bg-val: var(--light-share-button-bg);--share-btn-text-val: var(--light-share-button-text);--tab-inactive-bg-color-val: var(--light-tab-inactive-bg);--tab-inactive-text-color-val: var(--light-tab-inactive-text);--tab-border-color-val: var(--light-tab-border);--font-control-bg-color-val: var(--light-font-control-bg);--font-control-text-color-val: var(--light-font-control-text);--footer-bg-color-val: var(--light-footer-bg);--footer-text-color-val: var(--light-footer-text);--footer-font-weight-val: var(--light-footer-font-weight);--header-sticky-bg-color-val: var(--light-header-sticky-bg);--shadow-val: var(--light-shadow);--shadow-hover-val: var(--light-shadow-hover)}body.dark-mode{--app-bg-color: var(--dark-bg);--surface-bg-color: var(--dark-surface);--primary-color-val: var(--dark-primary);--primary-darker-color-val: var(--dark-primary-darker);--primary-lighter-color-val: var(--dark-primary-lighter);--accent-color-val: var(--dark-accent);--accent-darker-color-val: var(--dark-accent-darker);--text-color-val: var(--dark-text-primary);--text-secondary-color-val: var(--dark-text-secondary);--text-on-primary-color-val: var(--dark-text-on-primary);--text-on-accent-color-val: var(--dark-text-on-accent);--border-color-val: var(--dark-border);--star-inactive-color-val: var(--dark-star-inactive);--star-active-color-val: var(--dark-star-active);--share-btn-bg-val: var(--dark-accent);--share-btn-text-val: var(--dark-text-on-accent);--tab-inactive-bg-color-val: var(--dark-tab-inactive-bg);--tab-inactive-text-color-val: var(--dark-tab-inactive-text);--tab-border-color-val: var(--dark-border);--font-control-bg-color-val: var(--dark-font-control-bg);--font-control-text-color-val: var(--dark-font-control-text);--footer-bg-color-val: var(--dark-surface);--footer-text-color-val: var(--dark-footer-text);--footer-font-weight-val: var(--dark-footer-font-weight);--header-sticky-bg-color-val: var(--dark-header-sticky-bg);--shadow-val: var(--dark-shadow);--shadow-hover-val: var(--dark-shadow-hover);--dark-transliteration-text: var(--dark-transliteration-text)}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;margin:0;background-color:var(--app-bg-color);color:var(--text-color-val);line-height:1.6;transition:background-color .3s,color .3s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-2;transition:opacity .5s ease;opacity:0}body.dark-mode:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(var(--dark-glow-rgb),.15),transparent);opacity:1}.app-wrapper{min-height:100vh;display:flex;justify-content:center;background-color:var(--app-bg-color);background-image:url(/background-pattern.png);background-size:200px;background-attachment:fixed;background-repeat:repeat;padding:0}.app-container{width:100%;max-width:1200px;min-height:100vh;box-shadow:var(--shadow-val);display:flex;flex-direction:column;background-color:var(--surface-bg-color);position:relative;overflow:hidden}body.dark-mode .app-container{box-shadow:var(--shadow-hover-val)}.view{display:none;width:100%;box-sizing:border-box}.view.active-view{display:block;animation:fadeIn .5s ease-out}.app-header{background-color:var(--primary-color-val);color:var(--text-on-primary-color-val);padding:40px 20px;text-align:center;width:100%;box-sizing:border-box;position:relative;overflow:hidden;background-image:url(/header-pattern.png)!important;background-size:300px!important;background-repeat:repeat!important}.header-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-text{text-align:center}.app-header h1{margin:0 0 10px;font-size:2.2em;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.app-header .subtitle{margin:0 0 10px;font-size:1.1em;opacity:.9;font-weight:500;letter-spacing:.5px}.app-header .description{font-size:.95em;opacity:.85;line-height:1.5;max-width:600px;margin:0 auto;font-weight:300}.hamburger-menu-button{position:absolute;top:15px;right:15px;width:45px;height:45px;border-radius:50%;background-color:#ffffff26;color:var(--text-on-primary-color-val);border:1px solid rgba(255,255,255,.2);font-size:1.2em;cursor:pointer;z-index:5;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.hamburger-menu-button:hover{background-color:#ffffff40;transform:scale(1.1);border-color:#fff6}body.dark-mode .app-header,body.premium-gold-mode .app-header{background-color:var(--surface-bg-color);color:var(--text-color-val);border-bottom:1px solid var(--border-color-val);background-image:none!important}body.dark-mode .hamburger-menu-button,body.premium-gold-mode .hamburger-menu-button{background-color:#ffffff0d;border-color:var(--border-color-val);color:var(--text-color-val)}body.dark-mode .hamburger-menu-button:hover,body.premium-gold-mode .hamburger-menu-button:hover{background-color:#ffffff1a;border-color:var(--primary-color-val)}#main-view{padding:30px 20px;flex-grow:1}.daily-prayer-container{margin:0 auto 30px;width:100%;max-width:600px}.daily-prayer-card{border-radius:18px;padding:25px;animation:fadeIn .6s ease-out;border-left:5px solid var(--accent-color-val)}.search-container{margin:0 auto 25px;width:100%;max-width:600px}.search-input-wrapper{position:relative;display:flex;align-items:center;padding:15px 20px;border-radius:35px;transition:all .3s ease}.search-input-wrapper:focus-within{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-hover-val)}.search-container .search-icon{margin-right:12px;color:var(--primary-color-val);font-size:1.2em}#search-input{border:none;outline:none;flex-grow:1;font-size:1.05em;background-color:transparent;color:var(--text-color-val);font-family:Montserrat,sans-serif;padding-right:40px}#search-input::placeholder{color:var(--text-secondary-color-val);opacity:.8}.search-clear-button{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:10px;margin:0;font-size:1.1em;color:var(--text-secondary-color-val);border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-clear-button:hover{color:var(--text-color-val);background-color:var(--primary-lighter-color-val)}.search-clear-button[hidden]{display:none}.search-clear-button:not([hidden]){display:flex}.action-buttons-container{margin:0 auto 25px;width:100%;max-width:600px;display:flex;gap:15px}.share-page-button,.playstore-button{display:flex;align-items:center;justify-content:center;padding:16px;border:none;border-radius:30px;font-size:1.05em;cursor:pointer;font-weight:600;flex:1;box-sizing:border-box;box-shadow:var(--shadow-val);transition:all .3s ease;font-family:Montserrat,sans-serif;letter-spacing:.5px;text-decoration:none}.share-page-button{background-color:var(--share-btn-bg-val);color:var(--share-btn-text-val)}.playstore-button{background-color:#00d09c;color:#fff}.share-page-button:hover,.playstore-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover-val)}.share-page-button:hover{background-color:var(--accent-darker-color-val)}.playstore-button:hover{background-color:#00b386}.share-page-button i,.playstore-button i{margin-right:10px;font-size:1.1em}.tabs-container{margin:0 auto 25px;width:100%;max-width:600px}.tabs{display:flex;border-radius:35px;overflow:hidden;transition:all .3s ease}.tab-button{flex:1;padding:16px;background-color:var(--tab-inactive-bg-color-val);border:none;cursor:pointer;font-size:1em;color:var(--tab-inactive-text-color-val);font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-family:Montserrat,sans-serif}.tab-button:not(:last-child){border-right:1px solid var(--border-color-val)}.tab-button.active{background-color:var(--primary-color-val);color:var(--text-on-primary-color-val)}.tab-button:hover:not(.active){background-color:var(--primary-lighter-color-val)}.items-list{padding:0;max-width:800px;margin:0 auto}.items-list .item{padding:20px;margin-bottom:15px;border-radius:18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-sizing:border-box;transition:all .3s ease;position:relative;overflow:hidden}.items-list .item-title{flex-grow:1;margin-right:15px;font-size:1.05em;font-weight:500;transition:color .3s ease;padding-left:10px}.items-list .favorite-star{color:var(--star-inactive-color-val);font-size:1.5em;cursor:pointer;padding:8px;transition:all .3s ease;border-radius:50%}.items-list .favorite-star:hover{color:var(--star-active-color-val);transform:scale(1.2) rotate(5deg);background-color:#ffc4001a}.items-list .favorite-star.favorited{color:var(--star-active-color-val)}.items-list .category-header-item h3{color:var(--primary-color-val);margin:30px auto 15px;padding-bottom:10px;border-bottom:2px solid var(--primary-color-val);font-size:1.3em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}body:not(.dark-mode) .daily-prayer-card,body:not(.dark-mode) .search-input-wrapper,body:not(.dark-mode) .tabs,body:not(.dark-mode) .items-list .item{background-color:var(--surface-bg-color);box-shadow:var(--shadow-val);border:1px solid var(--border-color-val)}body:not(.dark-mode) .daily-prayer-card:hover,body:not(.dark-mode) .search-input-wrapper:focus-within,body:not(.dark-mode) .items-list .item:hover{box-shadow:var(--shadow-hover-val);border-color:var(--primary-color-val);transform:scale(1.02) translateY(-4px)}body:not(.dark-mode) .items-list .item:hover .item-title{color:var(--primary-color-val)}body:not(.dark-mode) .items-list .item.last-viewed{background-color:var(--primary-lighter-color-val)!important;border-color:var(--primary-color-val)!important}body.dark-mode .daily-prayer-card,body.dark-mode .search-input-wrapper,body.dark-mode .tabs,body.dark-mode .items-list .item{background-color:var(--surface-bg-color);border:1px solid var(--border-color-val);box-shadow:none}body.dark-mode .items-list .item:before,body.dark-mode .search-input-wrapper:before,body.dark-mode .tabs:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;background:linear-gradient(to bottom,#ffffff1a,#ffffff05)}body.dark-mode .daily-prayer-card,body.dark-mode .items-list .item{border-left:none}body.dark-mode .items-list .item:hover,body.dark-mode .search-input-wrapper:focus-within{box-shadow:0 0 20px rgba(var(--dark-glow-rgb),.3);border-color:rgba(var(--dark-glow-rgb),.4);transform:translateY(0)}body.dark-mode .items-list .item:hover .item-title{color:var(--primary-color-val)}body.dark-mode .items-list .item.last-viewed{background-color:var(--primary-lighter-color-val)!important;border-color:var(--primary-color-val)!important}body.dark-mode .items-list .item.last-viewed:before{background:none!important}#category-prayers-view{padding:0;flex-grow:1}.category-prayers-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border-color-val);position:sticky;top:0;background-color:var(--header-sticky-bg-color-val);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:100}.category-prayers-header .back-button{background:none;border:none;font-size:1.2em;color:var(--primary-color-val);cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-family:Montserrat,sans-serif}.category-prayers-header .back-button:hover{background-color:var(--primary-lighter-color-val)}.category-prayers-header h2{margin:0 5px;font-size:1.3em;color:var(--text-color-val);font-weight:600;text-align:center;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-controls-category{display:flex;align-items:center;background-color:var(--font-control-bg-color-val);border-radius:20px;padding:3px 8px;flex-shrink:0}.font-controls-category button{background-color:transparent;border:none;color:var(--font-control-text-color-val);width:35px;height:35px;border-radius:50%;font-size:1em;cursor:pointer;transition:all .3s ease}.font-controls-category button:hover{background-color:#0000001a}.font-controls-category span{font-size:1.1em;font-weight:700;color:var(--font-control-text-color-val);padding:0 8px}.category-prayers-content-list{padding:20px;max-width:900px;margin:0 auto}.prayer-item{padding:25px;margin-bottom:25px;border-radius:18px;font-size:16px;transition:all .3s ease;position:relative;overflow:hidden}.prayer-item .prayer-title{font-size:1.3em;font-weight:600;color:var(--primary-color-val);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color-val);letter-spacing:.5px}.prayer-item .arabic-text{font-family:KFGQPC Uthman Taha Naskh,Amiri Quran,Amiri,serif;margin-bottom:25px;line-height:2;text-align:right;color:var(--text-color-val);direction:rtl;font-weight:500;font-feature-settings:"liga" on,"rlig" on,"calt" on;padding:20px;background-color:var(--primary-lighter-color-val);border-radius:10px;position:relative;transition:max-height .5s ease-out,opacity .3s ease-out,padding .5s ease-out,margin .5s ease-out,visibility 0s;overflow:hidden}body.dark-mode .prayer-item .arabic-text{font-family:Amiri,serif}body.dark-mode .prayer-item:hover .arabic-text{background-color:#f7b42c26}.prayer-item .arabic-text.hidden{max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;opacity:0;visibility:hidden;transition:max-height .3s ease-in,opacity .2s ease-in,padding .3s ease-in,margin .3s ease-in,visibility 0s .3s}.prayer-item .arabic-text:before,.prayer-item .arabic-text:after{position:absolute;font-size:3em;color:var(--primary-color-val);opacity:.2;font-family:Georgia,serif;line-height:1}.prayer-item .arabic-text:before{content:"”";top:5px;right:10px}.prayer-item .arabic-text:after{content:"“";bottom:5px;left:10px}.prayer-item .transliteration-text,.prayer-item .albanian-text{margin-bottom:20px;font-size:1.05em;line-height:1.8;padding:0 10px;transition:max-height .5s ease-out,opacity .3s ease-out,padding .5s ease-out,margin .5s ease-out,visibility 0s;overflow:hidden}.prayer-item .transliteration-text.hidden,.prayer-item .albanian-text.hidden{max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;opacity:0;visibility:hidden;transition:max-height .3s ease-in,opacity .2s ease-in,padding .3s ease-in,margin .3s ease-in,visibility 0s .3s}.prayer-item .transliteration-text{font-style:italic;font-weight:500}body:not(.dark-mode) .prayer-item .transliteration-text{color:var(--light-transliteration-text)}body.dark-mode .prayer-item .transliteration-text{color:var(--dark-transliteration-text)}.prayer-item .source-text{font-style:italic;color:var(--text-secondary-color-val);font-size:.95em;margin-top:20px;padding-top:15px;border-top:1px dashed var(--border-color-val)}.prayer-item .action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:25px}.prayer-item .action-buttons .action-btn{padding:14px 12px;border-radius:30px;font-size:.95em;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;font-weight:500;letter-spacing:.5px}.prayer-item .action-buttons .action-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover-val)}.prayer-item .action-buttons .action-btn i{margin-right:8px;font-size:1.1em}.prayer-item .action-buttons .fav-btn-individual{background-color:var(--primary-color-val);color:var(--text-on-primary-color-val)}.prayer-item .action-buttons .fav-btn-individual.favorited{background-color:var(--star-active-color-val);color:var(--text-on-accent-color-val)}body.dark-mode .prayer-item .action-buttons .fav-btn-individual.favorited{color:#000}.prayer-item .action-buttons .share-btn{background-color:var(--accent-color-val);color:var(--text-on-accent-color-val)}.prayer-item .action-buttons .copy-prayer-btn{background-color:var(--text-secondary-color-val);color:var(--surface-bg-color)}body.dark-mode .prayer-item .action-buttons .copy-prayer-btn{background-color:var(--border-color-val);color:var(--text-color-val)}.category-view-controls{padding:20px;border-bottom:1px solid var(--border-color-val);background-color:var(--surface-bg-color)}.view-options-container{display:flex;justify-content:center;gap:15px;max-width:500px;margin:0 auto}.view-option-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:2px solid var(--border-color-val);border-radius:30px;font-weight:600;font-size:.95em;color:var(--text-secondary-color-val);cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;outline:none;white-space:nowrap}.view-option-btn i{font-size:1.2em;transition:color .3s ease;color:var(--text-secondary-color-val)}.view-option-btn:hover:not(.active){border-color:var(--primary-color-val);color:var(--primary-color-val)}.view-option-btn:hover:not(.active) i{color:var(--primary-color-val)}.view-option-btn.active{background-color:var(--primary-color-val);border-color:var(--primary-color-val);color:var(--text-on-primary-color-val)}.view-option-btn.active i{color:var(--text-on-primary-color-val)}.view-option-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.view-options-container{gap:10px}.view-option-btn span{display:none}.view-option-btn{width:48px;height:48px;padding:0;border-radius:50%;gap:0}}body:not(.dark-mode) .prayer-item{background-color:var(--surface-bg-color);box-shadow:var(--shadow-val);border:1px solid var(--border-color-val)}body:not(.dark-mode) .prayer-item:hover{box-shadow:var(--shadow-hover-val);border-color:var(--primary-color-val);transform:translateY(-4px)}body.dark-mode .prayer-item{background-color:var(--surface-bg-color);border:1px solid var(--border-color-val);box-shadow:none}body.dark-mode .prayer-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;background:linear-gradient(to bottom,#ffffff1a,#ffffff05)}body.dark-mode .prayer-item:hover{box-shadow:0 0 20px rgba(var(--dark-glow-rgb),.3);border-color:rgba(var(--dark-glow-rgb),.4);transform:translateY(0)}.app-footer{color:var(--footer-text-color-val);font-weight:var(--footer-font-weight-val);padding:40px 20px;text-align:center;width:100%;box-sizing:border-box;position:relative;overflow:hidden;transition:all .3s ease}body:not(.dark-mode) .app-footer{background-color:var(--footer-bg-color);border-top:1px solid var(--border-color-val)}body.dark-mode .app-footer{background-color:var(--footer-bg-color);border-top:1px solid var(--border-color-val)}.footer-content{position:relative;z-index:1}.app-footer p{margin:6px 0;line-height:1.6}.app-footer .footer-seo-description,.app-footer .footer-seo-keywords{font-size:.9em;max-width:90%;margin:15px auto 0}body:not(.dark-mode) .app-footer .footer-seo-description,body:not(.dark-mode) .app-footer .footer-seo-keywords{font-weight:300}.footer-links{margin-top:25px;padding-top:20px;border-top:1px solid var(--border-color-val);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px 25px}body.dark-mode .footer-links{border-top-color:var(--border-color-val)}.footer-links a{color:var(--footer-text-color-val);text-decoration:none;font-size:.95em;font-weight:500;padding:5px 10px;border-radius:5px;transition:all .3s ease}.footer-links a:hover{opacity:1;text-decoration:underline;transform:translateY(-2px)}body:not(.dark-mode) .footer-links a:hover{background-color:var(--primary-lighter-color-val)}body.dark-mode .footer-links a:hover{color:var(--primary-color-val)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1600;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.modal-overlay.visible{opacity:1;visibility:visible;transition-delay:0s}body.modal-open{overflow:hidden}.modal-content{background-color:var(--surface-bg-color);border-radius:16px;box-shadow:var(--shadow-hover-val);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.95);transition:transform .3s ease}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid var(--border-color-val);flex-shrink:0}.modal-title{margin:0;font-size:1.4em;font-weight:600;color:var(--primary-color-val)}.modal-close-btn{background:none;border:none;font-size:2em;font-weight:300;color:var(--text-secondary-color-val);cursor:pointer;line-height:1;padding:0 10px;transition:color .2s ease}.modal-close-btn:hover{color:var(--text-color-val)}.modal-body{padding:25px;overflow-y:auto;line-height:1.7;color:var(--text-secondary-color-val)}.modal-body h4{color:var(--text-color-val);font-weight:600;margin-top:20px;margin-bottom:10px;display:flex;align-items:center;gap:10px}.modal-body h4:first-child{margin-top:0}.modal-body h4 .fas{color:var(--primary-color-val);font-size:1.1em;width:20px;text-align:center}.modal-body p{margin-top:0;margin-bottom:15px;padding-left:30px;border-left:2px solid var(--primary-lighter-color-val);margin-left:9px;padding-bottom:5px}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1500;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.sidebar{position:fixed;top:0;right:0;height:100%;width:300px;max-width:85%;background-color:var(--surface-bg-color);z-index:1501;display:flex;flex-direction:column;transform:translate(100%)}body:not(.dark-mode) .sidebar{border-left:1px solid var(--border-color-val);box-shadow:-5px 0 15px #0000001a}body.dark-mode .sidebar{border-left:1px solid var(--border-color-val)}body.transitions-ready .sidebar{transition:transform .35s cubic-bezier(.25,.46,.45,.94)}body.sidebar-open .sidebar-overlay{opacity:1;visibility:visible;transition-delay:0s}body.sidebar-open .sidebar{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color-val);flex-shrink:0}.sidebar-header h3{margin:0;font-size:1.4em;font-weight:600;color:var(--primary-color-val)}.sidebar-close-button{background:none;border:none;font-size:1.5em;color:var(--text-secondary-color-val);cursor:pointer;padding:10px;line-height:1;border-radius:50%;transition:all .2s ease}.sidebar-close-button:hover{color:var(--text-color-val);background-color:var(--primary-lighter-color-val)}.sidebar-content{padding:20px;overflow-y:auto;flex-grow:1}.sidebar-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--border-color-val)}.sidebar-action-button{width:100%;padding:15px;background-color:var(--primary-lighter-color-val);border:none;border-radius:12px;font-size:1em;font-weight:500;color:var(--text-color-val);cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;transition:all .2s ease;font-family:Montserrat,sans-serif}.sidebar-action-button:hover{background-color:var(--primary-color-val);color:var(--text-on-primary-color-val)}.sidebar-action-button i{font-size:1.2em;width:20px;text-align:center}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li a{display:flex;align-items:center;gap:15px;padding:16px 12px;text-decoration:none;color:var(--text-secondary-color-val);font-weight:500;border-radius:10px;transition:all .2s ease}.sidebar-nav li a:hover{color:var(--text-color-val);background-color:var(--primary-lighter-color-val)}.sidebar-nav li a i{font-size:1.4em;width:25px;text-align:center;color:var(--primary-color-val)}.sidebar-nav li a:hover i{color:var(--accent-color-val)}.no-results{text-align:center;padding:35px 25px;color:var(--text-secondary-color-val);font-size:1.2em;background-color:var(--primary-lighter-color-val);border-radius:15px;margin:25px auto;max-width:700px;box-shadow:var(--shadow-val)}.prayer-item.highlight{transition:box-shadow .5s ease-in-out,transform .3s ease;box-shadow:0 0 0 3px var(--accent-color-val),var(--shadow-hover-val);transform:translateY(-3px)}button:focus,input:focus{outline:2px solid var(--primary-color-val);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#toast-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column-reverse;align-items:center;gap:10px;pointer-events:none}.toast{background-color:var(--surface-bg-color);color:var(--text-color-val);padding:12px 20px;border-radius:30px;box-shadow:0 4px 12px #00000026;font-size:.95em;font-weight:500;display:flex;align-items:center;gap:10px;pointer-events:auto;animation:fadeInToast .5s cubic-bezier(.215,.61,.355,1);opacity:1;border:1px solid var(--border-color-val)}.toast.fade-out{animation:fadeOutToast .5s ease-out forwards}.toast i{font-size:1.2em}.toast-success i{color:#4caf50}.toast-favorite i{color:var(--star-active-color-val)}.toast-info i{color:#2196f3}@keyframes fadeInToast{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutToast{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.9)}}@media (max-width: 600px){#toast-container{width:90%;left:5%;transform:none}}.fab-container{position:fixed;bottom:25px;right:25px;z-index:1000;display:flex;flex-direction:column;align-items:center}.fab-main-wrapper{position:relative;width:56px;height:56px}.fab-options{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px;pointer-events:none}.fab-main,.fab-option{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #00000026;cursor:pointer;border:none;padding:0}body.transitions-ready .fab-main,body.transitions-ready .fab-option{transition:all .3s cubic-bezier(.4,0,.2,1)}.fab-main:hover,.fab-option:hover{box-shadow:0 8px 25px #0003;transform:translateY(-3px)}#kaaba-btn,.fab-menu-btn{background-color:var(--primary-color-val);color:var(--text-on-primary-color-val);font-size:1.6em;position:absolute;top:0;left:0}#kaaba-btn{opacity:1;transform:scale(1) rotate(0);visibility:visible}.fab-menu-btn{opacity:0;transform:scale(0) rotate(-90deg);visibility:hidden;pointer-events:none}body.transitions-ready #kaaba-btn{transition:opacity .3s ease,transform .3s ease,visibility 0s}body.transitions-ready .fab-menu-btn{transition:opacity .3s ease,transform .3s ease,visibility 0s .3s}.fab-container.menu-visible #kaaba-btn{opacity:0;transform:scale(0) rotate(90deg);visibility:hidden;pointer-events:none}body.transitions-ready .fab-container.menu-visible #kaaba-btn{transition:opacity .3s ease,transform .3s ease,visibility 0s .3s}.fab-container.menu-visible .fab-menu-btn{opacity:1;transform:scale(1) rotate(0);visibility:visible;pointer-events:auto}body.transitions-ready .fab-container.menu-visible .fab-menu-btn{transition-delay:0s}.fab-container.open .fab-menu-btn{transform:rotate(135deg);background-color:var(--accent-color-val)}.fab-option{background-color:var(--surface-bg-color);border:1px solid var(--border-color-val);color:var(--primary-color-val);font-size:1.2em;opacity:0;transform:translateY(20px)}body.transitions-ready .fab-option{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.fab-option:hover{background-color:var(--primary-color-val);color:var(--text-on-primary-color-val);border-color:var(--primary-darker-color-val)}.fab-container.open .fab-options{pointer-events:auto}.fab-container.open .fab-option{opacity:1;transform:translateY(0)}.fab-container.open .fab-option:nth-child(1){transition-delay:.15s}.fab-container.open .fab-option:nth-child(2){transition-delay:.1s}.fab-container.open .fab-option:nth-child(3){transition-delay:.05s}body.dark-mode .fab-main:hover,body.dark-mode .fab-option:hover{transform:translateY(0)}.dhikr-counter-overlay{display:none}@media (min-width: 768px){.app-container{margin:20px;border-radius:20px;max-width:1160px}.theme-toggle-button{top:20px;right:20px}}