.hisn-page{--hisn-ink:#153e36;--hisn-muted:#657c77;--hisn-line:#e4ded1;--hisn-paper:#fffdf8;--hisn-soft:#f4eee2;max-width:1440px;margin:auto;padding:38px 34px 90px;color:var(--hisn-ink)}
.hisn-hero{min-height:400px;border:1px solid #eee0c7;border-radius:34px;background:linear-gradient(122deg,#fffdf7 0%,#f9eedb 52%,#e9f5f1 100%);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:35px 8%;position:relative;overflow:hidden}.hisn-hero:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #0f766c1a;border-radius:50%;inset-inline-end:-120px;bottom:-230px;box-shadow:0 0 0 55px #0f766c0a,0 0 0 110px #0f766c08}.hisn-hero-copy{position:relative;z-index:2}.section-eyebrow{display:flex;align-items:center;gap:10px;color:#a16f25;font-size:14px;font-weight:800}.section-eyebrow i{width:32px;height:1px;background:#d89b3d}.hisn-hero h1{font-size:clamp(54px,7vw,94px);letter-spacing:-4px;line-height:1;margin:19px 0 23px}.hisn-hero p{font-size:19px;line-height:1.95;color:var(--hisn-muted);max-width:660px}.hisn-total{display:inline-flex;align-items:baseline;gap:9px;margin-top:26px;border:1px solid #dfc99f;background:#fff9edaa;border-radius:16px;padding:13px 20px}.hisn-total strong{font-size:25px}.hisn-total span{color:var(--hisn-muted)}
.hisn-hero-art{display:grid;place-items:center;position:relative;z-index:1}.hisn-hero-art svg{width:min(100%,430px);filter:drop-shadow(0 28px 30px #92753d35)}.shield-back{fill:#0f786d}.shield-line{fill:none;stroke:#f1bf6c;stroke-width:4}.book-pages{fill:#fff9ee;stroke:#e5a643;stroke-width:7;stroke-linejoin:round}.book-center{fill:none;stroke:#14786e;stroke-width:5;stroke-linecap:round}.star-dot,.star{fill:#e9aa49}
.hisn-workspace{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;margin-top:46px;align-items:start}.hisn-index,.hisn-reader{border:1px solid var(--hisn-line);background:var(--hisn-paper);border-radius:25px}.hisn-index{position:sticky;top:100px;padding:22px;height:calc(100vh - 126px);min-height:620px;display:flex;flex-direction:column}.index-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.index-head span{display:block;font-size:13px;color:#9c6d2c;font-weight:800}.index-head strong{font-size:12px;color:var(--hisn-muted)}.index-head button{display:none;width:38px;height:38px;border:1px solid var(--hisn-line);background:none;border-radius:50%;color:inherit}.index-head svg,.open-index svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.hisn-search{height:54px;display:flex;align-items:center;gap:10px;border:1px solid var(--hisn-line);border-radius:15px;padding:0 15px;background:transparent}.hisn-search:focus-within{border-color:#188075;box-shadow:0 0 0 4px #18807515}.hisn-search svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8}.hisn-search input{border:0;outline:0;background:none;font:inherit;color:inherit;width:100%}.hisn-chapters{margin-top:17px;overflow:auto;padding-inline-end:6px;scrollbar-width:thin;scrollbar-color:#b5c8c2 transparent}.chapter-link{width:100%;display:grid;grid-template-columns:38px 1fr 17px;align-items:center;gap:10px;text-align:start;border:0;border-bottom:1px solid var(--hisn-line);background:none;color:inherit;padding:14px 4px;cursor:pointer;line-height:1.55}.chapter-link:hover,.chapter-link.active{color:#0c796d;background:#edf5f2}.chapter-link.active{padding-inline:10px;border-radius:12px;border-bottom-color:transparent}.chapter-link .chapter-id{font-size:11px;color:#a17028}.chapter-link .chapter-name{font-weight:700;font-size:14px}.chapter-link svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8}.hisn-loading{min-height:300px;display:grid;place-items:center;align-content:center;gap:15px;color:var(--hisn-muted)}.hisn-loading span{width:38px;height:38px;border:3px solid #dfe8e4;border-top-color:#147a70;border-radius:50%;animation:hisnSpin .8s linear infinite}@keyframes hisnSpin{to{transform:rotate(1turn)}}.hisn-empty{text-align:center;color:var(--hisn-muted);padding:30px}
.hisn-reader{min-height:700px;padding:38px;position:relative}.open-index{display:none;border:1px solid var(--hisn-line);background:var(--hisn-soft);border-radius:13px;padding:10px 14px;color:inherit;font:inherit;align-items:center;gap:8px}.hisn-welcome{min-height:620px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.welcome-mark{width:96px;height:96px;border-radius:30px;background:#e9f3ef;display:grid;place-items:center;color:#10766c;margin-bottom:22px}.welcome-mark svg{width:58px;fill:none;stroke:currentColor;stroke-width:2}.hisn-welcome h2{font-size:34px;margin:0 0 12px}.hisn-welcome p{max-width:500px;line-height:1.9;color:var(--hisn-muted);font-size:16px}.hisn-welcome button{margin-top:24px;border:0;border-radius:15px;background:#0e7369;color:white;padding:15px 20px;font:inherit;font-weight:800;display:flex;gap:18px;cursor:pointer}.chapter-header{display:flex;justify-content:space-between;gap:25px;align-items:end;border-bottom:1px solid var(--hisn-line);padding-bottom:25px;margin-bottom:25px}.chapter-header>div:first-child>span{font-size:13px;color:#a06d24}.chapter-header h2{font-size:clamp(28px,3.5vw,46px);line-height:1.35;margin:8px 0 0;max-width:700px}.chapter-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.chapter-actions>button{height:44px;border:1px solid var(--hisn-line);background:transparent;color:inherit;border-radius:12px;padding:0 13px;font:inherit;font-weight:800;cursor:pointer}.chapter-actions .play-chapter{background:#0f756b;color:white;border-color:#0f756b;display:flex;align-items:center;gap:8px;padding-inline:16px}.play-chapter svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8}.chapter-pause-icon{display:none}.play-chapter.playing .chapter-play-icon{display:none}.play-chapter.playing .chapter-pause-icon{display:block}
.adhkar-list{display:grid;gap:18px;--dhikr-size:27px}.dhikr-card{border:1px solid var(--hisn-line);border-radius:21px;background:#fffefb;overflow:hidden}.dhikr-top{display:flex;justify-content:space-between;align-items:center;padding:14px 19px;background:#f6f2e9;border-bottom:1px solid var(--hisn-line)}.dhikr-index{font-size:12px;color:#9d6d2a}.dhikr-favorite{border:0;background:none;font-size:21px;color:#98aaa6;cursor:pointer}.dhikr-favorite.active{color:#e3a340}.dhikr-body{padding:25px 26px}.dhikr-arabic{font-family:"Cairo",sans-serif;font-size:var(--dhikr-size);line-height:2.05;margin:0;color:#123e36}.dhikr-transliteration{font-size:15px;line-height:1.8;color:#7a7062;border-top:1px dashed var(--hisn-line);padding-top:15px;margin-top:15px;direction:ltr;text-align:left}.dhikr-translation{font-size:15px;line-height:1.85;color:var(--hisn-muted);margin:12px 0 0}.dhikr-actions{display:flex;align-items:center;gap:8px;padding:13px 18px;border-top:1px solid var(--hisn-line);background:#fcfaf5}.dhikr-actions button{height:38px;border:1px solid var(--hisn-line);background:transparent;color:inherit;border-radius:11px;padding:0 12px;font:inherit;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer}.dhikr-actions button:hover{background:#edf5f2}.dhikr-actions svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.7}.dhikr-audio.playing{background:#0e756a!important;color:white}.repeat-counter{margin-inline-start:auto!important;border-color:#d8bd88!important;background:#fff7e8!important;color:#8d601e!important;min-width:96px;justify-content:center}.repeat-counter.completed{background:#e8f4ee!important;border-color:#9fcabc!important;color:#0e7166!important}.source-credit{margin:42px auto 0;max-width:760px;border-top:1px solid var(--hisn-line);padding:22px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--hisn-muted);font-size:13px}.source-credit>span{width:24px;height:24px;border-radius:50%;background:#e9f4ef;color:#087267;display:grid;place-items:center}.source-credit a{color:#0b756a;font-weight:800}
html[data-theme=dark] .hisn-page{--hisn-ink:#eff7f5;--hisn-muted:#a3b8b2;--hisn-line:#31534b;--hisn-paper:#153b34;--hisn-soft:#23483f}html[data-theme=dark] .hisn-hero{background:linear-gradient(122deg,#153d35,#102f2a 55%,#263c36);border-color:#365048}html[data-theme=dark] .hisn-total{background:#183f37;border-color:#63583e}html[data-theme=dark] .dhikr-card{background:#173e36}html[data-theme=dark] .dhikr-top,html[data-theme=dark] .dhikr-actions{background:#1f473f}html[data-theme=dark] .dhikr-arabic{color:#f1f8f6}html[data-theme=dark] .repeat-counter{background:#3b3526!important}html[data-theme=dark] .repeat-counter.completed{background:#1c4c42!important}
@media(max-width:1050px){.hisn-workspace{grid-template-columns:330px minmax(0,1fr)}.hisn-hero{grid-template-columns:.7fr 1.3fr}.chapter-header{align-items:start;flex-direction:column}.chapter-actions{flex-wrap:wrap}}
@media(max-width:800px){.hisn-page{padding:20px 15px 70px}.hisn-hero{grid-template-columns:1fr;padding:40px 25px 12px}.hisn-hero-copy{grid-row:1}.hisn-hero-art{grid-row:2}.hisn-hero-art svg{max-height:240px}.hisn-hero h1{font-size:54px}.hisn-workspace{display:block;margin-top:28px}.hisn-index{position:fixed;z-index:90;inset:0;width:min(92vw,390px);height:100dvh;min-height:0;border-radius:0;transform:translateX(110%);transition:.3s;box-shadow:0 0 70px #0004}.hisn-index.open{transform:none}[dir=ltr] .hisn-index{inset-inline:auto 0;transform:translateX(-110%)}[dir=ltr] .hisn-index.open{transform:none}.index-head button,.open-index{display:flex}.hisn-reader{padding:20px 16px;min-height:600px}.hisn-welcome{min-height:540px}.chapter-header{margin-top:20px}.chapter-actions .play-chapter span{display:none}.dhikr-body{padding:20px 18px}.adhkar-list{--dhikr-size:24px}}
@media(max-width:500px){.hisn-page{padding-inline:11px}.hisn-hero{border-radius:23px;padding-inline:19px}.hisn-hero h1{font-size:46px;letter-spacing:-2px}.hisn-hero p{font-size:16px}.hisn-reader{border-radius:20px}.hisn-welcome h2{font-size:28px}.dhikr-actions{flex-wrap:wrap}.repeat-counter{margin-inline-start:0!important}.chapter-actions>button{padding-inline:10px}.source-credit{flex-wrap:wrap;text-align:center}}