.shell:has(.side[hidden]){grid-template-columns:minmax(0,1fr)}
.planner-tabs{display:flex;gap:6px;background:#e5ebe6;padding:5px;border-radius:14px;margin-bottom:18px;width:max-content;max-width:100%;overflow:auto}
.planner-tab{border:0;background:transparent;color:#315a4e;border-radius:10px;padding:10px 16px;white-space:nowrap;min-height:44px}
.planner-tab.active{background:#fff;color:#123c3a;font-weight:bold;box-shadow:0 2px 8px #123c3a18}
.planner-view{min-width:0}.planner-view[hidden],#browseView[hidden],.side[hidden],.detail[hidden]{display:none!important}
.planner-hero{background:#123c3a;color:#fff;border-radius:18px;padding:clamp(20px,3vw,34px);display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.planner-hero h2{font-size:1.7rem;margin:6px 0}.planner-hero p{margin:0;color:#d7e8e1}.eyebrow{color:#e7c282}.notice-button{border:1px solid #83ab9c;border-radius:9px;background:#214d45;color:#fff;padding:9px 13px}
.planner-panel{background:#fff;border:1px solid #e2e5db;border-radius:18px;padding:clamp(16px,2.5vw,26px);margin-bottom:18px;box-shadow:0 7px 30px #183e3210}.planner-panel h2,.planner-panel h3{margin:0 0 12px}.planner-panel h3{font-size:1.25rem}.planner-panel p{line-height:1.7}.section-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-line>span,.section-line p{color:#61796d;margin:0}
.suggestion-grid,.practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.suggestion,.practice-card{border:1px solid #dce5dd;border-radius:13px;padding:17px;min-width:0}.suggestion{display:flex;justify-content:space-between;align-items:start;gap:12px}.suggestion h3,.practice-card h3{font-size:1.1rem;margin:6px 0}.suggestion small,.practice-card small{color:#477861}.suggestion p,.practice-card p{margin:6px 0;color:#5a7165}.suggestion-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;min-width:135px}.suggestion-actions button,.source-link,.detail-save,.subtle{background:#fff;border:1px solid #a9c9b8;color:#1c604a;border-radius:9px;padding:8px 10px}.suggestion-actions button[aria-pressed=true],.heart.on{color:#ad594d}.practice-top{display:flex;justify-content:space-between;gap:6px}.heart{background:none;border:0;font-size:1.55rem;color:#486b5d;padding:2px 6px;line-height:1}.practice-state{display:block;background:#eaf4eb;color:#18553f;padding:9px 11px;border-radius:9px;margin:11px 0}.gap{background:#fff6e3;padding:10px;border-radius:8px;color:#704f21!important}.counter{display:flex;align-items:center;gap:12px;margin:12px 0}.counter button{height:43px;width:45px;border:1px solid #9cbdad;border-radius:9px;background:#f6faf6;color:#165842}.counter output{font-weight:bold;min-width:78px;text-align:center}.practice-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:10px 0}.practice-actions label,.custom-form label{font-size:.9rem;color:#52685a;display:grid;gap:5px}.practice-actions input{width:100px}.practice-actions input,.custom-form input,.custom-form select{font:inherit;min-height:43px;border:1px solid #b9cdc1;border-radius:9px;padding:7px 10px;background:#fff;color:#153a35}.practice-actions button,.start,.custom-form button{border:0;background:#174f43;color:#fff;border-radius:9px;padding:10px 14px;min-height:43px}.source-link{display:block;margin-top:11px}.range-buttons{display:flex;gap:6px}.range-buttons button{border:1px solid #b6cbbd;background:#fff;color:#205e48;padding:8px 11px;border-radius:9px}.range-buttons button[aria-pressed=true]{background:#185a44;color:#fff}.calendar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;max-height:390px;overflow:auto}.calendar-day{display:flex;justify-content:space-between;align-items:center;border:1px solid #e0e7df;border-radius:9px;padding:9px 12px;gap:8px}.calendar-day div{display:grid}.calendar-day small,.calendar-day span{font-size:.84rem;color:#66766b}.calendar-day span{text-align:left}.planner-note{font-size:.9rem;color:#5d7167}.custom-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.custom-form button{justify-self:start}.detail-save{align-self:start;white-space:nowrap}
@media(max-width:760px){.suggestion-grid,.practice-grid,.calendar-list{grid-template-columns:1fr}.planner-hero{align-items:start;flex-direction:column}.suggestion{flex-direction:column}.suggestion-actions{min-width:0;justify-content:flex-start}.custom-form{grid-template-columns:1fr}.planner-tabs{width:100%}.planner-tab{flex:1;padding:9px 6px}.shell{padding-top:14px}}
.upcoming-special{display:grid;gap:8px;margin-top:14px}.upcoming-item{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f7faf6;border-radius:10px;padding:10px 12px}.upcoming-item button{background:#fff;border:1px solid #adc7b5;color:#175f46;border-radius:8px;padding:7px 11px;white-space:nowrap}@media(max-width:600px){.upcoming-item{align-items:start;flex-direction:column}}
.three-dates{display:grid;gap:2px;line-height:1.45;font-variant-numeric:tabular-nums}.three-dates span{display:block;white-space:nowrap}.three-dates [lang=fa]{font-weight:600;color:#254f3f}.three-dates [lang=en]{font-size:.88rem;color:#526b5d}.three-dates [lang=ar]{font-size:.88rem;color:#526b5d}.calendar-day>div{min-width:0}.calendar-day{align-items:start}.calendar-day>span{align-self:center}.planner-hero .three-dates{margin-top:7px}.planner-hero .three-dates [lang=fa]{color:#fff;font-size:1.08rem}.planner-hero .three-dates [lang=en],.planner-hero .three-dates [lang=ar]{color:#d6e9de}@media(max-width:560px){.calendar-day{flex-direction:column}.calendar-day>span{align-self:start;text-align:right}}
.three-dates{display:flex;align-items:baseline;flex-wrap:nowrap;gap:5px;white-space:nowrap;line-height:1.35;font-size:.86rem;font-weight:normal;direction:rtl}.three-dates span{display:inline;white-space:nowrap;font-size:inherit}.three-dates [lang=fa]{font-weight:normal}.three-dates [lang=en],.three-dates [lang=ar]{font-size:inherit}.three-dates i{font-style:normal;color:#a6b7aa}.calendar-day>div{display:grid;gap:2px}.calendar-day{align-items:center}.planner-hero .three-dates{margin-top:4px}.planner-hero .three-dates [lang=fa]{color:#d6e9de;font-size:inherit}.planner-hero .three-dates [lang=en],.planner-hero .three-dates [lang=ar]{color:#d6e9de}.planner-hero .three-dates i{color:#8bb9a5}@media(max-width:480px){.calendar-day{flex-direction:column;align-items:flex-start}.three-dates{font-size:.82rem;gap:4px}}
body.modal-open{overflow:hidden}.practice-overlay{position:fixed;inset:0;z-index:1000;background:#102e2bcc;display:grid;place-items:center;padding:14px}.practice-overlay[hidden]{display:none!important}.practice-window{width:min(100%,620px);max-height:min(90vh,900px);overflow-y:auto;overscroll-behavior:contain;background:#fff;color:#153a35;border-radius:18px;padding:clamp(17px,3vw,28px);box-shadow:0 25px 70px #0005}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.modal-head h2{margin:5px 0 0;font-size:1.3rem}.modal-head small{color:#667b70}.modal-controls{display:flex;align-items:center;gap:6px}.modal-close,.modal-save{border:1px solid #c8d9ce;border-radius:9px;background:#fff;color:#245844;padding:8px 10px;white-space:nowrap;min-height:44px}.modal-save{font-size:1.4rem}.modal-schedule{background:#edf5ee;color:#285f48;border-radius:9px;padding:10px 12px;margin:16px 0 8px}.modal-arabic{font-family:Vazirmatn,'Noto Naskh Arabic',Tahoma,serif;direction:rtl;font-size:1.45rem;line-height:1.8;background:#f8f5e9;border-right:3px solid #c6a455;padding:10px;border-radius:6px;margin:8px 0}.modal-description{line-height:1.8;color:#466054}.modal-progress{display:flex;justify-content:space-between;gap:12px;background:#f6faf5;border:1px solid #dce8df;border-radius:10px;padding:12px;margin:12px 0;flex-wrap:wrap}.modal-progress span{color:#557064}.remaining{display:flex;align-items:baseline;gap:10px;margin:15px 0 8px}.remaining strong{font-size:2.8rem;line-height:1;color:#154e3d}.remaining span{color:#60796b}.tap-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:15px 0 8px}.tap-slot{width:100%;aspect-ratio:1;border:2px solid #5a9b7a;border-radius:15px;background:#fff;color:#19563f;font-size:1.25rem;font-weight:bold;touch-action:manipulation}.tap-slot.filled{background:#1c684c;color:#fff;border-color:#1c684c}.tap-slot:disabled:not(.filled){background:#f4f6f2;border-color:#d3ded5;color:#8c9d90}.tap-slot:not(:disabled):active{transform:scale(.94)}.batch-label{font-size:.86rem;color:#6b7e70;margin:0}.modal-actions{display:flex;justify-content:space-between;gap:9px;margin-top:18px;flex-wrap:wrap}.modal-actions button{border:1px solid #bad0c1;background:#fff;color:#205e46;border-radius:9px;padding:10px 14px;min-height:44px}.modal-actions .finish-day{background:#165640;color:#fff}.modal-actions button:disabled{opacity:.45;cursor:not-allowed}.done-today{background:#e7f4e9;border-radius:9px;padding:12px;color:#245d40}.modal-reminder{border-top:1px solid #e2e9e1;margin-top:21px;padding-top:16px}.modal-reminder label{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.modal-reminder input{font:inherit;border:1px solid #a9c8b3;padding:8px;border-radius:9px;min-height:44px}.modal-reminder p{color:#6a7b6d;font-size:.85rem;line-height:1.6}.modal-source{border-top:1px solid #e4ebe4;padding-top:12px;margin-top:12px}.modal-source summary{cursor:pointer;color:#1d6a4f;font-weight:bold}.modal-source p{line-height:1.7}.modal-source a{display:block;color:#136c55;margin:10px 0}.modal-source img{display:block;max-width:100%;max-height:340px;object-fit:contain;margin:auto}.overdue-list{background:#fff4df;border:1px solid #e6c88c;border-radius:13px;padding:14px;display:grid;gap:9px;margin-bottom:16px}.overdue-list button{background:#fff;border:1px solid #d9b879;border-radius:9px;text-align:right;padding:10px;color:#6b4b18}.overdue-list strong{color:#694b1b}
@media(max-width:480px){.practice-overlay{padding:8px}.practice-window{max-height:95vh;border-radius:14px}.tap-row{gap:6px}.tap-slot{border-radius:11px;font-size:1.05rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}
.modal-progress progress{width:100%;height:9px;accent-color:#236d4e}
.planner-tabs{position:sticky;top:0;z-index:80;box-shadow:0 8px 24px #143b3422}.back-view{background:#fff;border:1px solid #97b7a4;color:#1c6048;border-radius:10px;padding:9px 12px;white-space:nowrap;min-height:44px}.back-view[hidden]{display:none!important}@media(max-width:760px){.planner-tabs{width:100%;top:0}.back-view{padding:9px 7px;font-size:.87rem}.planner-tab{font-size:.87rem}}
.planner-hero{padding:9px 13px;border-radius:11px;margin-bottom:12px;min-height:52px;gap:10px;flex-direction:row;align-items:center}.hero-date{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}.hero-date strong{font-size:.88rem;color:#f4dfaa;white-space:nowrap}.planner-hero .three-dates{margin:0;font-size:.83rem;gap:4px}.notice-button{padding:5px 9px;min-height:36px;font-size:.82rem;white-space:nowrap;margin-inline-start:auto}.saved-status{display:inline-block;background:#e6f2e9;color:#176347;border-radius:100px;padding:4px 9px;font-size:.78rem;font-weight:600;margin:2px 0 5px}.share-practice{background:#fff;border:1px solid #a9c9b8;border-radius:9px;padding:8px 10px;color:#205e49;min-height:40px}.card>.share-practice{align-self:start;margin-top:8px}.practice-actions-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.modal-controls .share-practice{white-space:nowrap}.modal-controls{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.planner-hero{flex-direction:row;align-items:center}}@media(max-width:480px){.planner-hero{padding:8px 10px}.hero-date{gap:3px 7px}.hero-date strong{font-size:.79rem}.planner-hero .three-dates{font-size:.76rem}.notice-button{font-size:.76rem;padding:5px 7px}.modal-head{flex-wrap:wrap}.modal-controls{width:100%;justify-content:flex-end}}
.shell{display:block;max-width:960px}.shell>main{min-width:0}.main{padding:18px}.toolbar{margin:0 0 12px;align-items:center}.toolbar input[type=search]{flex:1;min-width:180px;width:auto}.filter-stack{display:grid;gap:7px}.filter-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.filter-accordion,.today-accordion{min-width:0;border:1px solid #dbe5dc;border-radius:12px;background:#fff;overflow:hidden}.filter-ribbon,.today-ribbon{width:100%;border:0;background:#fff;color:#183e35;text-align:right;display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 13px}.filter-ribbon>span:first-child,.today-ribbon strong{font-size:.94rem;font-weight:700}.ribbon-value,.today-ribbon>span{margin-inline-start:auto;color:#517361;font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.chevron{font-size:1.25rem;color:#38755d;font-weight:normal;line-height:1;transition:transform .2s}.filter-ribbon[aria-expanded=true] .chevron,.today-ribbon[aria-expanded=true] .chevron{transform:rotate(180deg)}.filter-ribbon[aria-expanded=true],.today-ribbon[aria-expanded=true]{background:#eff6ef}.filter-panel{padding:10px 12px 13px;border-top:1px solid #e2ebe2}.filter-panel[hidden],.today-panel[hidden]{display:none!important}.filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.filter-options .filter{min-height:44px;border:1px solid #edf0eb}.life-nav{margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.life-tile{min-height:75px;padding:10px}.life-tile small{font-size:.78rem}.active-note{margin:11px 1px;font-size:.86rem}.cards{max-height:min(62dvh,650px);overflow:auto;overscroll-behavior:contain;padding:2px}.today-accordion{margin-bottom:10px}.today-ribbon{min-height:54px}.today-panel{border-top:1px solid #e2ebe2;padding:12px}.today-panel .calendar-list{max-height:42dvh}.today-panel .range-buttons{margin-bottom:10px}.today-panel .suggestion-grid{margin:0}
@media(max-width:760px){.filter-groups{grid-template-columns:1fr}.life-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{max-height:48dvh;grid-template-columns:1fr}.main{padding:14px}.today-panel{padding:10px}.toolbar input[type=search]{min-width:0}}@media(max-width:420px){.filter-ribbon,.today-ribbon{padding:8px 10px}.life-tile{min-height:75px}.toolbar .reset{padding:9px 10px}.toolbar input[type=search]{font-size:.88rem;padding:10px}.today-ribbon>span{font-size:.8rem}}
.shell:has(.planner-tabs){display:block;max-width:960px}.filter-stack .filter-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-panel .life-nav{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:7px}.filter-panel .life-tile{min-height:75px;padding:10px}#browseView.main{padding:18px}#browseView .toolbar{margin:0 0 12px}#browseView .cards{max-height:min(62dvh,650px);overflow:auto;overscroll-behavior:contain}#browseView .toolbar input[type=search]{width:auto;flex:1;min-width:0}
@media(max-width:760px){.filter-stack .filter-groups{grid-template-columns:1fr}.filter-panel .life-nav{grid-template-columns:repeat(2,minmax(0,1fr))}#browseView.main{padding:14px}#browseView .cards{max-height:48dvh;grid-template-columns:1fr}}
.foot{max-width:960px}.foot summary{cursor:pointer;width:max-content;padding:5px 0}.foot p{margin:6px 0}.foot a{color:#1b6b52}
.practice-window .modal-head{position:sticky;top:-1px;z-index:5;background:#fff;padding:8px 0 10px 56px;border-bottom:1px solid #e6eee7;min-height:54px}.practice-window .modal-close{position:absolute;left:0;top:6px;width:46px;height:46px;display:grid;place-items:center;padding:0;font-family:Vazirmatn,Tahoma,'Segoe UI',sans-serif;font-size:1.8rem;line-height:1;border-radius:12px;color:#174c3e;box-shadow:0 2px 9px #123c3a16}.practice-window .modal-controls{min-width:0}.card .open{min-height:44px;font-weight:600}.detail-head .close{font-size:1.6rem;line-height:1;min-width:44px;min-height:44px}
#browseView.main{margin-top:12px}.search-home-title{font-size:1.13rem;color:#174f42;margin:0 0 13px;line-height:1.6}.planner-view #todayContent[hidden]{display:none}#plannerToday:has(#todayContent[hidden]) #browseView.main{margin-top:0}
.planner-hero{flex-wrap:wrap}.planner-hero .hero-date{gap:5px 10px}.planner-hero .three-dates{white-space:normal;flex-wrap:wrap;font-size:.89rem}.hero-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-inline-start:auto}.prayer-banner{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.prayer-banner #prayerNext{font-size:.88rem;color:#fff;font-weight:600;white-space:nowrap}.prayer-banner button,.prayer-settings summary{border:1px solid #83ab9c;border-radius:9px;background:#214d45;color:#fff;padding:6px 9px;min-height:36px;font-size:.81rem;white-space:nowrap}.prayer-settings{position:relative}.prayer-settings summary{display:grid;place-items:center;cursor:pointer;list-style:none}.prayer-settings summary::-webkit-details-marker{display:none}.prayer-options{position:absolute;top:calc(100% + 5px);left:0;z-index:30;background:#fff;color:#194438;border:1px solid #c9dbce;box-shadow:0 9px 28px #102e2b33;border-radius:11px;padding:12px;width:min(300px,calc(100vw - 32px));line-height:1.55}.prayer-options label{display:grid;gap:5px;font-size:.85rem}.prayer-options select{font:inherit;min-height:40px;border:1px solid #abc7b5;border-radius:8px;padding:5px;color:#194438;background:#fff}.prayer-options small{display:block;margin-top:9px;color:#526b60;font-size:.78rem}.hero-tools .notice-button{margin:0}
@media(max-width:600px){.planner-hero{align-items:start;gap:5px}.hero-tools{margin:0;width:100%;justify-content:space-between}.prayer-banner #prayerNext{font-size:.82rem}.planner-hero .three-dates{font-size:.8rem}.prayer-banner button,.prayer-settings summary,.notice-button{font-size:.76rem;padding:5px 7px}}
.book-batch{margin-top:16px}.book-batch>.filter-ribbon{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}.book-batch>.filter-ribbon span{font-size:.86rem}.book-warning{font-size:.82rem;line-height:1.7;color:#526d63;margin:10px 0}.book-page{background:#fff;border:1px solid #d3dfd5;border-radius:10px;margin:6px 0;padding:0 12px}.book-page summary{cursor:pointer;min-height:42px;display:flex;align-items:center;color:#19483c;font-weight:600}.book-ocr{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.87rem;line-height:1.85;max-height:50vh;overflow:auto;padding:10px;background:#f8f8f3;border-radius:8px}.book-page a{display:inline-block;margin:0 0 12px;color:#174b40}.book-batch #bookBatchMore{min-height:40px;border:1px solid #adc9b7;border-radius:8px;background:#fff;color:#174b40;margin:10px 0;padding:5px 12px}
.batch-chooser{display:flex;align-items:center;gap:8px;font-size:.85rem;margin:9px 0;color:#19483c}.batch-chooser select{font:inherit;min-height:40px;border:1px solid #b6cbbf;border-radius:8px;background:#fff;color:#19483c;padding:5px 8px;max-width:100%}
.book-match{display:block;color:#657970;font-size:.78rem;line-height:1.55;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

button,input,select,textarea,summary{font-family:inherit}
.tools-toggle{border:1px solid #83ab9c;border-radius:9px;background:#214d45;color:#fff;min-width:36px;min-height:36px;padding:0 8px;font-size:1.05rem;line-height:1;cursor:pointer;transition:transform .15s}
.tools-toggle[hidden]{display:none}
.tools-open .tools-toggle{transform:rotate(180deg)}
.tools-done:not(.tools-open) #prayerLocate,.tools-done:not(.tools-open) .prayer-settings,.tools-done:not(.tools-open) #notificationButton{display:none}