/* Unified Azkarona design, based on user-approved references. */
:root{--az-green:#0b493a;--az-gold:#b99750;--az-sage:#e6ebdb}
body{color:var(--az-green)}h1,h2,h3,.reference-tagline,.v2-shortcuts strong,.prayer-name,.prayer-clock,.next-prayer,.heart-choices button{font-weight:700!important;text-shadow:none!important;-webkit-text-stroke:0!important}
.v2-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.v2-shortcuts .journey-tile{border:0!important;border-radius:28px!important;background:#f5f0df!important;min-height:170px;box-shadow:none!important}.v2-shortcuts .journey-tile:nth-child(even){background:var(--az-sage)!important}.v2-shortcuts strong{font-size:1.05rem;line-height:1.6;overflow-wrap:anywhere}.v2-shortcuts .tile-art{width:100px!important;height:110px!important}.v2-shortcuts .tile-art img{display:block!important;width:100%;height:100%;object-fit:contain;background:none!important}.v2-shortcuts .atlas-svg{width:100%;height:100%}.quran-coming-soon{background:#b99750!important;color:white!important;animation:azSoon 2s ease-in-out infinite;border-radius:20px;padding:3px 9px}@keyframes azSoon{50%{opacity:.55}}
.heart-choices,.tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.heart-choices button,.tabs button{width:100%;min-width:0;min-height:84px!important;white-space:normal!important;border-radius:22px!important;background:var(--az-sage)!important;color:var(--az-green)!important;text-align:right!important;display:flex;align-items:center;gap:12px;line-height:1.6;padding:16px!important}.az-category-icon{color:var(--az-gold);font-size:1.6em}.az-category-arrow{margin-inline-start:auto}.tab.active{box-shadow:inset 0 0 0 2px var(--az-gold)}
.home-view .prayer-panel{border-radius:28px;background:#fffdf5!important}.home-view .prayer-time{border:1px solid #e1d8c1!important;background:#fffdf5!important;min-width:0;padding:18px 4px!important;border-radius:22px}.home-view .next-prayer{background:linear-gradient(130deg,#f5f4e9,#e8eddf)!important;min-height:140px;padding:18px!important;border:1px solid #c7b178!important}.next-prayer:before{display:none}.next-prayer .next-label{font-size:1.4rem}.next-prayer strong{font-size:1.8rem}.next-prayer time{font-size:2.3rem}.prayer-name,.prayer-clock{color:var(--az-green)!important}
.tasbeeh-panel{background:radial-gradient(at top left,#e5ebd8 0,transparent 30%),radial-gradient(at bottom right,#e5ebd8 0,transparent 28%),#faf7ed!important;border:2px solid #cbb785!important;border-radius:30px;max-width:720px;width:100%;color:var(--az-green)}.tasbeeh-panel .v2-badge{color:#9e7b36}.tasbeeh-panel h2{font-family:'Tajawal',sans-serif;font-weight:800;font-size:2rem}.tasbeeh-presets{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tasbeeh-presets button,.tasbeeh-goals button{border-radius:26px!important;border:1px solid #c9b780!important;white-space:normal;min-height:48px;font-family:'Tajawal',sans-serif}.tasbeeh-presets .active,.tasbeeh-goals .active{background:linear-gradient(130deg,#23634c,#073d30)!important;color:#fffbea!important}.tasbeeh-custom{background:transparent!important;font-weight:700;color:var(--az-green);border-color:#d3c397}.tasbeeh-counter{position:relative;isolation:isolate;width:min(300px,70vw)!important;height:auto!important;aspect-ratio:1;border:3px solid #c8a25e!important;background:conic-gradient(#e9c77d var(--az-progress,0%),#255b47 0)!important;padding:16px;box-shadow:0 4px 10px #173d342b!important}.tasbeeh-counter:before{content:'';position:absolute;inset:15px;border-radius:50%;background:radial-gradient(at 25% 20%,#24644e,#07372d);z-index:-1;box-shadow:inset 0 0 0 5px #163f34}.tasbeeh-counter span{font-size:4.5rem}.tasbeeh-counter small{font-size:1rem}.tasbeeh-progress{display:none}.tasbeeh-actions{display:grid;grid-template-columns:1fr 1fr}.tasbeeh-actions button{min-height:56px;border-radius:22px;font-size:1rem}.vibration-choice{display:inline-flex;align-items:center;gap:8px;padding:14px 8px}.vibration-choice input{accent-color:var(--az-green);width:22px;height:22px}.tasbeeh-goals{flex-wrap:wrap}.tasbeeh-goals input{min-height:48px}.tasbeeh-panel:after{content:'azkarona.com';display:block;color:#6c806f;letter-spacing:3px;padding-top:14px}
.az-font-tools{position:sticky;top:0;z-index:45;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fffdf4f5;border:1px solid #cbb987;border-radius:16px;padding:10px 16px;margin:12px auto;max-width:480px;color:#0b493a;font:16px 'Tajawal',sans-serif}.az-font-tools input{flex:1;min-width:120px;accent-color:#18543f}.az-font-tools output{min-width:42px}.reference-nav .page-nav{max-height:70vh;overflow:auto}
@media(max-width:600px){.v2-shortcuts .tile-art{width:75px!important;height:82px!important}.v2-shortcuts .journey-tile{min-height:155px!important;padding:10px 5px!important;border-radius:22px!important}.v2-shortcuts strong{font-size:.95rem!important}.heart-choices button,.tabs button{padding:12px!important}.tasbeeh-panel{margin:0 auto}.tasbeeh-backdrop{padding:12px}.home-view .prayer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.quran-coming-soon{animation:none!important}}
/* Reading controls remain in document flow and never cover text. */
.az-font-tools,main>.az-font-tools,.tasbeeh-panel>.az-font-tools,.quiet-dialog>.az-font-tools,.journey-dialog>.az-font-tools{position:static!important;inset:auto!important;margin:14px auto!important;width:min(100%,480px);max-width:100%;z-index:auto;box-shadow:none}
body{padding-bottom:0!important}.tabs{position:static!important;top:auto!important;overflow:visible!important;max-height:none!important;height:auto!important;z-index:auto!important;background:transparent!important;box-shadow:none!important;padding:0!important;align-items:stretch}.heart-choices{align-items:stretch}
.tabs button,.heart-choices button{display:flex!important;align-items:center;gap:10px;font-weight:700!important;min-height:88px!important;height:auto!important;padding:14px!important;box-shadow:none!important;border:1px solid #dce3d0!important}
.az-category-icon{display:block;width:42px!important;height:42px!important;flex:0 0 42px;object-fit:contain;background:transparent}.az-category-title{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:right;line-height:1.6;font-family:'Tajawal',sans-serif;font-weight:700}.az-category-arrow{flex:0 0 12px;font-size:24px;color:#174a3a}
.v2-shortcuts .tile-art{display:flex!important;align-items:center;justify-content:center;flex-shrink:0;overflow:visible!important;background:transparent!important}.v2-shortcuts .journey-tile{height:auto!important;min-height:180px!important;padding:18px 8px!important;justify-content:center!important}.v2-shortcuts strong{display:block;white-space:normal;overflow-wrap:anywhere;margin:0!important}
@media(max-width:420px){.v2-shortcuts{gap:8px!important}.v2-shortcuts .tile-art{width:64px!important;height:72px!important}.v2-shortcuts .journey-tile{min-height:155px!important}.tabs button,.heart-choices button{gap:7px;padding:12px!important}.az-category-icon{width:32px!important;height:32px!important;flex-basis:32px}}
/* 1.0.17: prevent intrinsic aspect-ratio from making tiles wider than their grid tracks. */
.v2-shortcuts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:10px!important;align-items:stretch;justify-items:stretch}
.v2-shortcuts>.journey-tile{aspect-ratio:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important;transform:none!important;align-self:stretch;justify-self:stretch}
.v2-shortcuts .tile-art{flex:0 0 auto!important;max-width:100%!important}.v2-shortcuts strong{width:100%;min-width:0;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;text-align:center;line-height:1.6}
.heart-choices,.tabs{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.heart-choices>button,.tabs>button{position:relative!important;flex:none!important;box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:visible!important}
.az-category-title{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}.mobile-section-picker{position:static!important;top:auto!important;z-index:auto!important;margin:18px 0!important;box-shadow:none!important}.mobile-section-picker select{max-width:100%;height:auto;white-space:normal}
@media(max-width:600px){.heart-choices>button,.tabs>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:16px 12px!important;min-height:132px!important}.az-category-title{flex:0 0 auto!important;width:100%!important;text-align:center!important}.az-category-icon{width:32px!important;height:32px!important;flex:0 0 32px!important}.az-category-arrow{position:absolute;inset-inline-end:10px;top:15px;margin:0!important}.v2-shortcuts>.journey-tile{min-height:150px!important;padding:12px 6px!important}.v2-shortcuts strong{font-size:16px!important}.v2-shortcuts .tile-art{width:64px!important;height:72px!important}}
.az-large-text .heart-choices,.az-large-text .tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.az-large-text .v2-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* Supplied complete tile artwork: one visible title, equal square touch targets. */
.v2-shortcuts .journey-tile.az-image-tile{display:block!important;position:relative!important;aspect-ratio:1!important;min-height:0!important;height:auto!important;padding:0!important;border:0!important;overflow:hidden!important;border-radius:18px!important;background:transparent!important}
.v2-shortcuts .az-image-tile>img{display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;max-width:100%!important;margin:0!important}
.az-quran-tile:after{content:'';position:absolute;left:70.5%;top:5.6%;width:24%;height:16%;border-radius:999px;background:#f5efdb;pointer-events:none;animation:azBadgeFade 2.2s ease-in-out infinite}
@keyframes azBadgeFade{0%,100%{opacity:0}50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.az-quran-tile:after{animation:none;opacity:0}}

/* Garden counter, matching the supplied cream, green and gold reference. */
.tasbeeh-backdrop{background:#f7f3e9f5!important;padding:0!important}
.tasbeeh-panel{width:min(720px,100%)!important;box-sizing:border-box!important;margin:0 auto!important;min-height:100dvh;padding:24px clamp(12px,5vw,44px)!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#faf7ed url('/tasbeeh-garden.svg') center top/100% 100% no-repeat!important;isolation:isolate}
.az-tasbeeh-brand{font-family:'Noto Naskh Arabic',serif;font-size:48px;line-height:1.5;color:#064839;margin:0 0 8px}
.tasbeeh-panel h2{font-size:clamp(26px,5vw,40px);margin:10px 0!important;line-height:1.5}
.az-tasbeeh-intro{color:#6d7e6b;font-size:20px;margin:8px 0 22px}
.tasbeeh-close{left:auto!important;right:18px!important;top:20px!important;border:1px solid #d4c59d!important;border-radius:50%!important;background:#fffdf5!important}
.tasbeeh-presets{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;margin-bottom:14px}
.tasbeeh-presets button,.tasbeeh-goals button,.tasbeeh-actions button{border:1px solid #c8b57f!important;border-radius:24px!important;background:#fcf9ef!important;color:#0b493a!important;min-width:0;font-size:15px!important;line-height:1.5!important;min-height:48px;padding:8px 5px!important;white-space:normal}
.tasbeeh-presets button.active,.tasbeeh-goals button.active{background:linear-gradient(135deg,#2b7258,#063c30)!important;color:#fff9e8!important;box-shadow:0 0 0 2px #d4bd83}
.az-tasbeeh-box{position:relative;border:1px solid #d4bd83;border-radius:26px;padding:14px clamp(10px,3vw,24px) 18px;background:#fffdf435}
.az-tasbeeh-box:before{content:'❖';position:absolute;top:-13px;left:calc(50% - 12px);width:24px;background:#faf7ed;color:#b99750}
.tasbeeh-custom{background:transparent!important;border:0!important;color:#064839!important;font-weight:700!important;font-size:26px!important;margin:8px 0 12px!important;padding:6px!important}
.tasbeeh-goals{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:8px!important}.az-goal-label{font-size:18px;margin-inline-end:4px}.tasbeeh-goals button{flex:1;min-height:40px!important}.tasbeeh-goals input{max-width:100%;flex:1 0 100%;box-sizing:border-box}.tasbeeh-goals input[hidden]{display:none!important}
.tasbeeh-counter{position:relative;isolation:isolate;width:min(78vw,330px)!important;max-width:100%;height:auto!important;aspect-ratio:1!important;box-sizing:border-box;border:3px solid #be9a59!important;outline:2px solid #ead39b;outline-offset:2px;background:conic-gradient(from 0deg,#f1d18c var(--az-progress,0%),#255e4b 0)!important;padding:14px!important;margin:22px auto 18px!important;box-shadow:0 8px 16px #16453630!important;overflow:hidden}
.tasbeeh-counter:before{inset:12px!important;background:radial-gradient(at 30% 20%,#276750,#053b2e)!important;box-shadow:inset 0 0 0 5px #174d3c!important}
.tasbeeh-counter:after{content:'';position:absolute;inset:26px;border-radius:50%;z-index:-1;opacity:.12;background:repeating-conic-gradient(from 22deg,#a0b899 0deg 1deg,transparent 1deg 45deg);border:1px solid #a0b899}
.tasbeeh-counter span{font-size:clamp(60px,13vw,88px)!important;line-height:1.6}.tasbeeh-counter small{font-size:17px!important;opacity:1}
#tasbeehPercent{color:#0b493a;font-size:25px!important;font-weight:700;margin:8px 0 0}#tasbeehRemaining{color:#7a806f;font-size:18px;margin:0 0 10px}
.tasbeeh-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin-top:12px!important}.tasbeeh-actions button{font-size:20px!important;min-height:52px!important}
.az-tasbeeh-toggles{border-top:1px solid #d8ceb0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding-top:10px}.az-tasbeeh-toggles .vibration-choice{font-size:15px}.az-tasbeeh-toggles input{accent-color:#155340}
.tasbeeh-panel:after{font-size:13px!important;color:#708574!important;margin-top:12px}

/* Wood boards: category menus only. Prayer, daily dhikr and journey stay unchanged. */
.heart-choices.az-wood-board,.tabs.az-wood-board{padding:14px!important;border:9px solid #925a31!important;border-radius:22px!important;gap:14px!important;background:repeating-linear-gradient(91deg,#9b6238 0px,#b7804b 18px,#a66c3e 23px,#85502c 26px,#ba834d 48px)!important;box-shadow:inset 0 0 0 2px #d5a676,0 9px 16px #49301733!important}
.heart-choices>button.az-wood-card,.tabs>button.az-wood-card{aspect-ratio:1/1!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:12px 8px 24px!important;border:4px solid #c8ab68!important;border-radius:20px!important;background:linear-gradient(100deg,#e0e5cf,#f2f1de 47%,#dce2ce)!important;box-shadow:inset 0 0 0 1px #ffffe8,0 4px 5px #2d200b77!important;overflow:hidden!important}
.az-wood-art{width:52%!important;height:45%!important;flex:0 0 45%!important;overflow:hidden;mix-blend-mode:multiply}.az-wood-card .az-category-title{font-size:clamp(14px,2.7vw,23px);line-height:1.45!important;text-align:center!important;flex:0 1 auto!important;color:#153d2c!important;min-height:2.9em;display:flex;align-items:center;justify-content:center}.az-wood-card .az-category-arrow{position:absolute!important;top:auto!important;bottom:3px!important;inset-inline-end:12px!important;color:#704921!important;font-size:25px!important}.tabs .az-wood-card.active{outline:3px solid #1d5b40;outline-offset:-7px}
@media(max-width:420px){.heart-choices.az-wood-board,.tabs.az-wood-board{padding:8px!important;gap:9px!important;border-width:6px!important}.heart-choices>button.az-wood-card,.tabs>button.az-wood-card{border-width:3px!important;padding:8px 4px 18px!important;gap:4px!important;border-radius:15px!important}}

/* Fixed home menu counts at every saved font scale and screen width. */
html body .heart-choices.az-wood-board,html body .tabs.az-wood-board,html.az-large-text body .heart-choices.az-wood-board,html.az-large-text body .tabs.az-wood-board{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;box-sizing:border-box!important;max-width:720px!important;margin-inline:auto!important}
html body .v2-shortcuts,html.az-large-text body .v2-shortcuts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:960px!important;margin-inline:auto!important}
html body .az-wood-board>button.az-wood-card{width:100%!important;min-width:0!important;aspect-ratio:1!important;box-sizing:border-box!important}
html body .az-wood-card .az-category-title{font-size:clamp(14px,3vw,22px)!important;line-height:1.4!important;max-width:100%!important;overflow-wrap:normal!important}
html body .az-wood-card .az-wood-art{width:44%!important;height:40%!important;flex-basis:40%!important}