@font-face{font-family:Bangla;src:url('fonts/NotoSansBengali.ttf') format('truetype');font-display:swap}
:root{--accent:#145c43;--deep:#123e30;--soft:#e8f1eb;--gold:#c9a66a;--gold-soft:#f5eddf;--bg:#f7f7f2;--card:#fff;--text:#21392e;--muted:#6c7e73;--line:#e2e7df;--danger:#a42d35;--shadow:0 10px 35px #21392e06;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Bangla,system-ui,sans-serif;font-size:14px;line-height:1.7;-webkit-tap-highlight-color:transparent}body.dark{--accent:#8fd4b2;--deep:#163e30;--soft:#243d30;--gold:#d5b989;--gold-soft:#393429;--bg:#12221a;--card:#1c2e24;--text:#edf5ee;--muted:#b1c1b7;--line:#354b3c;--shadow:none;color-scheme:dark}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a{cursor:pointer}button{color:inherit}button{border:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(25px,3vw,36px);line-height:1.5;letter-spacing:-.5px}h2{font-size:23px;line-height:1.5}h3{font-size:17px;line-height:1.5}p{margin-bottom:12px}small{font-size:12px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.icon-btn{height:42px;width:42px;border-radius:50%;display:inline-grid;place-items:center;background:var(--soft)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:650;color:var(--muted);margin:0 0 10px}.muted{color:var(--muted)}.fine{font-size:11px;color:var(--muted);margin:12px 0 0}.pre-wrap{white-space:pre-wrap}.skip{position:fixed;top:-70px;left:10px;background:var(--card);padding:12px;z-index:100}.skip:focus{top:10px}
.rail{position:fixed;inset:0 auto 0 0;width:250px;padding:38px 24px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--card);z-index:20}.brand{display:flex;align-items:center;gap:11px}.brand b{font-size:15px;display:block;line-height:1.45}.brand small{font-size:10px;display:block;color:var(--muted);margin-top:6px}.brand img{border-radius:14px}.rail-nav{display:grid;gap:7px;margin-top:54px}.nav-item{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:13px;color:var(--muted);font-weight:550}.nav-item.active{background:var(--soft);color:var(--accent)}.rail-note{margin-top:auto;border-top:1px solid var(--line);padding-top:26px}.rail-note span{font:23px/1.8 Georgia,serif;color:var(--accent)}.rail-note p{font-size:11px;color:var(--muted);margin-top:9px}.rail-note a{font-size:10px;color:var(--muted)}.app-wrap{margin-left:250px}.appbar{height:83px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:15}.header-actions{display:flex;gap:10px}.desktop-caption{font-size:13px;color:var(--muted);margin:0}.mobile-brand{display:none}.bottom-nav{display:none}main{max-width:1120px;padding:35px 5%;margin:auto;min-height:80vh}main:focus{outline:none}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.page-head h1{margin:0}.page-head p{margin:7px 0 0;color:var(--muted)}.date-pill{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:9px 15px;white-space:nowrap}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 16px;gap:12px}.section-heading h2{font-size:19px;margin:0}.text-link{font-size:12px;color:var(--accent);font-weight:600;background:none;padding:0}.section-heading p{font-size:12px;color:var(--muted);margin:0}
.hero{background:var(--deep);border-radius:25px;color:#fff;position:relative;overflow:hidden;padding:35px 34px;min-height:260px;isolation:isolate;display:flex;align-items:center}.hero-content{max-width:65%;position:relative;z-index:2}.hero .eyebrow{color:#c5d9c7}.hero h1{margin-bottom:12px;font-size:clamp(25px,2.7vw,36px);font-weight:600;white-space:pre-line}.hero p{color:#d5e3da;font-size:13px;max-width:360px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 19px;border-radius:11px;font-weight:550;font-size:13px;min-height:46px;border:1px solid transparent;line-height:1.5}.button:hover{text-decoration:none;filter:brightness(.97)}.primary{background:var(--accent);color:var(--card)}body.dark .primary{color:#14261c}.light{background:#f4f1e7;color:#204d36}.ghost-light{background:transparent;border-color:#ffffff35;color:#fff}.secondary{background:var(--soft);color:var(--accent)}.outline{background:transparent;border-color:var(--line)}.wide{width:100%}.hero-art{width:260px;position:absolute;right:0;bottom:0;opacity:.95;pointer-events:none}.hero:after{content:'';position:absolute;border:1px solid #fff1;width:500px;height:500px;border-radius:50%;right:-150px;top:-170px;z-index:-1}.prayer-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:17px 22px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.prayer-strip .icon-box{width:44px;height:44px;border-radius:13px}.prayer-strip>div{display:flex;gap:12px;align-items:center}.prayer-strip strong{font-size:16px;display:block}.prayer-strip small{display:block;color:var(--muted)}.prayer-strip .text-link{white-space:nowrap}
.dua-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.journey-choice{display:flex;align-items:center;gap:17px;border:1px solid var(--line);padding:23px;background:var(--card);border-radius:19px;text-align:left;min-width:0;box-shadow:var(--shadow)}.journey-choice:hover{text-decoration:none;border-color:var(--gold)}.journey-choice h3{margin:0 0 4px}.journey-choice p{margin:0;color:var(--muted);font-size:12px}.journey-choice>.icon{margin-left:auto;width:17px}.icon-box{width:58px;height:58px;border-radius:17px;background:var(--soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.icon-box.gold{background:var(--gold-soft);color:#96753e}.icon-box .icon{width:27px;height:27px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{padding:18px;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:16px;display:flex;align-items:center;gap:12px}.tool-card b{font-size:13px}.tool-card small{display:block;color:var(--muted);font-size:10px}.tool-card>.icon{color:var(--accent)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{border-radius:17px;border:1px solid var(--line);background:var(--card);padding:22px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-width:0;box-shadow:var(--shadow)}.service-card .icon-box{width:43px;height:43px;border-radius:12px;margin-bottom:19px}.service-card h3{font-size:15px;margin-bottom:7px}.service-card p{color:var(--muted);font-size:12px;white-space:pre-wrap}.service-card .text-link{margin-top:auto;padding-top:10px}.shop-banner{padding:24px;display:flex;gap:20px;align-items:center;border-radius:18px;background:var(--gold-soft);margin-top:27px}.shop-banner .icon{color:#96753e;width:33px;height:33px}.shop-banner h3{margin:0 0 4px}.shop-banner p{font-size:12px;color:var(--muted);margin:0}.shop-links{margin-left:auto;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.shop-links a{font-size:12px}.note{padding:17px 20px;border-left:3px solid var(--gold);background:var(--gold-soft);border-radius:0 13px 13px 0;font-size:12px;color:var(--text);margin:20px 0}.app-footer{max-width:1120px;margin:auto;padding:10px 5% 30px;font-size:10px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}.app-footer span{margin-right:auto}
.search-row{display:flex;gap:12px;margin-bottom:22px}.searchbox{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:0 15px;flex:1;min-width:0}.searchbox input{border:0;background:transparent;padding:12px 0;margin:0;min-width:0}.searchbox .icon{color:var(--muted);width:19px}.search-row select{width:170px}.dua-list{display:grid;gap:12px}.dua-row{border:1px solid var(--line);background:var(--card);padding:19px 20px;border-radius:16px;display:flex;align-items:center;gap:16px;text-align:left;box-shadow:var(--shadow)}.dua-row:hover{border-color:var(--gold);text-decoration:none}.dua-number{font:500 17px/1.4 system-ui;color:var(--gold);background:var(--gold-soft);width:43px;height:43px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.dua-row h3{font-size:15px;margin:0 0 5px}.dua-row p{font-size:11px;color:var(--muted);margin:0}.dua-row>.icon{margin-left:auto;width:18px;color:var(--muted)}.badge{display:inline-block;color:var(--accent);background:var(--soft);font-size:10px;padding:4px 9px;border-radius:6px}.reader-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.reader-actions{display:flex;gap:8px}.reader{background:var(--card);border:1px solid var(--line);border-radius:21px;overflow:hidden}.reader-title{padding:27px 28px;border-bottom:1px solid var(--line)}.reader-title h1{font-size:25px;margin:10px 0 0}.arabic-box{padding:32px;text-align:right;background:linear-gradient(120deg,var(--card),var(--soft));font-family:'Noto Naskh Arabic', 'Traditional Arabic',Georgia,serif;font-size:calc(29px * var(--reading-scale,1));line-height:2.15;white-space:pre-wrap;color:var(--accent)}.reader-body{padding:25px 30px}.reader-body h3{font-size:12px;color:var(--muted);margin:0 0 10px}.reader-body .reading{font-size:calc(16px * var(--reading-scale,1));line-height:1.95;white-space:pre-wrap;margin-bottom:26px}.source-box{background:var(--soft);border-radius:12px;padding:17px;font-size:12px;white-space:pre-wrap}.source-box a{display:inline-block;margin-top:7px;font-weight:600;text-decoration:underline}.empty-state,.loading-state{text-align:center;padding:55px 20px;color:var(--muted)}.empty-state h2{color:var(--text);font-size:19px}.loading-mark{height:36px;width:36px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;margin:0 auto 18px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.tabs{display:flex;gap:5px;padding:5px;background:var(--soft);border-radius:13px;margin-bottom:22px}.tabs a{flex:1;padding:11px;text-align:center;border-radius:9px;color:var(--muted);font-size:13px}.tabs a.active{background:var(--card);color:var(--accent);box-shadow:var(--shadow)}.tabs a:hover{text-decoration:none}.tool-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:25px}.panel h2{font-size:18px}.location-line{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:15px}.location-line b{color:var(--text)}.location-controls{display:grid;grid-template-columns:1fr auto;gap:10px;margin:15px 0}.location-controls select{margin:0}.compass{text-align:center}.compass-dial{position:relative;width:240px;height:240px;max-width:100%;margin:28px auto;border:2px solid var(--line);border-radius:50%;background:repeating-conic-gradient(from 0deg, transparent 0deg 29deg,var(--line) 29deg 30deg);box-shadow:inset 0 0 0 18px var(--card),inset 0 0 0 19px var(--line)}.compass-dial:after{content:'';position:absolute;inset:42px;background:var(--card);border:1px dashed var(--line);border-radius:50%}.north{position:absolute;top:11px;left:50%;transform:translateX(-50%);font:bold 13px system-ui;background:var(--card);padding:0 5px;z-index:2;color:var(--danger)}.south,.west,.east{position:absolute;font:12px system-ui;z-index:2;color:var(--muted);background:var(--card)}.south{bottom:13px;left:48%}.west{left:12px;top:48%}.east{right:12px;top:48%}.compass-arrow{position:absolute;inset:35px;z-index:3;transform:rotate(var(--angle,0deg))}.compass-arrow:before{content:'';position:absolute;left:calc(50% - 12px);top:3px;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:64px solid var(--accent)}.compass-arrow:after{content:'';position:absolute;left:calc(50% - 10px);top:67px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:55px solid var(--gold)}.compass-center{position:absolute;left:calc(50% - 8px);top:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:var(--card);border:4px solid var(--accent);z-index:4}.compass-degree{font:600 31px/1.3 system-ui;margin-bottom:5px;color:var(--accent)}.compass-status{font-size:12px;color:var(--muted);min-height:42px}.calibration{font-size:12px;color:var(--muted);line-height:1.9}.prayer-list{display:grid;gap:6px}.prayer-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;border-radius:11px;border:1px solid var(--line)}.prayer-item.active{background:var(--soft);border-color:var(--accent);color:var(--accent)}.prayer-item b{font-size:18px;direction:ltr}.prayer-item span{display:flex;align-items:center;gap:10px}.prayer-item .icon{width:19px}.counter-switch{display:flex;gap:8px;margin-bottom:20px}.counter-switch button{background:var(--soft);border:1px solid transparent;border-radius:10px;flex:1;padding:10px}.counter-switch button.active{border-color:var(--accent);color:var(--accent)}.count-circle{width:185px;height:185px;border:9px solid var(--soft);border-top-color:var(--accent);border-radius:50%;margin:25px auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.count-circle strong{font-size:60px;line-height:1.3}.count-circle small{color:var(--muted)}.counter-panel{text-align:center}.counter-actions{display:flex;gap:10px;justify-content:center}.counter-increment{min-width:150px}.counter-reset{margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:12px;margin-bottom:15px;color:var(--text)}input,select,textarea{display:block;width:100%;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px;margin-top:6px;max-width:100%}textarea{resize:vertical;line-height:1.8}.check{display:flex;gap:9px;align-items:flex-start}.check input{width:18px;height:18px;margin:4px 0 0;flex-shrink:0}.check a{text-decoration:underline}.sheet{width:calc(100% - 24px);max-width:610px;max-height:90dvh;border:0;border-radius:22px;padding:27px;color:var(--text);background:var(--card);box-shadow:0 25px 120px #0005}.sheet::backdrop{background:#0d241ac0;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.dialog-heading{display:flex;gap:15px;justify-content:space-between;align-items:flex-start}.dialog-heading h2{font-size:22px;margin-bottom:15px}.dialog-heading .icon-btn{font-size:26px;flex-shrink:0}.sheet #serviceExternal{margin:8px 0 22px}.form-status{font-size:13px;color:var(--accent);white-space:pre-wrap}.form-status.error{color:var(--danger)}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:var(--text);color:var(--card);padding:12px 21px;border-radius:12px;z-index:100;max-width:90%;text-align:center;box-shadow:0 10px 30px #0002}.offline-bar,.update-bar{padding:10px 5%;font-size:12px;background:var(--gold-soft);display:flex;align-items:center;justify-content:center;gap:12px}.update-bar button{background:transparent;text-decoration:underline;font-weight:600}.privacy-wrap{max-width:800px;margin:30px auto;padding:30px;background:var(--card);border:1px solid var(--line);border-radius:20px}.privacy-wrap h1{font-size:26px}.privacy-wrap h2{font-size:18px;margin-top:25px}.privacy-wrap p{color:var(--muted)}
@media(min-width:1350px){main{padding-top:42px}.hero{min-height:275px}.hero-art{width:290px}}
@media(max-width:1100px){.rail{width:210px;padding:30px 18px}.app-wrap{margin-left:210px}.brand b{font-size:13px}.brand small{font-size:9px}.brand img{width:40px;height:40px}.hero-art{width:230px;right:-28px}.hero-content{max-width:73%}.hero{padding:28px}.tool-card{padding:15px 12px;gap:8px}.service-card{padding:18px}.shop-banner{flex-wrap:wrap}.shop-links{margin-left:0;width:100%}.tool-layout{grid-template-columns:1fr}}
@media(max-width:760px){.rail{display:none}.app-wrap{margin-left:0}.appbar{height:calc(70px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 18px 0}.desktop-caption{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;font-size:13px}.mobile-brand b{max-width:190px;line-height:1.5}.header-actions{gap:6px}.header-actions .icon-btn{width:34px;height:34px}.header-actions .icon{width:19px;height:19px}main{padding:24px 18px 18px;min-height:75vh}.page-head{margin-bottom:20px;align-items:flex-start}.page-head h1{font-size:23px}.page-head p{font-size:12px}.date-pill{font-size:10px;padding:7px 11px}.hero{padding:26px 24px;min-height:245px;border-radius:22px}.hero h1{font-size:27px}.hero p{font-size:12px}.hero-content{max-width:80%}.hero-art{width:190px;right:-35px;opacity:.4}.hero-actions{gap:8px}.hero-actions .button{font-size:12px;padding:11px 15px}.prayer-strip{padding:14px 16px;gap:8px}.prayer-strip .icon-box{width:37px;height:37px}.prayer-strip strong{font-size:14px}.prayer-strip small{font-size:10px}.prayer-strip .text-link{font-size:11px}.dua-choices{gap:12px}.journey-choice{padding:20px 15px;display:block;position:relative}.journey-choice .icon-box{width:46px;height:46px;border-radius:14px;margin-bottom:13px}.journey-choice h3{font-size:16px}.journey-choice p{font-size:10px}.journey-choice>.icon{position:absolute;right:13px;top:19px}.section-heading{margin-top:25px}.section-heading h2{font-size:18px}.section-heading p{font-size:10px}.tools-grid{gap:9px}.tool-card{display:flex;flex-direction:column;align-items:flex-start;padding:17px 12px;gap:9px}.tool-card b{font-size:12px}.tool-card small{display:none}.service-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:45px 1fr;column-gap:14px;padding:18px}.service-card .icon-box{grid-row:1/4;margin:0}.service-card h3{margin-bottom:5px}.service-card p{margin:0 0 5px;font-size:11px}.service-card .text-link{padding-top:5px;font-size:11px}.shop-banner{padding:21px;gap:15px}.shop-banner h3{font-size:16px}.shop-banner p{font-size:11px}.shop-links{gap:15px;margin-top:2px}.shop-links .button{font-size:12px;padding:10px 14px}.app-footer{padding:24px 18px calc(100px + env(safe-area-inset-bottom,0px));font-size:9px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0;z-index:30;background:var(--card);border-top:1px solid var(--line);padding:9px 8px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 30px #21392e04}.bottom-nav a{display:flex;align-items:center;flex-direction:column;gap:4px;color:var(--muted);font-size:10px;padding:6px 2px;border-radius:12px}.bottom-nav a .icon{width:21px;height:21px}.bottom-nav a.active{color:var(--accent);background:var(--soft);font-weight:650}.search-row{gap:8px}.search-row select{width:115px;font-size:11px}.dua-row{padding:16px 14px;gap:12px}.dua-row h3{font-size:14px}.dua-number{width:35px;height:38px;font-size:14px}.reader-title{padding:23px}.reader-title h1{font-size:22px}.arabic-box{font-size:calc(27px * var(--reading-scale,1));padding:25px 22px}.reader-body{padding:23px}.reader-body .reading{font-size:calc(15px * var(--reading-scale,1))}.reader-top{flex-wrap:wrap;gap:12px}.reader-actions{gap:6px}.reader-actions .icon-btn{width:37px;height:37px}.reader-actions .icon{width:19px;height:19px}.panel{padding:21px}.form-grid{grid-template-columns:1fr 1fr;gap:10px}.sheet{padding:23px 20px}.sheet .form-grid{grid-template-columns:1fr}.sheet .form-grid label{margin-bottom:10px}.privacy-wrap{margin:20px 15px;padding:25px}.privacy-wrap h1{font-size:23px}.tool-layout{gap:15px}}
@media(max-width:360px){main{padding-left:13px;padding-right:13px}.mobile-brand{font-size:11px;gap:6px}.mobile-brand img{width:30px;height:30px}.mobile-brand b{max-width:160px}.appbar{padding-left:13px;padding-right:13px}.header-actions{gap:4px}.page-head .date-pill{display:none}.hero{padding:23px 20px}.hero-content{max-width:94%}.hero h1{font-size:25px}.hero-art{opacity:.25}.tools-grid{gap:6px}.tool-card{padding:14px 10px}.tool-card b{font-size:11px}.prayer-strip>.icon{display:none}.search-row{flex-direction:column}.search-row select{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loading-mark{animation:none}*{transition:none!important}}

.service-contact-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero h1{white-space:pre-line}

.compass-cardinals{position:absolute;inset:0;z-index:2}

/* Unified journeys and counters */
.brand small:empty{display:none}.app-footer{justify-content:flex-end}.home-qibla{display:flex;align-items:center;gap:18px;margin-top:22px;padding:18px 22px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.home-qibla:hover{text-decoration:none;border-color:var(--gold)}.home-qibla h2{font-size:18px;margin:0 0 4px}.home-qibla p{font-size:12px;margin:0;color:var(--muted)}.qibla-open{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:var(--accent)}.mini-compass{position:relative;display:block;flex:none;width:60px;height:60px;border:2px solid var(--gold);border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 5px var(--soft)}.mini-compass>span{position:absolute;left:0;right:0;top:0;text-align:center;font:9px/1.7 system-ui;color:var(--muted)}.mini-compass i{position:absolute;left:26px;top:14px;width:4px;height:30px;background:linear-gradient(var(--accent) 50%,var(--gold) 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.journey-divider{display:flex;flex-direction:column;gap:4px;padding:18px 20px;background:var(--soft);border-radius:14px;margin-top:8px;scroll-margin-top:105px;color:var(--accent)}.journey-divider span{font-size:19px;font-weight:650}.journey-divider small{color:var(--muted)}.hajj-divider{margin-top:26px;background:var(--gold-soft);color:var(--text);border:1px solid var(--gold)}.reader-pagination{display:flex;justify-content:space-between;gap:12px;margin:20px 0;flex-wrap:wrap}.counter-space{padding-bottom:115px}.ritual-dock{position:fixed;left:calc(250px + (100% - 250px)/2);bottom:18px;transform:translateX(-50%);z-index:25;width:calc(100% - 290px);max-width:620px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:20px;background:var(--card);border:1px solid var(--gold);box-shadow:0 6px 45px #10291e25}.ritual-summary b{font-size:16px;display:block}.ritual-summary small{color:var(--muted);display:block;font-size:11px;margin-top:2px}.ritual-controls{display:flex;align-items:center;gap:7px;flex-shrink:0}.ritual-controls .button{font-size:19px;padding:9px 17px}.ritual-controls button:disabled{cursor:default}.ritual-controls .icon-btn{font:22px/1 system-ui;width:38px;height:40px}.reader:has(+.counter-space){overflow-wrap:anywhere}
.zikr-sticky{position:sticky;top:95px;z-index:12;display:grid;grid-template-columns:170px 1fr;align-items:center;gap:25px;padding:20px 25px;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 30px #10291e12}.zikr-ring{--progress:0deg;width:168px;height:168px;border-radius:50%;padding:9px;background:conic-gradient(from -90deg,var(--gold) var(--progress),var(--soft) var(--progress));box-shadow:0 0 0 1px var(--gold),0 0 0 5px var(--card),0 0 0 6px var(--line)}.zikr-ring button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;border-radius:50%;border:3px solid #bc9b62;background:radial-gradient(ellipse at 30% 15%,#31684b,#153e2d 65%);color:#f8f0d9;box-shadow:inset 0 2px 10px #ffffff20,0 3px 8px #0002;touch-action:manipulation;user-select:none}.zikr-ring button:active{transform:scale(.97)}.zikr-ring button span{font-size:11px;color:#e1d2b5}.zikr-ring strong{font-size:43px;line-height:1.4;font-weight:650;max-width:100%;font-variant-numeric:tabular-nums}.zikr-ring button small{font-size:10px;color:#e1d2b5}.zikr-current{min-width:0}.zikr-current h2{font-size:17px;margin:0 0 6px}.zikr-current [lang=ar]{font:25px/1.8 'Traditional Arabic',Georgia,serif;color:var(--accent);margin-bottom:8px;max-height:125px;overflow:auto;overscroll-behavior:contain}.zikr-actions{display:flex;align-items:center;gap:20px}.zikr-actions .button{min-height:36px;padding:7px 14px;font-size:12px}.zikr-current .fine{margin-top:8px}.zikr-hint{margin:18px 5px;font-size:12px}.zikr-list{display:grid;gap:16px}.zikr-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;scroll-margin-top:340px}.zikr-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.zikr-select{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:16px;background:transparent}.zikr-select b{font-size:15px}.zikr-selected-label{margin-left:auto;font-size:10px;color:var(--accent);white-space:nowrap}.zikr-text{padding:0 20px 20px}.zikr-text>p[lang=ar]{font:26px/1.9 'Traditional Arabic',Georgia,serif;color:var(--accent);margin:0 0 10px}.zikr-text summary{font-size:12px;cursor:pointer;color:var(--muted);padding:10px 0}.zikr-text details h3{font-size:12px;color:var(--muted);margin:15px 0 6px}.zikr-text details p{white-space:pre-wrap}.zikr-text details .fine{font-size:11px}.zikr-text details a{display:inline-block;padding-top:8px}.zikr-actions button:disabled{cursor:default}
@media(max-width:1100px){.ritual-dock{left:calc(210px + (100% - 210px)/2);width:calc(100% - 250px)}}
@media(max-width:760px){.home-qibla{padding:15px;gap:12px}.home-qibla h2{font-size:16px}.home-qibla p{font-size:10px}.qibla-open{font-size:0}.qibla-open .icon{width:20px}.mini-compass{width:54px;height:54px}.mini-compass i{left:23px;top:11px}.bottom-nav a{min-width:0;justify-content:center;font-size:9px;line-height:1.4;min-height:52px;text-align:center}.bottom-nav a span{min-height:14px}.ritual-dock{left:50%;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:calc(100% - 24px);padding:12px;gap:8px;border-radius:16px}.ritual-summary b{font-size:14px}.ritual-summary small{font-size:10px;max-width:160px}.ritual-controls{gap:5px}.ritual-controls .button{padding:8px 12px;min-height:43px}.ritual-controls .icon-btn{width:32px;height:38px}.counter-space{padding-bottom:130px}.journey-divider{scroll-margin-top:calc(90px + env(safe-area-inset-top,0px))}.journey-divider span{font-size:17px}.zikr-sticky{top:calc(78px + env(safe-area-inset-top,0px));grid-template-columns:126px minmax(0,1fr);gap:16px;padding:17px 15px;border-radius:20px}.zikr-ring{width:126px;height:126px;padding:7px}.zikr-ring strong{font-size:33px}.zikr-ring button span,.zikr-ring button small{font-size:9px}.zikr-current h2{font-size:13px}.zikr-current [lang=ar]{font-size:20px;line-height:1.6;max-height:97px}.zikr-actions{gap:12px}.zikr-current .fine{font-size:10px}.zikr-hint{font-size:10px}.zikr-text{padding:0 16px 17px}.zikr-select{padding:14px;gap:10px}.zikr-select b{font-size:13px}.zikr-selected-label{font-size:9px}.zikr-text>p[lang=ar]{font-size:25px}.zikr-card{scroll-margin-top:330px}}
@media(max-width:360px),(max-height:600px){.zikr-sticky{grid-template-columns:105px minmax(0,1fr);gap:12px;padding:13px}.zikr-ring{width:105px;height:105px}.zikr-ring strong{font-size:28px}.zikr-ring button small{font-size:8px}.zikr-current [lang=ar]{font-size:19px;max-height:65px}.zikr-current h2{font-size:12px}.zikr-selected-label{white-space:normal;max-width:36px}.zikr-select{gap:8px}.ritual-summary small{max-width:130px}}

/* 2.2.0: one journey entry and a truly fixed zikr counter. */
.combined-journey{grid-template-columns:1fr}.combined-journey .journey-choice{display:flex;align-items:center}.combined-journey .icon-box{margin-bottom:0}.combined-journey .journey-choice>.icon{position:static;margin-left:auto}.combined-journey h3{font-family:Bangla,system-ui,sans-serif;font-size:18px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--zikr-panel-height:236px}.zikr-sticky{position:fixed;top:95px;left:calc(250px + (100% - 250px)/2);width:calc((100% - 250px)*.9);max-width:1000px;height:var(--zikr-panel-height);transform:translateX(-50%);z-index:18}.zikr-counter-space{height:calc(var(--zikr-panel-height) + 2px)}.zikr-current [lang=ar]{max-height:78px;overflow:auto}.zikr-label{font-size:10px;letter-spacing:.3px;color:var(--muted);margin:0 0 4px}.zikr-ring{background:conic-gradient(from -90deg,var(--gold) var(--progress),var(--soft) var(--progress));border:2px solid #b89a69}.zikr-card{scroll-margin-top:360px}
@media(max-width:1100px){.zikr-sticky{left:calc(210px + (100% - 210px)/2);width:calc((100% - 210px)*.9)}}
@media(max-width:760px){:root{--zikr-panel-height:232px;--bottom-bar-height:82px}.bottom-nav{height:calc(var(--bottom-bar-height) + env(safe-area-inset-bottom,0px))}.bottom-nav a{padding:4px 1px;gap:3px;font-size:9px;line-height:1.4;min-height:62px}.bottom-nav a span{max-width:76px;min-height:26px;display:flex;align-items:center;justify-content:center}.ritual-dock{bottom:calc(var(--bottom-bar-height) + 10px + env(safe-area-inset-bottom,0px))}.zikr-sticky{top:calc(78px + env(safe-area-inset-top,0px));left:50%;width:calc(100% - 36px);height:var(--zikr-panel-height)}.zikr-current [lang=ar]{max-height:70px}.zikr-label{font-size:9px}.zikr-current h2{margin-bottom:5px}.combined-journey .journey-choice{padding:20px 16px}.combined-journey h3{font-size:17px}.combined-journey p{font-size:11px}.zikr-card{scroll-margin-top:335px}.counter-space{padding-bottom:145px}}
@media(max-width:360px){.zikr-sticky{width:calc(100% - 26px)}.bottom-nav a{font-size:8.5px}.bottom-nav a span{max-width:62px}.combined-journey h3{font-size:15px}.combined-journey p{font-size:10px}}
@media(max-height:600px){:root{--zikr-panel-height:190px}.zikr-current [lang=ar]{max-height:48px}.zikr-current h2{font-size:12px;line-height:1.5}.zikr-current .fine{margin-top:4px}.zikr-label{margin-bottom:2px}.zikr-card{scroll-margin-top:290px}}
.home-compass-panel{display:block;background:var(--card);padding:22px;border:1px solid var(--line);border-radius:22px}.home-compass-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.home-compass-heading h2{margin:0;font-size:20px}.home-compass-layout{display:grid;grid-template-columns:minmax(190px,240px) 1fr;gap:30px;align-items:center}.home-compass-dial-wrap{text-align:center}.home-compass-panel .compass-dial{width:190px;height:190px;margin:10px auto 15px}.home-compass-panel .compass-arrow{transform-origin:center}.home-bearing{display:block;color:var(--accent);font:600 24px/1.4 system-ui}.home-compass-dial-wrap>small{color:var(--muted);font-size:10px}.home-compass-controls .location-line{margin-top:0}.home-compass-controls .location-controls{flex-wrap:wrap}.home-compass-controls .compass-status{font-size:11px;min-height:40px;margin:12px 0}.home-qibla .location-line p{margin:0}.home-prayer{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 22px;margin-top:16px}.home-prayer .section-heading{margin:0 0 15px}.home-prayer .section-heading p{margin-top:5px}.home-prayer .prayer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-prayer .prayer-item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:13px;border:1px solid var(--line);border-radius:12px}.home-prayer .prayer-item span{gap:7px;font-size:12px}.home-prayer .prayer-item b{font-size:13px}.home-prayer .prayer-item .icon{width:17px;height:17px}.app-version{font:10px/1.6 Bangla,system-ui,sans-serif}
@media(max-width:760px){.home-compass-panel{padding:19px 16px}.home-compass-heading h2{font-size:18px}.home-compass-layout{grid-template-columns:1fr;gap:14px}.home-compass-panel .compass-dial{width:180px;height:180px;margin:8px auto 12px}.home-compass-controls .location-line{margin-bottom:10px}.home-compass-controls .location-controls{display:flex;flex-direction:row;gap:8px}.home-compass-controls .location-controls select{min-width:0;flex:1;width:0}.home-compass-controls .location-controls button{font-size:11px;padding:10px;flex:none}.home-compass-controls .compass-status{min-height:0;margin:10px 0}.home-prayer{padding:19px 15px}.home-prayer .section-heading h2{font-size:18px}.home-prayer .prayer-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-prayer .prayer-item{padding:12px}.home-prayer .prayer-item b{font-size:12px}}
.compass-arrow:before{top:calc(50% - 64px)}.compass-arrow:after{top:50%}
.home-compass-panel .compass-arrow{inset:28px}.home-compass-panel .compass-arrow:before{top:calc(50% - 52px);border-bottom-width:52px}.home-compass-panel .compass-arrow:after{top:50%;border-top-width:48px}