/* One illuminated seal, six distinct folios. */
/* ﷺ (U+FDFA): Cormorant/Cinzel have no glyph, so the system fallback drew a pixelated blob. Borrow Scheherazade's glyph for that one code point. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;size-adjust:118%;src:url(vendor/fonts/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwFmO3wq9IqeuA.woff2) format('woff2');unicode-range:U+FDFA}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;size-adjust:118%;src:url(vendor/fonts/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwFmO3wq9IqeuA.woff2) format('woff2');unicode-range:U+FDFA}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;size-adjust:118%;src:url(vendor/fonts/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwFmO3wq9IqeuA.woff2) format('woff2');unicode-range:U+FDFA}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;size-adjust:118%;src:url(vendor/fonts/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwFmO3wq9IqeuA.woff2) format('woff2');unicode-range:U+FDFA}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300;font-display:swap;size-adjust:118%;src:url(vendor/fonts/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwFmO3wq9IqeuA.woff2) format('woff2');unicode-range:U+FDFA}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;size-adjust:118%;src:url(vendor/fonts/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwFmO3wq9IqeuA.woff2) format('woff2');unicode-range:U+FDFA}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;size-adjust:118%;src:url(vendor/fonts/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwFmO3wq9IqeuA.woff2) format('woff2');unicode-range:U+FDFA}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:400;font-display:swap;size-adjust:110%;src:url(vendor/fonts/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwFmO3wq9IqeuA.woff2) format('woff2');unicode-range:U+FDFA}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:500;font-display:swap;size-adjust:110%;src:url(vendor/fonts/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwFmO3wq9IqeuA.woff2) format('woff2');unicode-range:U+FDFA}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:600;font-display:swap;size-adjust:110%;src:url(vendor/fonts/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwFmO3wq9IqeuA.woff2) format('woff2');unicode-range:U+FDFA}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:700;font-display:swap;size-adjust:110%;src:url(vendor/fonts/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwFmO3wq9IqeuA.woff2) format('woff2');unicode-range:U+FDFA}
@media(max-width:600px){.tab-bar{padding:7px 3px max(10px,env(safe-area-inset-bottom));min-height:67px}}
@media(max-width:600px){.screen:not(#s-launch){padding-top:env(safe-area-inset-top)}}
.t-btn{min-width:0;min-height:48px;flex:1;gap:3px;padding:5px 1px}.t-lbl{font-size:9px;letter-spacing:.04em}.t-ico svg{width:20px;height:20px}.t-btn.on::after{content:'';position:absolute;bottom:0;width:18px;height:2px;border-radius:2px;background:currentColor}
.guide-toggle,.mode-toggle,.qibla-sigil,.insta-link{width:42px;height:42px;opacity:1}.hh-right{gap:7px}.btn-rim,.btn-ghost{font-size:11px;letter-spacing:.12em;min-height:44px}

/* Home: the invitation and the verse share one first screen. */
.home-head{padding:28px 24px 0;row-gap:8px}.home-brand-name{font-size:32px}.home-welcome{padding:6px 0 8px}.home-welcome-k{font-size:10px;letter-spacing:.13em}.hh-hijri,.hh-greg{font-size:9px;letter-spacing:.02em}.home-meta{gap:8px}
.home-verse{min-height:308px;margin:15px 15px 0;padding:25px 30px 20px;background:#142b25;color:#f6eddb;box-shadow:inset 0 0 0 1px rgba(226,191,121,.45),inset 0 0 0 7px #142b25,inset 0 0 0 8px rgba(226,191,121,.3),0 16px 32px rgba(21,38,31,.14);overflow:hidden}
.home-verse::before{inset:0;background:radial-gradient(circle at 50% 42%,transparent 0 72px,rgba(226,191,121,.18) 73px 74px,transparent 75px 91px,rgba(226,191,121,.12) 92px 93px,transparent 94px 115px,rgba(226,191,121,.1) 116px 117px,transparent 118px),radial-gradient(circle at 50% 42%,rgba(226,191,121,.13),transparent 62%);opacity:1}.home-verse::after{content:none}
.home-verse .v-eyebrow,.home-verse .v-ref{color:#e2bf79;opacity:1}.home-verse .v-eyebrow{font-size:10px;letter-spacing:.19em;margin-bottom:8px}.home-verse .v-arabic{font-size:32px;line-height:1.42;color:#fff5df;max-width:310px;text-shadow:0 2px 18px rgba(226,191,121,.18)}.home-verse .v-trans{font-size:19px;line-height:1.33;color:#e7ddcb;max-width:310px;margin-top:6px}.home-verse .v-ref{font-size:9px;letter-spacing:.12em;margin-top:10px}.home-verse .v-hint{display:none}
.verse-share-open{position:relative;z-index:2;margin-top:14px;min-height:39px;padding:0 14px;border:1px solid rgba(226,191,121,.56);background:rgba(226,191,121,.12);color:#f4db9e;font-family:'Cinzel',serif;font-size:10px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.verse-share-open span{font-size:17px;margin-left:7px;vertical-align:-2px}
.sunnah-card,.daily-thread{margin-left:15px;margin-right:15px;border-color:var(--gold-dim)}

/* Prayer: a changing sky chamber around the next appointment. */
#s-prayers{background:#f7f0df}.pr-head{margin:15px 15px 0;padding:28px 22px 16px;position:relative;overflow:hidden;background:linear-gradient(145deg,#122c39,#214955 58%,#5c705c);box-shadow:inset 0 0 0 1px rgba(226,191,121,.65),inset 0 0 0 7px rgba(6,24,29,.55),inset 0 0 0 8px rgba(226,191,121,.3)}.pr-head::before{content:'';position:absolute;width:210px;height:210px;right:-28px;top:-82px;border:1px solid rgba(242,211,144,.42);border-radius:50%;box-shadow:0 0 0 20px rgba(242,211,144,.055),0 0 0 42px rgba(242,211,144,.045),0 0 0 64px rgba(242,211,144,.035)}.pr-head>*{position:relative;z-index:1}
.pr-eyebrow,.pr-countdown-label,.pr-reminder-k,.pr-prep-toggle .pr-reminder-k{font-size:10px;color:#e8cb8e;letter-spacing:.12em}.pr-title{font-size:38px;color:#fff4df}.pr-countdown{margin-top:10px;padding-top:10px;border-color:rgba(243,224,181,.27)}.pr-countdown-time{font-size:15px;color:#fff0c7}.pr-reminder-panel{margin-top:9px;padding-top:8px;border-color:rgba(243,224,181,.27);gap:5px}.pr-reminder-status,.pr-prep-toggle .pr-reminder-status{font-size:15px;color:#e5e5d5}.pr-reminder-switch{border-color:rgba(232,203,142,.5);background:rgba(255,255,255,.14)}.arc-wrap{padding:2px 26px 0}.pr-list{justify-content:flex-start;overflow-y:auto;padding:0 27px}.pr-row{padding:11px 2px}.pr-row.past{opacity:.68}.pr-en{font-size:11px;letter-spacing:.11em}.pr-ar{font-size:20px;color:var(--mist)}.pr-time{font-size:24px}.pr-row.now{background:linear-gradient(90deg,var(--gold-dim),transparent 68%);padding-left:12px;margin-left:-12px}.pr-row.now::before{left:0}

/* Dhikr: the whole surface is a tactile counting seal. */
#s-dhikr{background:radial-gradient(circle at 50% 37%,#265346 0,#17392e 45%,#10291f 100%);color:#f7edda}.dhikr-inner{padding-top:20px}.dhikr-inner::before{background:radial-gradient(circle at 50% 40%,transparent 0 112px,rgba(228,196,122,.22) 113px 114px,transparent 115px 137px,rgba(228,196,122,.11) 138px 139px,transparent 140px 168px,rgba(228,196,122,.1) 169px 170px,transparent 171px);opacity:1}.dhikr-ring-wrap{width:220px;height:220px}.dhikr-ring-wrap::before{background:radial-gradient(circle at 50% 38%,rgba(241,220,158,.22),rgba(241,220,158,.03) 65%);box-shadow:0 0 0 1px rgba(241,220,158,.4),0 0 0 18px rgba(241,220,158,.06),inset 0 0 28px rgba(241,220,158,.08)}.dhikr-count{color:#fff3d6;font-size:80px}.dhikr-arabic{color:#ffe9b2;font-size:37px;margin-top:13px}.dhikr-roman,.dhikr-total{color:#e8dbbb}.dhikr-chip,.dhikr-step,.dhikr-target-row .dhikr-chip{font-size:10px;color:#f7edda;border-color:rgba(236,203,131,.37);background:rgba(244,219,165,.1);height:43px}.dhikr-chip.on{color:#1c342b;background:#edd098;border-color:#edd098}.dhikr-step{font-size:21px;color:#ffe2a6}#s-dhikr .tab-bar{background:#10291f;border-color:rgba(241,220,158,.22)}#s-dhikr .t-btn{color:#c7baa0}#s-dhikr .t-btn.on{color:#f4d98e}

/* Seerah and Salawat begin as full manuscript pages. */
.folio-lead{position:relative;flex-shrink:0;overflow:hidden;margin:12px 14px 0;padding:28px 25px 26px;min-height:205px;text-align:center;color:#fff2dd;box-shadow:inset 0 0 0 1px rgba(231,194,120,.52),inset 0 0 0 7px rgba(22,25,28,.55),inset 0 0 0 8px rgba(231,194,120,.28)}.folio-lead::before{content:'';position:absolute;inset:-54px;background:radial-gradient(circle at 50% 28%,transparent 0 52px,rgba(231,194,120,.18) 53px 54px,transparent 55px 74px,rgba(231,194,120,.12) 75px 76px,transparent 77px 99px,rgba(231,194,120,.08) 100px 101px,transparent 102px);pointer-events:none}.folio-lead>*{position:relative}.seerah-lead{background:linear-gradient(135deg,#4f2c31,#261e2b 62%,#202a32)}.salawat-lead{background:linear-gradient(140deg,#2b2a48,#172939 66%,#12392f);min-height:175px}.folio-mark{display:block;font-size:21px;color:#e9c886;margin-bottom:2px}.folio-kicker{font-family:'Cinzel',serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#e9c886}.folio-headline{font-family:'Cormorant Garamond',serif;font-size:34px;line-height:.98;margin:12px auto 9px}.folio-deck{font-family:'Cormorant Garamond',serif;font-size:17px;font-style:italic;color:#f1dfc8}.folio-arabic{font-family:'Scheherazade New',serif;font-size:33px;line-height:1.5;color:#fff2cf;margin-top:4px}.stories-tab-sheet{display:flex;flex-direction:column}.stories-tab-sheet .library-top{padding:14px 24px 8px}.stories-tab-sheet .library-kicker{font-size:10px}.stories-tab-sheet .library-title{font-size:25px}.stories-tab-sheet .library-list{padding-top:8px}.salawat-library{padding:8px 0 18px}.salawat-top,.salawat-summary,.salawat-list{margin-left:23px;margin-right:23px}.salawat-top{margin-top:13px;text-align:left;margin-bottom:14px}.salawat-kicker,.salawat-summary-label{font-size:10px}.salawat-title{font-size:28px}.salawat-sub{margin:5px 0 0;max-width:none;font-size:16px}.salawat-summary{padding:8px 0;margin-bottom:11px}.salawat-card{border-color:var(--gold-dim)}.salawat-card-name{font-size:21px}.salawat-card-preview{opacity:.88;font-size:19px}.salawat-focus-btn{font-size:10px;min-height:44px}

/* Diary is a dated writing page; the lunar record is secondary. */
#s-diary{background:#f4ecdc}.di-head{position:relative;margin:12px 15px 0;padding:23px 20px 17px;background:linear-gradient(135deg,#513a31,#2c3734);box-shadow:inset 0 0 0 1px rgba(231,194,120,.52),inset 0 0 0 7px rgba(25,37,35,.46),inset 0 0 0 8px rgba(231,194,120,.25);border:0}.di-head::before{content:'';position:absolute;left:17px;top:12px;color:#e7c785;font-size:25px;opacity:.82}.di-eyebrow{font-size:10px;color:#e9c886}.di-date{font-size:30px;color:#fff2dd}.di-hijri{font-size:18px;color:#e8d1a5}.di-archive{padding:10px 18px 8px;background:transparent}.di-archive-top{margin-bottom:5px}.di-archive-title{font-size:10px}.di-month-name{font-size:19px}.di-lunar-day{font-size:9px}.di-paper{min-height:180px;margin-top:6px;margin-left:15px;margin-right:15px;background:#fffaf0;border:1px solid rgba(168,123,50,.3);box-shadow:0 8px 22px rgba(59,38,22,.07)}textarea.di-input{font-size:23px;padding:8px 17px 28px}

/* The postcard maker and exact-verse landing page. */
.verse-share-layer,.verse-received-layer{position:absolute;inset:0;z-index:250;display:none;background:rgba(9,14,15,.88)}.verse-share-layer.open,.verse-received-layer.open{display:flex}.verse-share-layer{align-items:flex-end}.verse-share-sheet{width:100%;max-height:calc(100% - 18px);overflow-y:auto;background:#f7f0df;color:#172820;padding:22px 20px max(22px,env(safe-area-inset-bottom));box-shadow:0 -14px 60px rgba(0,0,0,.35)}.verse-share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.verse-share-head .folio-kicker{color:#8f6629}.verse-share-head h2{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:500;line-height:1.05;margin-top:4px}.verse-share-close{border:1px solid #c5ac80;background:transparent;color:#273d34;width:40px;height:40px;font-size:25px;cursor:pointer}
.verse-share-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:min(210px,100%);aspect-ratio:9/16;margin:0 auto;padding:23px 17px 18px;background:#143029;color:#f9ecd1;text-align:center;border:4px solid #143029;outline:1px solid #bb9856;outline-offset:-8px}.verse-share-preview.post{aspect-ratio:4/5;width:min(235px,100%)}.verse-share-preview::before{content:'';position:absolute;width:185px;height:185px;top:20%;border:1px solid rgba(235,198,122,.18);border-radius:50%;box-shadow:0 0 0 20px rgba(235,198,122,.07),0 0 0 42px rgba(235,198,122,.035);pointer-events:none}.verse-share-preview>*{position:relative}.vsp-ornament{font-size:22px;color:#dbbb77}.vsp-kicker{font-family:'Cinzel',serif;color:#dbbb77;font-size:7px;letter-spacing:.12em;margin-bottom:14px}.vsp-arabic{font-family:'Scheherazade New',serif;font-size:25px;line-height:1.45;color:#fff2d8;max-height:45%;overflow:hidden}.vsp-rule{width:33px;height:1px;background:#dbbb77;margin:12px auto}.vsp-translation{font-family:'Cormorant Garamond',serif;font-size:16px;line-height:1.14;font-style:italic}.vsp-personal{font-family:'Cormorant Garamond',serif;font-size:14px;line-height:1.2;color:#e5c98c;margin-top:12px}.vsp-footer{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:auto;padding-top:18px;color:#dbbb77;font-family:'Cinzel',serif;font-size:7px;letter-spacing:.06em}
.verse-share-formats,.verse-share-actions{display:flex;gap:7px;margin-top:15px}.verse-share-formats button{flex:1;min-height:37px;background:transparent;border:1px solid #b49b6b;color:#315044;font-family:'Cinzel',serif;font-size:10px;cursor:pointer}.verse-share-formats button.on{background:#17392e;color:#fff1cf}.verse-share-label{display:flex;justify-content:space-between;gap:8px;margin-top:15px;font-family:'Cinzel',serif;font-size:10px;color:#274136}.verse-share-label span{font-family:'Cormorant Garamond',serif;font-size:14px;color:#645848;font-style:italic}#verse-personal-line{width:100%;height:42px;margin-top:5px;border:1px solid #baa16f;background:#fffaf1;padding:0 11px;font-family:'Cormorant Garamond',serif;font-size:17px;color:#172820}.verse-share-actions{margin-top:11px}.verse-share-actions button{flex:1;min-height:43px;padding:4px;border:1px solid #24483b;background:#24483b;color:#fff0d3;font-family:'Cinzel',serif;font-size:9px;line-height:1.1;cursor:pointer}.verse-share-actions button:not(:first-child){background:transparent;color:#24483b}.verse-share-status{min-height:18px;margin-top:8px;font-size:14px;text-align:center;color:#385d4d}
.verse-received-layer{align-items:center;justify-content:center;padding:18px}.verse-received-folio{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:420px;min-height:72%;padding:36px 27px;background:radial-gradient(circle at 50% 42%,#26473e,#112a24 70%);color:#f8eace;text-align:center;box-shadow:inset 0 0 0 1px #c5a465,inset 0 0 0 8px #17342b,inset 0 0 0 9px rgba(221,185,110,.5)}.verse-received-sigil{font-size:36px;color:#dbba75;margin:24px 0 7px}.verse-received-arabic{font-family:'Scheherazade New',serif;font-size:35px;line-height:1.55}.verse-received-translation{font-family:'Cormorant Garamond',serif;font-size:25px;font-style:italic;font-weight:400;line-height:1.24;margin-top:14px}.verse-received-ref{font-family:'Cinzel',serif;font-size:11px;letter-spacing:.08em;color:#dbba75;margin-top:18px}.verse-received-folio p{font-family:'Cormorant Garamond',serif;font-size:18px;line-height:1.3;color:#d7d6bc;margin-top:26px}.verse-received-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:20px}.verse-received-actions button{min-height:44px;border:1px solid #dbba75;background:#dbba75;color:#1b3027;font-family:'Cinzel',serif;font-size:11px;cursor:pointer}.verse-received-actions button+button{background:transparent;color:#f4dfb8}
@media(max-height:740px){.home-verse{min-height:275px;padding-top:18px;padding-bottom:16px}.home-verse .v-arabic{font-size:27px}.pr-head{padding-top:21px}.pr-row{padding:8px 2px}.folio-lead{min-height:175px;padding-top:18px;padding-bottom:17px}.salawat-lead{min-height:145px}}
@media(prefers-reduced-motion:reduce){.home-verse,.folio-lead,.dhikr-ring-wrap,.verse-share-layer,.verse-received-layer{animation:none!important;transition:none!important}}

/* Distinct page structures: only the shareable verse keeps a framed folio. */
.verse-contemplate{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border:0;background:transparent;color:inherit;cursor:pointer;text-align:center;padding:0}
.home-verse{margin:12px 0 0;min-height:300px;box-shadow:none;border-radius:0;clip-path:polygon(0 0,100% 0,100% 96%,62% 100%,0 96%)}
.home-verse::after{content:none}
.home-verse .v-arabic{font-size:34px}
.verse-share-open{min-height:44px;font-size:11px}
.t-lbl{font-size:11px;letter-spacing:0}

.pr-head{margin:0;min-height:265px;padding:44px 28px 20px;background:linear-gradient(90deg,rgba(7,29,42,.8),rgba(9,39,48,.37) 85%),url('assets/folios/prayer-sky.webp') center 40%/cover;box-shadow:none}
.pr-head::before{display:none}.pr-title{font-size:24px}.pr-countdown{display:flex;flex-direction:column;gap:2px;align-items:flex-start;border:none;margin-top:10px;padding-top:0}.pr-countdown-time{font-family:'Cormorant Garamond',serif;font-size:31px;font-weight:500;letter-spacing:0;text-align:left;text-shadow:0 2px 14px rgba(0,0,0,.4)}.pr-reminder-panel{margin-top:10px;padding-top:9px;background:rgba(8,27,35,.36);padding-left:8px;padding-right:8px}.pr-reminder-toggle,.pr-prep-toggle{min-height:44px}
#s-prayers{background:var(--bg)}

.seerah-lead{margin:0;min-height:258px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;padding:25px 25px 21px;background:linear-gradient(0deg,rgba(21,14,22,.94),rgba(21,14,22,.1) 80%),url('assets/folios/seerah-path.webp') 50% 46%/cover;box-shadow:none}
.seerah-lead::before{display:none}.seerah-lead .folio-mark{position:absolute;top:10px;right:20px;font-size:28px}.seerah-lead .folio-headline{font-size:38px;margin:8px 0 2px;line-height:.94}.seerah-lead .folio-deck{font-size:17px}
.stories-tab-sheet{background:var(--bg)}.stories-tab-sheet .library-list{background:var(--bg)}

.salawat-lead{margin:0;min-height:215px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:36px 28px 20px;background:radial-gradient(circle at 96% 7%,rgba(215,179,99,.2),transparent 37%),linear-gradient(130deg,#1d2940,#172f35 58%,#143f35);box-shadow:none}
.salawat-lead::before{display:none}.salawat-lead .folio-mark{position:absolute;right:24px;top:16px;font-size:34px}.salawat-lead .folio-arabic{font-size:39px;text-align:right;width:100%;line-height:1.4;margin:20px 0 12px}.salawat-lead .folio-deck{font-size:16px;align-self:flex-end}
.salawat-library{padding-top:0;background:var(--bg)}.salawat-top{text-align:left}.salawat-card{background:var(--bg-2)}

#s-diary{background:var(--bg)}.di-head{margin:0;text-align:left;padding:37px 25px 17px;background:var(--bg);box-shadow:none;border-bottom:1px solid var(--gold-dim)}.di-head::before{left:auto;right:25px;top:28px;color:var(--gold);font-size:32px}.di-eyebrow{color:var(--gold)}.di-date{font-size:38px;color:var(--tx);line-height:1}.di-hijri{font-size:16px;color:var(--mist)}.di-archive{background:var(--bg)}.di-paper{background:var(--bg-2);box-shadow:none}textarea.di-input{color:var(--tx)}

/* Home keeps the verse as its first act. Extra paths stay tucked away. */
.verse-share-open{min-height:36px;margin-top:10px;padding:0 3px;border:0;border-bottom:1px solid rgba(226,191,121,.6);background:transparent;color:#f3d99c;letter-spacing:.12em}.verse-share-open span{margin-left:3px}
.sunnah-card{margin:10px 0 0;padding:32px 30px 29px;border:0;background:var(--bg-2);overflow:visible}.sunnah-card::before,.sunnah-card::after{display:none}.sunnah-kicker{font-size:9px;letter-spacing:.17em}.sunnah-title{font-size:36px;line-height:.97;max-width:310px}.sunnah-text{margin:12px 0 0;font-size:22px;line-height:1.2;max-width:300px;color:var(--tx-55)}.sunnah-save{display:block;margin-top:24px;padding:6px 0 4px;border-bottom:1px solid var(--gold-dim);font-size:9px}.sunnah-save::before{display:none}.sunnah-save span{font-size:15px;margin-left:6px}.sunnah-details{margin-top:20px}.sunnah-details summary,.home-deeper summary{width:max-content;max-width:100%;color:var(--mist);font-family:'Cormorant Garamond',serif;font-size:17px;font-style:italic;cursor:pointer;list-style:none}.sunnah-details summary::-webkit-details-marker,.home-deeper summary::-webkit-details-marker{display:none}.sunnah-details summary::after{content:'  +';color:var(--gold)}.sunnah-details[open] summary::after{content:'  −'}.sunnah-details .sunnah-source{margin-top:15px}.sunnah-steps{display:block;margin-top:16px}.sunnah-step{padding:0;margin-top:16px}.sunnah-step::before{display:none}.sunnah-note{font-size:18px;line-height:1.25;color:var(--mist)}
.home-deeper{padding:18px 30px 34px;background:var(--bg-2)}.home-deeper summary{font-size:18px;color:var(--gold)}.home-deeper summary span{display:inline-block;font-size:13px;font-style:normal;margin-left:5px;transition:transform .3s}.home-deeper[open] summary span{transform:rotate(90deg)}.daily-thread{margin:18px 0 0;padding:18px 0 5px;border:0;overflow:visible}.daily-thread::before,.daily-thread::after{display:none}.dt-season,.dt-save-note{display:none}.dt-carry{margin:10px 0 8px}.dt-actions{gap:16px}.dt-btn,.dt-btn.secondary,.home-deeper-link{height:auto;padding:5px 0;border:0;border-bottom:1px solid var(--gold-dim);background:none;box-shadow:none;color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:17px;font-style:italic;letter-spacing:0;text-transform:none}.dt-btn.secondary::before{display:none}.home-deeper-link{display:block;margin-top:22px;cursor:pointer}.home-deeper-link span{font-size:13px;margin-left:4px}

/* The composer is a worktable of type and pigment, not a stack of controls. */
.verse-share-sheet{padding:23px 24px max(24px,env(safe-area-inset-bottom));background:#f4eddd}.verse-share-close{width:32px;height:32px;border:0;font-size:30px}.verse-share-preview{border:0;outline:0;padding:27px 18px 18px;background:radial-gradient(ellipse at 83% 28%,rgba(185,145,78,.22),transparent 39%),linear-gradient(160deg,#1d3a31,#102a23 72%);box-shadow:5px 10px 22px rgba(23,42,33,.19);transform:rotate(-1.5deg)}.verse-share-preview::before{display:none}.vsp-kicker{margin-bottom:20px}.vsp-arabic{font-size:27px}.vsp-rule{width:22px}.verse-share-formats{justify-content:center;gap:23px;margin-top:17px}.verse-share-formats button,.verse-share-formats button.on{flex:0 0 auto;min-height:36px;padding:4px 1px;border:0;border-bottom:1px solid transparent;background:none;color:#62594a;font-family:'Cormorant Garamond',serif;font-size:18px;font-style:italic}.verse-share-formats button.on{border-color:#a87b32;color:#19372d}.verse-share-label{margin-top:20px;font-family:'Cormorant Garamond',serif;font-size:18px;font-style:italic}.verse-share-label span{font-size:14px}#verse-personal-line{height:42px;margin-top:0;padding:0;border:0;border-bottom:1px solid #aa9a7b;background:transparent;font-size:21px;outline:none}#verse-personal-line:focus{border-color:#25463a}.verse-share-actions{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:20px}.verse-share-actions button,.verse-share-actions button:not(:first-child){flex:0 1 auto;min-height:36px;padding:5px 0;border:0;border-bottom:1px solid transparent;background:none;color:#2b493c;font-family:'Cormorant Garamond',serif;font-size:16px;font-style:italic;line-height:1.1}.verse-share-actions button:first-child{color:#17392e;border-color:#a87b32;font-size:21px}.verse-share-actions button:active{opacity:.6}

/* A single purposeful reveal on each deliberate page change. */
@keyframes folio-appear{from{opacity:.4;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
#s-home.is-entering .home-verse,#s-prayers.is-entering .pr-head,#s-stories.is-entering .seerah-lead,#s-salawat.is-entering .salawat-lead,#s-diary.is-entering .di-head{animation:folio-appear 480ms var(--ease-settle) both}
@media(prefers-reduced-motion:reduce){#s-home.is-entering .home-verse,#s-prayers.is-entering .pr-head,#s-stories.is-entering .seerah-lead,#s-salawat.is-entering .salawat-lead,#s-diary.is-entering .di-head{animation:none}}
@media(max-height:740px){.pr-head{min-height:220px;padding-top:30px}.seerah-lead{min-height:215px}.salawat-lead{min-height:175px}.home-verse{min-height:270px}}

/* Dark mode keeps the diary as a lit writing surface rather than dim ink on ink. */
#device[data-mode="dark"] #s-diary{background:#17231e}
#device[data-mode="dark"] .di-head,#device[data-mode="dark"] .di-archive{background:#17231e}
#device[data-mode="dark"] .di-date{color:#fff0d5}
#device[data-mode="dark"] .di-hijri,#device[data-mode="dark"] .di-month-name,#device[data-mode="dark"] .di-selected,#device[data-mode="dark"] .di-greg{color:#decba5}
#device[data-mode="dark"] .di-lunar-day{color:#c7b795}
#device[data-mode="dark"] .di-paper{background:#f3ead5;border-color:#d0a861;--paper-line:rgba(82,66,45,.18)}
#device[data-mode="dark"] textarea.di-input{color:#202b24}
#device[data-mode="dark"] textarea.di-input::placeholder{color:#6d6457}
#device[data-mode="dark"] .di-prayer{color:#e2c995;border-color:rgba(226,201,149,.42)}
#device[data-mode="dark"] .di-pattern-t,#device[data-mode="dark"] .di-thread-text{color:#d4c8b3}

/* Spiritual minimalism: a clear word, one seal, changing light, and quiet controls. */
.home-verse::before{background:radial-gradient(ellipse at 50% 38%,rgba(230,197,132,.2),transparent 58%)}
.pr-reminder-panel{background:transparent;padding-left:0;padding-right:0;border-top:1px solid rgba(243,224,181,.27)}
.pr-row.now{background:none;padding-left:2px;margin-left:0}.pr-row.now::before{left:-15px;width:3px}
.dhikr-inner::before{background:radial-gradient(circle at 50% 39%,rgba(238,208,145,.12),transparent 42%)}.dhikr-ring-wrap::before{box-shadow:0 0 0 1px rgba(241,220,158,.3),inset 0 0 28px rgba(241,220,158,.08)}
.dhikr-phrase-row,.dhikr-target-row,.dhikr-step-row{gap:11px}.dhikr-chip,.dhikr-step,.dhikr-target-row .dhikr-chip{min-height:44px;height:44px;border:0;border-bottom:1px solid rgba(236,203,131,.22);background:transparent;box-shadow:none;color:#d9d0b8}.dhikr-chip.on,.dhikr-target-row .dhikr-chip.on{border:0;border-bottom:1px solid #edd098;background:transparent;color:#ffe4a7}.dhikr-step{font-family:'Cormorant Garamond',serif;font-size:26px;letter-spacing:0}.dhikr-step-row{grid-template-columns:58px 74px 82px}#dhikr-zero{font-family:'Cormorant Garamond',serif;font-size:16px;letter-spacing:0;text-transform:none}
.story-index{background:transparent}.story-detail-scroll{background:transparent}.library-card.story-card::before,.library-card.story-card .story-folio-mark{display:none}.story-hero,.story-card.grand .story-hero{background:transparent;padding-top:21px;padding-bottom:14px}.story-title{font-size:30px}.story-card.grand .story-title{font-size:35px}.story-stage-text{font-size:19px;line-height:1.53;color:var(--tx)}
.salawat-card,.salawat-card.open{border:0;border-top:1px solid var(--gold-dim);background:transparent;box-shadow:none}.salawat-list{gap:0}.salawat-card-head{padding:17px 2px}.salawat-card-body{padding:16px 2px 25px}.salawat-pill{border:0;min-width:24px}.salawat-ctrl,.salawat-count-box,.salawat-focus-btn{border:0;border-bottom:1px solid var(--gold-dim);background:transparent;box-shadow:none}.salawat-focus-btn{width:auto;padding:0 4px}
.di-paper{border:0!important;box-shadow:none!important}.di-prayer,#device[data-mode="dark"] .di-prayer{border:0;border-bottom:1px solid var(--gold-dim);background:transparent;box-shadow:none;padding:8px 3px;color:var(--mist)}.di-prayer.noted,#device[data-mode="dark"] .di-prayer.noted{border-bottom-color:var(--gold);background:transparent;color:var(--gold)}
@keyframes folio-appear{from{opacity:.35}to{opacity:1}}
#device[data-mode="dark"] .salawat-translit,#device[data-mode="dark"] .salawat-meaning,#device[data-mode="dark"] .story-stage-text{color:#dfd6c6}
#device[data-mode="dark"] .story-index-title,#device[data-mode="dark"] .story-sub{color:#c9b99c}

/* Reading comfort: utility text is solid and legible, while display type keeps the manuscript character. */
#device[data-mode="dark"]{--mist:#d1c5ae!important;--mist-lt:#c7b99f!important;--tx-55:rgba(244,239,229,.84)!important}
#device[data-mode="light"]{--mist:#5e5548!important;--mist-lt:#6c6252!important;--tx-55:rgba(30,25,18,.78)!important}
.home-welcome-k,.hh-hijri,.hh-greg,.home-verse .v-eyebrow,.home-verse .v-ref,.verse-share-open,.sunnah-kicker,.sunnah-save,.sunnah-source,.sunnah-label,.dt-kicker,.dt-practice,.pr-eyebrow,.pr-countdown-label,.pr-reminder-k,.pr-en,.dhikr-total,.dhikr-chip,.story-index-title,.story-sub,.story-progress,.story-stage-title,.salawat-kicker,.salawat-summary-label,.salawat-focus-btn,.di-eyebrow,.di-archive-title,.di-lunar-day,.di-pattern-k,.di-prayer,.t-lbl{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:14px;font-weight:600;letter-spacing:.02em;line-height:1.35}
.t-lbl{font-size:13px}.story-index-title,.story-sub,.story-progress{font-size:13px}
.home-verse .v-trans,.sunnah-text,.dt-carry,.pr-reminder-status,.story-stage-text,.salawat-translit,.salawat-meaning,.salawat-benefit,.di-pattern-t,.di-thread-text,.guide-text,.library-story,.library-reflection,.protection-meaning{font-weight:600}
.home-verse .v-trans{font-size:21px;line-height:1.25}.sunnah-text{font-size:23px}.dt-carry{font-size:22px}.pr-reminder-status{font-size:17px}.story-index-name{font-size:19px;font-weight:600}.story-stage-text{font-size:20px}.salawat-translit,.salawat-meaning{font-size:19px;line-height:1.42}.salawat-benefit{font-size:17px}.di-pattern-t,.di-thread-text{font-size:17px}.guide-text,.library-story,.library-reflection,.protection-meaning{font-size:18px;line-height:1.5}.dhikr-roman{font-size:19px;font-weight:600}.sunnah-details summary,.home-deeper summary,.dt-btn,.dt-btn.secondary,.home-deeper-link{font-size:20px;font-weight:600}
.dhikr-controls{width:min(354px,calc(100% - 32px))}.dhikr-phrase-row{grid-template-columns:repeat(4,minmax(0,1fr))}.dhikr-phrase-row .dhikr-chip{height:auto;min-height:48px;padding:5px 2px;font-size:13px;letter-spacing:0}.open-count .dhikr-arabic,.open-count .dhikr-target-row{display:none}.open-count .dhikr-roman{font-style:normal;font-size:23px;line-height:1.2;max-width:280px;color:#f6e4bb}
.vsp-kicker,.vsp-footer{font-size:9px;font-weight:600}.vsp-translation{font-size:18px;font-weight:600}.vsp-personal{font-size:16px;font-weight:600}.verse-share-formats button,.verse-share-actions button,.verse-share-label,#verse-personal-line{font-weight:600}
.sunnah-title,.dt-title,.pr-title,.story-title,.salawat-title,.salawat-card-name,.di-date{font-weight:600}

/* Small labels in secondary screens and sheets receive the same readable type floor. */
.btn-rim,.btn-ghost,.launch-cue,.wl-begin,.ob-step,.th-name,.stories-tab-sheet .library-kicker,.hh-chip,.v-hint,.ct-close,.ct-ref,.pr-prep-toggle .pr-reminder-k,.di-legend-item,.city-close,.salawat-reset,.salawat-pill,.salawat-post-title,.fi-kicker,.qibla-kicker,.qibla-signal,.library-kicker,.library-close,.library-label,.story-nav-btn,.story-guide-k,.story-action,.protection-tab,.protection-place,.guide-kicker,.guide-close,.guide-num,.counter-toast-text,.prayer-reminder-kicker,.prayer-reminder-meta,.prayer-reminder-open,.prayer-reminder-dismiss,.verse-share-head .folio-kicker,.verse-received-ref{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:14px;font-weight:600;letter-spacing:.02em;line-height:1.35}
.story-lesson::before{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:14px;font-weight:600}.launch-cue{color:rgba(240,236,228,.82);--to-op:1}.ob-step{opacity:1}.v-hint{opacity:.9}.ct-close{color:#d9bc83}.prayer-reminder-dismiss{color:var(--mist)}
.ct-breathe,.di-hijri,.di-greg,.pr-source,.city-sub,.ob-status,.qibla-status,.dt-save-note{font-size:17px;font-weight:600;line-height:1.4;color:var(--mist);opacity:1}.ct-breathe{color:#d1c6b1}.vsp-kicker,.vsp-footer{font-size:11px}

/* The verse link opens as a page of light, with one invitation into Rūḥ. */
.verse-received-layer{overflow-y:auto;padding:0;background:#142b25}
.verse-received-folio{width:100%;max-width:none;min-height:100%;height:auto;padding:64px 30px 52px;border:0;background:linear-gradient(to bottom,#142b25 0 max(1px,env(safe-area-inset-top)),rgba(20,43,37,0) 145px),radial-gradient(ellipse at 69% 27%,rgba(208,169,93,.18),transparent 44%),linear-gradient(158deg,#1d3e33,#102a24 72%);box-shadow:none}
.verse-received-folio .folio-kicker{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:14px;font-weight:600;letter-spacing:.08em}
.verse-received-sigil{margin:32px 0 12px;font-size:25px}
.verse-received-arabic{max-width:440px;font-size:40px;line-height:1.5;color:#fff1d0}
.verse-received-translation{max-width:440px;margin-top:20px;font-size:30px;font-weight:600;line-height:1.21;color:#f6e8cf}
.verse-received-ref{margin-top:20px;font-size:14px;letter-spacing:.03em}
.verse-received-folio p{margin-top:40px;font-size:21px;font-weight:600;color:#e0d5be}
.verse-received-actions{gap:13px;max-width:340px;margin-top:26px}
.verse-received-actions button,.verse-received-actions button+button{width:auto;min-height:48px;padding:8px 2px;border:0;border-bottom:1px solid rgba(232,202,137,.53);background:none;color:#f6db99;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:16px;font-weight:600;letter-spacing:0;text-transform:none}
.verse-received-actions button+button{font-size:15px;color:#e5d9bd;border-color:rgba(232,202,137,.27)}
.di-thread{opacity:1}.di-thread-text{color:var(--mist)}
.pr-reminder-help{margin:2px 0 0;color:#f3dfb9;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:15px;font-weight:600;line-height:1.45}
.pr-reminder-settings{justify-self:start;min-height:44px;padding:0 1px;border:0;background:none;color:#f3dfb9;text-decoration:underline;text-decoration-color:rgba(243,223,185,.55);text-underline-offset:5px;font:600 15px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.pr-reminder-settings[hidden]{display:none}
#s-ob3 .ob-status{max-width:320px;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:1.45}

/* One continuous ink atmosphere: the verse is light within Home, not a panel laid on top. */
#s-home{--bg:#0d1914;--bg-2:#11211a;--tx:#f6edda;--tx-55:#d8cbb5;--mist:#d4c5a8;--mist-lt:#c9b999;--gold:#dbb568;--gold-dim:rgba(219,181,104,.34);--surface-quiet:transparent;background:radial-gradient(ellipse 95% 68% at 50% 37%,#244235 0%,#152a20 48%,#0d1914 100%);color:var(--tx)}
#s-home .home-scroll{background:transparent}
#s-home .home-head{background:transparent}
#s-home .home-welcome-k,#s-home .hh-hijri,#s-home .hh-greg{color:#e2cfaa}
#s-home .home-welcome{border-color:rgba(232,209,157,.19)}
#s-home .home-meta{display:block;padding-top:8px}
#s-home .home-date-right{text-align:left;margin-top:3px}
#s-home .hh-hijri,#s-home .hh-greg{display:block;white-space:normal;overflow:visible;text-overflow:clip;font-size:13px;line-height:1.35;letter-spacing:.02em}
#s-home .guide-toggle,#s-home .mode-toggle,#s-home .qibla-sigil,#s-home .insta-link{border-color:rgba(227,195,128,.24);background:rgba(255,255,255,.025);color:#e6d7b8}
#s-home .home-verse{margin:0;min-height:342px;padding:46px 31px 29px;clip-path:none;border:0;box-shadow:none;background:transparent;overflow:visible}
#s-home .home-verse::before{inset:-26px 0;background:radial-gradient(ellipse 62% 55% at 50% 48%,rgba(219,177,95,.15),rgba(219,177,95,.045) 48%,transparent 76%);opacity:1;animation:verse-light 9s ease-in-out infinite alternate}
#s-home .home-verse::after{display:none}
#s-home .home-verse .v-eyebrow{margin:0 0 15px;color:#e4bd72}
#s-home .home-verse .v-arabic{font-size:38px;line-height:1.39;color:#fff1d7;text-shadow:0 0 34px rgba(235,194,112,.18)}
#s-home .home-verse .v-trans{margin-top:17px;color:#efe4cf;font-size:22px;line-height:1.27}
#s-home .home-verse .v-ref{margin-top:18px;color:#e4bd72}
#s-home .home-verse .verse-share-open{position:relative;z-index:2;display:block;min-height:44px;margin:20px auto 0;padding:8px 1px;border:0;border-bottom:1px solid rgba(222,181,104,.62);background:none;color:#f6d991;font:700 16px/1.25 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}
#s-home .tab-bar{background:#0d1914;border-color:rgba(222,185,107,.2)}
.sunnah-story-link:active span:last-child{transform:translate(3px,-3px)}

/* Today's Sunnah is an open editorial page with a direct, verified source. */
#s-sunnah{--bg:#ebe0ca;--bg-2:#ebe0ca;--tx:#26382e;--tx-55:#43594b;--mist:#536458;--mist-lt:#536458;--gold:#85642b;--gold-dim:rgba(133,100,43,.34);background:radial-gradient(ellipse 94% 45% at 56% 7%,#f9efd9,#ebe0ca 75%);color:#26382e}
.sunnah-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent}
#s-sunnah .sunnah-card{display:flex;flex-direction:column;align-items:flex-start;min-height:510px;margin:0;padding:57px 29px 38px;border:0;background:transparent;box-shadow:none}
#s-sunnah .sunnah-kicker{font:700 14px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;letter-spacing:.07em;color:#85642b}
#s-sunnah .sunnah-title{max-width:330px;margin-top:33px;font-size:56px;font-weight:600;line-height:.91;letter-spacing:-.035em;color:#26382e}
#s-sunnah .sunnah-text{max-width:325px;margin:27px 0 0;font-size:25px;font-weight:600;line-height:1.18;color:#43594b}
#s-sunnah .sunnah-save{min-height:44px;margin-top:33px;padding:8px 0;border:0;border-bottom:1px solid #85642b;color:#654b20;font:700 17px/1.2 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}
#s-sunnah .sunnah-source-wrap{margin-top:29px;font:600 15px/1.5 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;color:#526255}
#s-sunnah .sunnah-source{color:#59401d;text-decoration:none;border-bottom:1px solid rgba(89,64,29,.5)}
#s-sunnah .sunnah-details{margin-top:22px}
#s-sunnah .sunnah-details summary{min-height:44px;padding:8px 0;color:#495b4e;font:600 17px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-style:normal}
#s-sunnah .sunnah-label{color:#85642b}
#s-sunnah .sunnah-note{color:#465a4c;font-size:19px;line-height:1.4}
.sunnah-story-link{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;min-height:210px;margin:0;padding:28px 29px;border:0;background:linear-gradient(0deg,rgba(26,28,25,.91),rgba(26,28,25,.1) 85%),url('assets/folios/seerah-path.webp') center 48%/cover;color:#f6e7cd;text-align:left;cursor:pointer;overflow:hidden}
.sunnah-story-link span:first-child{color:#e8c587;font:700 14px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}
.sunnah-story-link strong{max-width:310px;margin-top:6px;font:600 33px/1 'Cormorant Garamond',Georgia,serif}
.sunnah-story-link span:last-child{position:absolute;right:30px;bottom:25px;font:600 24px/1 Georgia,serif;transition:transform .25s ease}
#s-sunnah .tab-bar{background:#ebe0ca;border-color:rgba(133,100,43,.23)}
.context-back{align-self:flex-start;min-height:44px;margin:9px 23px 0;padding:5px 0;border:0;background:none;color:var(--gold);font:600 14px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;cursor:pointer}
.dhikr-explore{align-self:center;min-height:44px;margin:4px 0 8px;padding:7px 2px;border:0;border-bottom:1px solid rgba(236,203,131,.4);background:none;color:#f1d69c;font:600 15px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;cursor:pointer}
.dhikr-next{display:flex;align-items:center;justify-content:center;gap:24px;min-height:52px}.dhikr-next .dhikr-explore{margin:0;font-size:14px}

/* A focal glow and staged type give the page life while keeping reading still. */
@keyframes verse-light{from{opacity:.62;transform:scale(.96)}to{opacity:1;transform:scale(1.05)}}
@keyframes ink-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes folio-lift{from{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes postcard-land{from{opacity:0;transform:translateY(14px) rotate(2deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(-1.5deg) scale(1)}}
#s-home.is-entering .home-verse .v-eyebrow{animation:ink-arrive .55s .12s both}
#s-home.is-entering .home-verse .v-arabic{animation:ink-arrive .85s .24s both}
#s-home.is-entering .home-verse .v-trans{animation:ink-arrive .8s .47s both}
#s-home.is-entering .home-verse .v-ref{animation:ink-arrive .7s .64s both}
#s-sunnah.is-entering .sunnah-kicker,#s-sunnah.is-entering .sunnah-title,#s-sunnah.is-entering .sunnah-text,#s-sunnah.is-entering .sunnah-save{animation:ink-arrive .6s both}
#s-sunnah.is-entering .sunnah-title{animation-delay:.09s}#s-sunnah.is-entering .sunnah-text{animation-delay:.2s}#s-sunnah.is-entering .sunnah-save{animation-delay:.32s}
.verse-share-layer.open .verse-share-sheet{animation:folio-lift .48s cubic-bezier(.2,.8,.22,1) both}
.verse-share-layer.open .verse-share-preview{animation:postcard-land .65s .08s cubic-bezier(.2,.8,.22,1) both}
.verse-share-actions{margin-top:24px}.verse-share-actions #verse-share-image{width:100%;min-height:50px;flex:1;display:flex;align-items:center;justify-content:space-between;padding:7px 0;border:0;border-bottom:1px solid #a87b32;background:none;color:#17392e;font:700 19px/1.25 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-style:normal;text-align:left}.verse-share-actions #verse-share-image span{font-size:23px}
.verse-share-more{margin-top:10px}.verse-share-more summary{width:max-content;min-height:40px;padding:8px 0;color:#42584c;font:600 15px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;cursor:pointer;list-style:none}.verse-share-more summary::-webkit-details-marker{display:none}.verse-share-more summary::after{content:'  +';color:#85642b}.verse-share-more[open] summary::after{content:'  −'}
.verse-share-secondary{display:flex;gap:25px}.verse-share-secondary button{min-height:43px;padding:6px 0;border:0;border-bottom:1px solid #ad9467;background:none;color:#315044;font:600 15px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;cursor:pointer}
.sunnah-story-link{transition:background-position .5s ease,filter .35s ease}.sunnah-story-link:active{background-position:54% 48%;filter:brightness(1.1)}
.t-btn .t-ico{transition:transform .27s var(--ease-settle),filter .27s ease}
.t-btn:nth-child(3) .t-ico svg{width:23px;height:23px}.t-btn:nth-child(3).on::after{width:27px}
.t-btn{min-height:51px}.t-lbl{font-size:13px}
@media(prefers-reduced-motion:reduce){#s-home .home-verse::before,#s-home.is-entering .home-verse .v-eyebrow,#s-home.is-entering .home-verse .v-arabic,#s-home.is-entering .home-verse .v-trans,#s-home.is-entering .home-verse .v-ref,#s-sunnah.is-entering .sunnah-kicker,#s-sunnah.is-entering .sunnah-title,#s-sunnah.is-entering .sunnah-text,#s-sunnah.is-entering .sunnah-save,.verse-share-layer.open .verse-share-sheet,.verse-share-layer.open .verse-share-preview{animation:none!important}.t-btn .t-ico,.sunnah-story-link{transition:none!important}}

/* Ink and paper are the same materials throughout the app; the chosen mode changes the light, not the language. */
#device[data-mode="light"]{--bg:#f5eddd;background:#f5eddd}
#device[data-mode="dark"]{--bg:#10241e;background:#10241e}
#device[data-mode="light"] :is(#s-home,#s-prayers,#s-dhikr,#s-stories,#s-salawat,#s-sunnah,#s-diary){--bg:#f5eddd;--bg-2:#eee3cf;--tx:#203a2e;--tx-55:#465b4d;--tx-12:rgba(32,58,46,.17);--tx-06:rgba(32,58,46,.09);--mist:#526555;--mist-lt:#5c6b5f;--gold:#856329;--gold-lt:#9b7736;--gold-dim:rgba(133,99,41,.28);--surface-quiet:#f5eddd;color:var(--tx)}
#device[data-mode="dark"] :is(#s-home,#s-prayers,#s-dhikr,#s-stories,#s-salawat,#s-sunnah,#s-diary){--bg:#10241e;--bg-2:#1b342a;--tx:#f5ead7;--tx-55:#dccfb9;--tx-12:rgba(245,234,215,.19);--tx-06:rgba(245,234,215,.09);--mist:#d5c7ae;--mist-lt:#c9b99b;--gold:#ddb973;--gold-lt:#edd092;--gold-dim:rgba(221,185,115,.27);--surface-quiet:#10241e;color:var(--tx)}
#device[data-mode] :is(#s-home,#s-prayers,#s-dhikr,#s-stories,#s-salawat,#s-sunnah,#s-diary) .tab-bar{background:var(--bg);border-color:var(--gold-dim)}
#device[data-mode] :is(#s-home,#s-prayers,#s-dhikr,#s-stories,#s-salawat,#s-sunnah,#s-diary) .t-btn{color:var(--mist)}
#device[data-mode] :is(#s-home,#s-prayers,#s-dhikr,#s-stories,#s-salawat,#s-sunnah,#s-diary) .t-btn.on{color:var(--gold)}

/* The photographic chapters share one forest-toned ink wash. */
#s-prayers.screen{padding-top:0!important}
@media(max-width:600px){
  #s-prayers .pr-head{padding-top:calc(44px + env(safe-area-inset-top))}
}
.seerah-lead{background:linear-gradient(0deg,rgba(12,35,28,.96),rgba(12,35,28,.13) 80%),url('assets/folios/seerah-path.webp') 50% 46%/cover}
.salawat-lead{background:radial-gradient(circle at 88% 13%,rgba(221,185,115,.19),transparent 39%),linear-gradient(135deg,#224638,#102b23 72%)}
.sunnah-story-link{background:linear-gradient(0deg,rgba(12,35,28,.94),rgba(12,35,28,.1) 85%),url('assets/folios/seerah-path.webp') center 48%/cover}
:is(.seerah-lead,.salawat-lead) .folio-kicker{font:700 14px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;letter-spacing:.06em;color:#e9c987}
:is(.seerah-lead,.salawat-lead) .folio-deck{font-size:18px;font-weight:600;color:#f2e3cb}

/* Daylight Home: the verse remains the focal point on an uninterrupted sheet of parchment. */
#device[data-mode="light"] #s-home{background:radial-gradient(ellipse 90% 65% at 50% 37%,#fff7e8 0%,#f5eddd 67%,#eee2cb 100%)}
#device[data-mode="light"] #s-home .home-welcome{border-color:var(--gold-dim)}
#device[data-mode="light"] #s-home :is(.home-welcome-k,.hh-hijri,.hh-greg){color:#546556}
#device[data-mode="light"] #s-home :is(.guide-toggle,.mode-toggle,.qibla-sigil,.insta-link){border-color:var(--gold-dim);background:rgba(255,255,255,.2);color:#4b604f}
#device[data-mode="light"] #s-home .home-verse::before{background:radial-gradient(ellipse 64% 55% at 50% 48%,rgba(194,148,69,.16),rgba(194,148,69,.04) 53%,transparent 76%)}
#device[data-mode="light"] #s-home :is(.home-verse .v-eyebrow,.home-verse .v-ref){color:#856329}
#device[data-mode="light"] #s-home .home-verse .v-arabic{color:#203a2e;text-shadow:none}
#device[data-mode="light"] #s-home .home-verse .v-trans{color:#2b4536}
#device[data-mode="light"] #s-home .home-verse .verse-share-open{color:#425c47;border-color:#94733d}

/* Sunnah keeps its editorial layout while following the same dark or light chapter palette. */
#device[data-mode="light"] #s-sunnah{background:linear-gradient(to bottom,#f5eddd 0 max(1px,env(safe-area-inset-top)),rgba(245,237,221,0) 145px),radial-gradient(ellipse 94% 45% at 56% 7%,#fff6e5,#f5eddd 75%)}
#device[data-mode="dark"] #s-sunnah{background:linear-gradient(to bottom,#10241e 0 max(1px,env(safe-area-inset-top)),rgba(16,36,30,0) 145px),radial-gradient(ellipse 94% 45% at 56% 7%,#254237,#10241e 75%)}
#device[data-mode="dark"] #s-sunnah :is(.sunnah-title,.sunnah-text,.sunnah-note){color:var(--tx)}
#device[data-mode="dark"] #s-sunnah :is(.sunnah-kicker,.sunnah-label){color:var(--gold)}
#device[data-mode="dark"] #s-sunnah :is(.sunnah-save,.sunnah-source){color:#f0d295;border-color:var(--gold)}
#device[data-mode="dark"] #s-sunnah :is(.sunnah-source-wrap,.sunnah-details summary){color:var(--mist)}
#device[data-mode="dark"] #s-diary,#device[data-mode="dark"] #s-diary :is(.di-head,.di-archive){background:var(--bg)}

/* Remember has the same tactile seal in daylight, with dark ink and readable controls. */
#device[data-mode="light"] #s-dhikr{background:linear-gradient(to bottom,#f5eddd 0 max(1px,env(safe-area-inset-top)),rgba(245,237,221,0) 145px),radial-gradient(circle at 50% 37%,#fff8e8 0%,#f5eddd 58%,#eee2ca 100%)}
#device[data-mode="dark"] #s-dhikr{background:linear-gradient(to bottom,#10241e 0 max(1px,env(safe-area-inset-top)),rgba(16,36,30,0) 145px),radial-gradient(circle at 50% 37%,#265346 0,#17392e 45%,#10291f 100%)}
#device[data-mode="light"] #s-dhikr .dhikr-inner::before{background:radial-gradient(circle at 50% 39%,rgba(180,139,72,.13),transparent 44%)}
#device[data-mode="light"] #s-dhikr .dhikr-ring-wrap::before{background:radial-gradient(circle at 50% 38%,rgba(197,164,102,.12),transparent 68%);box-shadow:0 0 0 1px rgba(133,99,41,.38),inset 0 0 28px rgba(197,164,102,.08)}
#device[data-mode="light"] #s-dhikr :is(.dhikr-count,.dhikr-arabic){color:#203a2e}
#device[data-mode="light"] #s-dhikr :is(.dhikr-roman,.dhikr-total,.open-count .dhikr-roman){color:#465b4d}
#device[data-mode="light"] #s-dhikr :is(.dhikr-chip,.dhikr-step,.dhikr-target-row .dhikr-chip){color:#435a49;border-color:var(--gold-dim)}
#device[data-mode="light"] #s-dhikr :is(.dhikr-chip.on,.dhikr-target-row .dhikr-chip.on){color:#856329;border-color:#856329}
#device[data-mode="light"] #s-dhikr .dhikr-explore{color:#435a49;border-color:var(--gold-dim)}

/* Home as an illuminated opening leaf: one margin ornament and one verse. */
#s-home{background:linear-gradient(to bottom,#10241e 0 max(1px,env(safe-area-inset-top)),rgba(16,36,30,0) 145px),radial-gradient(ellipse 90% 50% at 70% 28%,#1c382d 0%,#10241d 75%);color:#f5ead7}
#s-home .home-scroll{display:flex;flex-direction:column}
#s-home .home-head{z-index:5;grid-template-areas:"brand actions" "meta meta";padding:20px 27px 0;row-gap:0;align-items:center}
#s-home .home-brand{gap:10px}
#s-home .home-brand-mark{width:32px;height:32px}
#s-home .home-brand-name{font-size:38px;line-height:1}
#s-home .home-date-right{display:none}
/* Personal greeting: a quiet italic line under the Hijri date (name comes from onboarding). */
#s-home .home-head{grid-template-areas:"brand actions" "meta meta" "welcome welcome"}
#s-home .home-welcome{display:block;grid-area:welcome;min-width:0;margin:0;padding:5px 0 0;border:0}
#s-home .home-welcome-k{font:italic 500 16px/1.35 'Cormorant Garamond',Georgia,serif;letter-spacing:.01em;word-spacing:0;text-transform:none;color:#cfbea0;opacity:.9}
#device[data-mode="light"] #s-home .home-welcome-k{color:#526454}
#s-home .home-meta{display:block;margin-top:19px;padding:0}
#s-home .hh-hijri{font:600 14px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;letter-spacing:.025em;text-transform:none;color:#cfbea0}
#s-home .home-menu{grid-area:actions;position:relative;z-index:10}
#s-home .home-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;color:#ddb973;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
#s-home .home-menu summary::-webkit-details-marker{display:none}
#s-home .home-menu summary span{font:600 28px/1 Georgia,serif;transform:translateY(-6px)}
#s-home .home-menu .hh-right{position:absolute;top:44px;right:0;display:flex;flex-direction:column;align-items:stretch;width:202px;padding:5px 15px;background:#1e392d;border:1px solid rgba(221,185,115,.32);box-shadow:0 20px 38px rgba(3,15,11,.36)}
#s-home .home-menu :is(.guide-toggle,.qibla-sigil,.mode-toggle,.insta-link){display:flex;align-items:center;justify-content:flex-start;gap:13px;width:100%;min-height:48px;height:auto;padding:7px 2px;border:0;border-radius:0;border-bottom:1px solid rgba(221,185,115,.17);background:none;box-shadow:none;color:#f1e3c8;opacity:1;font:600 15px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;text-align:left}
#s-home .home-menu .insta-link{border-bottom:0}
#s-home .home-menu :is(.guide-toggle,.qibla-sigil,.mode-toggle,.insta-link) :is(svg,span:first-child){flex:0 0 19px}
#s-home .home-menu .guide-toggle span:first-child{text-align:center;font:600 20px/1 'Cormorant Garamond',Georgia,serif}
/* "Your name" row + inline editor in the Home ⋯ menu */
#s-home .home-menu .name-edit-open{display:flex;align-items:center;justify-content:flex-start;gap:13px;width:100%;min-height:48px;padding:7px 2px;border:0;border-bottom:1px solid rgba(221,185,115,.17);background:none;color:#f1e3c8;font:600 15px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
#s-home .home-menu .name-edit-open svg{flex:0 0 19px;height:17px}
#s-home .home-menu .hh-right.editing-name>:not(.name-edit){display:none}
#s-home .home-menu .name-edit{padding:11px 2px 4px}
#s-home .home-menu .name-edit-k{display:block;font:600 12px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;letter-spacing:.04em;color:#ddb973}
#s-home .home-menu .name-edit-input{display:block;width:100%;margin-top:4px;padding:5px 0 7px;border:0;border-bottom:1px solid rgba(221,185,115,.45);border-radius:0;background:transparent;color:#f5ead7;font:500 22px/1.2 'Cormorant Garamond',Georgia,serif;outline:none;caret-color:#ddb973}
#s-home .home-menu .name-edit-input:focus{border-bottom-color:#ddb973}
#s-home .home-menu .name-edit-note{margin-top:5px;font:500 13px/1.35 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;color:#cfbea0}
#s-home .home-menu .name-edit-note:empty{display:none}
#s-home .home-menu .name-edit-actions{display:flex;justify-content:flex-end;gap:20px;margin-top:4px}
#s-home .home-menu .name-edit-actions button{min-height:44px;padding:0 2px;border:0;background:none;color:#cfbea0;font:600 15px/1 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
#s-home .home-menu .name-edit-actions #name-edit-save{color:#ddb973}
#s-home .home-verse{position:relative;display:flex;flex:1;flex-direction:column;justify-content:flex-start;min-height:calc(100dvh - 145px);margin:0;padding:clamp(215px,24dvh,230px) 26px 22px;overflow:visible;background:transparent;box-shadow:none;clip-path:none}
#s-home .home-verse::before,#s-home .home-verse::after{display:none}
#s-home .home-illumination{--illum-opacity:.88;position:absolute;top:-4px;right:8px;width:225px;height:auto;opacity:var(--illum-opacity);pointer-events:none;filter:drop-shadow(0 0 15px rgba(231,181,99,.1))}
#s-home .verse-contemplate{position:relative;z-index:1;justify-content:flex-start;min-height:0;padding-top:0}
#s-home .home-verse .v-eyebrow{display:none}
#s-home .home-verse .v-arabic{max-width:360px;font-size:clamp(36px,10vw,44px);font-weight:700;line-height:1.4;color:#fff1d9;text-shadow:none}
#s-home .home-verse .v-trans{max-width:335px;margin-top:17px;color:#eee0c8;font-size:24px;font-style:normal;font-weight:600;line-height:1.17}
#s-home .home-verse .v-ref{margin-top:16px;color:#e5c17e;font-size:13px;font-weight:600;line-height:1.35;letter-spacing:.035em}
#s-home .home-verse .verse-share-open{display:block;min-height:42px;margin:15px auto 0;padding:6px 3px;border:0;background:none;color:#dfc590;font:600 14px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;letter-spacing:0;text-transform:none}
#s-home .home-deeper{flex-shrink:0;margin:0;padding:22px 27px 34px;border-top:1px solid var(--gold-dim);background:transparent}
@keyframes illumination-arrive{from{opacity:0;transform:translate(8px,-6px)}to{opacity:var(--illum-opacity);transform:translate(0,0)}}
#s-home.is-entering .home-illumination{animation:illumination-arrive .7s var(--ease-settle) both}
#device[data-mode="light"] #s-home{background:linear-gradient(to bottom,#f5eddd 0 max(1px,env(safe-area-inset-top)),rgba(245,237,221,0) 145px),radial-gradient(ellipse 95% 50% at 68% 26%,#fff7e8 0%,#f5eddd 75%);color:#203a2e}
#device[data-mode="light"] #s-home .hh-hijri{color:#526454}
#device[data-mode="light"] #s-home .home-menu summary{color:#856329}
#device[data-mode="light"] #s-home .home-menu .hh-right{background:#f7efdf;border-color:rgba(133,99,41,.32);box-shadow:0 18px 32px rgba(64,48,22,.15)}
#device[data-mode="light"] #s-home .home-menu :is(.guide-toggle,.qibla-sigil,.mode-toggle,.insta-link){color:#2c4938;border-color:rgba(133,99,41,.2);background:none}
#device[data-mode="light"] #s-home .home-menu .name-edit-open{color:#2c4938;border-bottom-color:rgba(133,99,41,.2)}
#device[data-mode="light"] #s-home .home-menu .name-edit-k,#device[data-mode="light"] #s-home .home-menu .name-edit-actions #name-edit-save{color:#856329}
#device[data-mode="light"] #s-home .home-menu .name-edit-input{color:#203a2e;border-bottom-color:rgba(133,99,41,.4);caret-color:#856329}
#device[data-mode="light"] #s-home .home-menu .name-edit-input:focus{border-bottom-color:#856329}
#device[data-mode="light"] #s-home .home-menu :is(.name-edit-note,.name-edit-actions button){color:#526454}
#device[data-mode="light"] #s-home .home-illumination{--illum-opacity:.68;filter:drop-shadow(0 0 7px rgba(149,110,52,.07))}
#device[data-mode="light"] #s-home .home-verse .v-arabic{color:#1d392d}
#device[data-mode="light"] #s-home .home-verse .v-trans{color:#304c3b}
#device[data-mode="light"] #s-home .home-verse .v-ref{color:#856329}
#device[data-mode="light"] #s-home .home-verse .verse-share-open{color:#526a50}
@media(max-width:380px){#s-home .home-verse .v-arabic{font-size:36px}#s-home .home-verse .v-trans{font-size:22px}}
@media(prefers-reduced-motion:reduce){#s-home.is-entering .home-illumination{animation:none}}

/* Native screenshot QA: keep secondary controls legible and avoid clipped rail text. */
.pr-head{background:linear-gradient(to bottom,#18382e 0 max(1px,env(safe-area-inset-top)),rgba(24,56,46,0) 140px),linear-gradient(0deg,rgba(10,37,31,.76),transparent 65%),linear-gradient(90deg,rgba(13,42,33,.84),rgba(13,42,33,.31) 88%),url('assets/folios/prayer-sky.webp') center 40%/cover}
.screen{--chrome-surface:var(--bg)}
#s-launch{--chrome-surface:#10241e}
#s-welcome{--chrome-surface:var(--deep)}
#s-prayers{--chrome-surface:#18382e}
#duduk{--chrome-surface:#06120e;background:linear-gradient(to bottom,#06120e 0 max(1px,env(safe-area-inset-top)),rgba(6,18,14,0) 145px),radial-gradient(ellipse 85% 62% at 50% 42%,#183b2f 0%,#0c2119 56%,#06120e 100%)}
:is(.library-modal,.guide-modal){padding-top:calc(28px + env(safe-area-inset-top))}
.verse-share-sheet{max-height:calc(100% - max(18px,env(safe-area-inset-top)))}
#s-stories .stories-tab-sheet{border:0;box-shadow:none}
.pr-prep-toggle:disabled{opacity:.74}
.di-month{min-width:100%}
#s-diary .di-date{font-size:clamp(29px,8vw,38px)}
textarea.di-input::placeholder{color:#766c5b;font-style:normal;font-weight:600;font-size:20px}
#device[data-mode="dark"] textarea.di-input::placeholder{color:#766c5b}
.verse-share-close{width:44px;height:44px;border:0;border-radius:50%;outline:0}
.verse-share-close:focus-visible{outline:2px solid #a87b32;outline-offset:2px}

/* Tablet pages use a real reading folio rather than a phone mockup. */
@media(min-width:601px){
  html,body{background:var(--app-chrome,#f5eddd)}
  #device{width:min(100vw,800px);height:100dvh;box-shadow:none}
  #s-home .home-head{padding:58px 52px 0}
  #s-home .home-meta{margin-top:22px}
  #s-home .home-verse{min-height:calc(100dvh - 195px);padding-top:min(37dvh,380px)}
  #s-home .home-illumination{top:6px;right:0;width:330px}
  #s-home .home-verse .v-arabic{max-width:570px;font-size:52px}
  #s-home .home-verse .v-trans{max-width:510px;font-size:29px}
  #s-sunnah .sunnah-card{padding:86px 58px 42px;min-height:570px}
  #s-sunnah .sunnah-title{max-width:530px}
  #s-sunnah .sunnah-text{max-width:540px}
  #s-sunnah .sunnah-story-link{min-height:300px;padding:40px 58px}
  #s-prayers .pr-head{padding:80px 52px 30px;min-height:350px}
  #s-diary .di-head{padding:78px 52px 25px}
  #s-diary .di-date{font-size:42px}
  #s-diary .di-archive{padding:24px 44px 20px}
  #s-diary .di-context{padding-left:52px;padding-right:52px}
  #s-diary .di-paper{margin-left:52px;margin-right:52px}
}

/* Short, distinct responses for each destination. Reading surfaces settle and then stay still. */
@keyframes ruh-ink-settle{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes ruh-line-settle{from{transform:translateY(7px)}to{transform:translateY(0)}}
@keyframes ruh-seal-settle{from{opacity:.6;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes ruh-prayer-arc{from{stroke-dashoffset:1}to{stroke-dashoffset:var(--pr-dash)}}
#s-prayers.is-entering .pr-countdown{animation:ruh-ink-settle 700ms 220ms var(--ease-out) both}
#s-prayers.is-entering .arc-wrap path[stroke="url(#g-arc)"]{animation:ruh-prayer-arc 1050ms 260ms var(--ease-out) both}
#s-prayers.is-entering .pr-row{animation:ruh-line-settle 650ms 340ms var(--ease-out) both}
#s-prayers.is-entering .pr-row:nth-child(2){animation-delay:420ms}
#s-prayers.is-entering .pr-row:nth-child(3){animation-delay:500ms}
#s-prayers.is-entering .pr-row:nth-child(4){animation-delay:580ms}
#s-prayers.is-entering .pr-row:nth-child(5){animation-delay:660ms}
.pr-reminder-toggle:active .pr-reminder-switch,.pr-prep-toggle:active .pr-reminder-switch{transform:scale(.92)}
#s-dhikr .dhikr-total{min-height:20px;margin-bottom:5px;font-size:13px;letter-spacing:.04em}
.dhikr-focus-open{display:flex;align-items:center;justify-content:center;gap:8px;min-width:130px;height:46px;margin:0 auto 2px;border:0;border-bottom:1px solid var(--gold-dim);background:transparent;color:var(--gold);font:600 15px/1 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;cursor:pointer}
.dhikr-focus-open:active{transform:scale(.96)}
.dhikr-options{position:relative;z-index:4;width:100%;flex-shrink:0;margin:0 auto 4px}
.dhikr-options summary{display:flex;align-items:center;justify-content:center;width:48px;height:42px;margin:auto;color:var(--mist);cursor:pointer;list-style:none}
.dhikr-options summary::-webkit-details-marker{display:none}
.dhikr-options summary:active{transform:scale(.93)}
@keyframes ruh-options-open{from{opacity:.35;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
.dhikr-options-panel{position:absolute;left:50%;bottom:calc(100% + 8px);width:min(344px,calc(100vw - 36px));max-height:min(390px,calc(100vh - 180px));overflow-y:auto;padding:17px 12px 9px;border:1px solid var(--gold-dim);background:#17392e;box-shadow:0 16px 38px rgba(20,16,10,.18);transform:translateX(-50%);animation:ruh-options-open 260ms cubic-bezier(.22,1,.36,1) both}
#device[data-mode="light"] #s-dhikr .dhikr-options-panel{background:#f5eee0}
.dhikr-options:not([open]) .dhikr-options-panel{display:none}
.dhikr-options-panel .dhikr-controls{width:100%;margin-bottom:12px}
.dhikr-options-panel .dhikr-next{position:relative;margin:0 auto;width:100%}
#s-dhikr .tab-bar{min-height:62px;padding-top:9px;padding-bottom:max(13px,env(safe-area-inset-bottom))}
#s-dhikr .tab-bar .t-lbl{display:none}
#s-dhikr .tab-bar .t-ico svg{width:22px;height:22px}
#s-dhikr.is-entering .dhikr-ring-wrap{animation:ruh-seal-settle 320ms cubic-bezier(.22,1,.36,1) both}
.dhikr-chip:active,.dhikr-step:active{transform:scale(.95)}
.dhikr-chip,.dhikr-step{transition:transform 130ms cubic-bezier(.22,1,.36,1),background 220ms ease,border-color 220ms ease,color 220ms ease}
.sunnah-details[open] .sunnah-steps,.home-deeper[open] .daily-thread{animation:ruh-ink-settle 250ms var(--ease-out) both}
.sunnah-save:active,.verse-share-open:active{transform:translateY(2px)}
.sunnah-save,.verse-share-open{transition:transform 130ms var(--ease-out),color 180ms ease}
#s-stories.is-entering .stories-tab-sheet .library-top{animation:ruh-ink-settle 700ms 240ms var(--ease-out) both}
#s-stories.is-entering .story-index-card{animation:ruh-ink-settle 560ms 330ms var(--ease-out) both}
#s-stories.is-entering .story-card{animation:ruh-ink-settle 660ms 180ms var(--ease-out) both}
.story-index-card:active{transform:translateY(2px)}
.story-index-card{transition:transform 130ms var(--ease-out),color 220ms ease}
#s-salawat.is-entering .salawat-summary{animation:ruh-ink-settle 300ms var(--ease-out) both}
.salawat-card.open .salawat-card-body{animation:ruh-ink-settle 250ms var(--ease-out) both}
.salawat-card-head:active,.salawat-focus-btn:active{transform:translateY(2px)}
.salawat-card-head,.salawat-focus-btn{transition:transform 130ms var(--ease-out),color 180ms ease}
@keyframes ruh-day-picked{from{transform:translateX(-50%) scale(.55)}to{transform:translateX(-50%) scale(1)}}
#s-diary.is-entering .di-archive{animation:ruh-line-settle 700ms 260ms var(--ease-out) both}
#s-diary.is-entering .di-paper{animation:ruh-line-settle 700ms 400ms var(--ease-out) both}
.di-lunar-day.day-picked::before{animation:ruh-day-picked 520ms var(--ease-out) both}
.di-prayer.noted{animation:ruh-seal-settle 400ms var(--ease-out) both}
.di-lunar-day:active::before{transform:translateX(-50%) scale(.78)}
.di-lunar-day::before{transition:transform 140ms var(--ease-out),background 240ms ease,border-color 240ms ease,box-shadow 240ms ease}
.di-prayer:active{transform:translateY(2px)}
.di-prayer{transition:transform 130ms var(--ease-out),color 220ms ease,border-color 220ms ease}
.t-btn:active .t-ico{transform:translateY(-2px) scale(1.05)}
@media(prefers-reduced-motion:reduce){
  #s-prayers.is-entering .pr-countdown,#s-prayers.is-entering .pr-row,#s-prayers.is-entering .arc-wrap path[stroke="url(#g-arc)"],#s-dhikr:not(.off) .dhikr-ring-wrap,
  .sunnah-details[open] .sunnah-steps,.home-deeper[open] .daily-thread,#s-stories.is-entering .stories-tab-sheet .library-top,
  #s-salawat.is-entering .salawat-summary,.salawat-card.open .salawat-card-body,#s-diary.is-entering .di-archive,
  #s-diary.is-entering .di-paper,.di-lunar-day.day-picked::before,.di-prayer.noted,#s-stories.is-entering .story-index-card,#s-stories.is-entering .story-card,.sf-count.pop{animation:none!important}
  .salawat-focus,.sf-bead,.dhikr-chip,.dhikr-step,.sunnah-save,.verse-share-open,.story-index-card,
  .salawat-card-head,.salawat-focus-btn,.di-lunar-day::before,.di-prayer,.t-btn .t-ico{transition:none!important}
}

/* The short Optima wordmark stays identical on devices without the font. */
@supports ((-webkit-mask-image:linear-gradient(#000,#000)) or (mask-image:linear-gradient(#000,#000))){
  .launch-roman,#s-home .home-brand-name{display:block;flex:none;font-size:0;line-height:0;background-color:currentColor;-webkit-mask:url('assets/brand/ruh-wordmark-optima.png') center/contain no-repeat;mask:url('assets/brand/ruh-wordmark-optima.png') center/contain no-repeat}
  .launch-roman{width:113px;height:53px}
  #s-home .home-brand-name{width:70px;height:33px}
}

/* Opening leaves: movement reads at phone scale, then the manuscript rests. */
@keyframes ruh-leaf-unfold{from{opacity:.18;transform:translateY(24px) rotate(-.7deg) scale(.975)}to{opacity:1;transform:none}}
@keyframes ruh-ink-emerge{from{opacity:.12;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes ruh-margin-light{from{opacity:0;transform:translate(20px,-15px) scale(.92)}to{opacity:var(--illum-opacity);transform:none}}
@keyframes ruh-rule-write{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ruh-bookmark-arrive{from{opacity:.15;transform:translateX(20px)}to{opacity:1;transform:none}}
@keyframes ruh-lunar-ink{from{opacity:.2;transform:translateX(-50%) scale(.4)}to{opacity:1;transform:translateX(-50%) scale(1)}}
#s-home .home-verse::before,#s-stories .story-folio-mark{animation:none}
#s-diary .di-paper::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--gold);opacity:.8;transform:scaleX(0);transform-origin:left;pointer-events:none}
#s-diary .di-paper:focus-within::after{transform:scaleX(1)}
@media(prefers-reduced-motion:no-preference){
  :where(#device:not([data-motion="still"])) #s-home.is-entering .home-head{animation:ruh-ink-emerge 650ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-home.is-entering .home-welcome{animation:ruh-ink-emerge 650ms 120ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-home.is-entering .home-verse{animation:ruh-leaf-unfold 850ms 80ms var(--ease-settle) both;transform-origin:50% 0}
  :where(#device:not([data-motion="still"])) #s-home.is-entering .home-illumination{animation:ruh-margin-light 1100ms 100ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-home.is-entering .home-verse .v-arabic{animation:ruh-ink-emerge 850ms 240ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-home.is-entering .home-verse .v-rule{animation:ruh-rule-write 800ms 360ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-home.is-entering .home-verse .v-trans{animation:ruh-ink-emerge 800ms 420ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-home.is-entering .home-verse .v-ref{animation:ruh-ink-emerge 700ms 580ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-home.is-entering .verse-share-open{animation:ruh-ink-emerge 650ms 700ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-home .home-deeper[open] .daily-thread{animation:ruh-leaf-unfold 600ms var(--ease-settle) both;transform-origin:50% 0}
  :where(#device:not([data-motion="still"])) #s-home .home-deeper[open] :is(.dt-carry,.dt-practice,.dt-actions,.home-deeper-link){animation:ruh-ink-emerge 520ms 100ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-home .home-deeper[open] .dt-practice{animation-delay:180ms}
  :where(#device:not([data-motion="still"])) #s-home .home-deeper[open] .dt-actions{animation-delay:240ms}
  :where(#device:not([data-motion="still"])) #s-home .home-deeper[open] .home-deeper-link{animation-delay:300ms}

  :where(#device:not([data-motion="still"])) #s-sunnah.is-entering .sunnah-card{animation:ruh-leaf-unfold 800ms var(--ease-settle) both;transform-origin:50% 0}
  :where(#device:not([data-motion="still"])) #s-sunnah.is-entering :is(.sunnah-kicker,.sunnah-title,.sunnah-text,.sunnah-save,.sunnah-source-wrap,.sunnah-details summary){animation:ruh-ink-emerge 700ms 100ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-sunnah.is-entering .sunnah-title{animation-delay:200ms}
  :where(#device:not([data-motion="still"])) #s-sunnah.is-entering .sunnah-text{animation-delay:340ms}
  :where(#device:not([data-motion="still"])) #s-sunnah.is-entering .sunnah-save{animation-delay:480ms}
  :where(#device:not([data-motion="still"])) #s-sunnah.is-entering .sunnah-source-wrap{animation-delay:560ms}
  :where(#device:not([data-motion="still"])) #s-sunnah.is-entering .sunnah-details summary{animation-delay:620ms}
  :where(#device:not([data-motion="still"])) #s-sunnah .sunnah-details[open] .sunnah-steps{animation:ruh-leaf-unfold 580ms var(--ease-settle) both;transform-origin:50% 0}
  :where(#device:not([data-motion="still"])) #s-sunnah .sunnah-details[open] .sunnah-step{animation:ruh-ink-emerge 550ms 100ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-sunnah .sunnah-details[open] .sunnah-step:nth-child(2){animation-delay:200ms}
  :where(#device:not([data-motion="still"])) #s-sunnah .sunnah-story-link.is-revealing :is(span:first-child,strong){animation:ruh-ink-emerge 700ms 100ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-sunnah .sunnah-story-link.is-revealing strong{animation-delay:230ms}

  :where(#device:not([data-motion="still"])) #s-stories.is-entering .seerah-lead{animation:ruh-leaf-unfold 950ms var(--ease-settle) both;transform-origin:50% 100%}
  :where(#device:not([data-motion="still"])) #s-stories.is-entering .seerah-lead :is(.folio-kicker,.folio-headline,.folio-deck){animation:ruh-ink-emerge 800ms 180ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-stories.is-entering .seerah-lead .folio-headline{animation-delay:300ms}
  :where(#device:not([data-motion="still"])) #s-stories.is-entering .seerah-lead .folio-deck{animation-delay:460ms}
  :where(#device:not([data-motion="still"])) #s-stories.is-entering .stories-tab-sheet .library-top{animation:ruh-ink-emerge 700ms 340ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-stories.is-entering .story-index-card{animation:ruh-bookmark-arrive 650ms 400ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-stories.is-entering .story-index-card:nth-child(2){animation-delay:480ms}
  :where(#device:not([data-motion="still"])) #s-stories.is-entering .story-index-card:nth-child(n+3){animation-delay:560ms}
  :where(#device:not([data-motion="still"])) #s-stories .library-card.story-card,:where(#device:not([data-motion="still"])) #s-stories.is-entering .story-card{animation:ruh-leaf-unfold 700ms 100ms var(--ease-settle) both;transform-origin:50% 0}
  :where(#device:not([data-motion="still"])) #s-stories .story-card .story-ornament{animation:ruh-rule-write 750ms 180ms var(--ease-settle) both;transform-origin:center}
  :where(#device:not([data-motion="still"])) #s-stories :is(.story-stage,.story-guide-row).is-revealing > :is(.story-stage-title,.story-guide-k){animation:ruh-bookmark-arrive 650ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-stories .story-stage.is-revealing::before{animation:ruh-rule-write 700ms var(--ease-settle) both;transform-origin:left}
  :where(#device:not([data-motion="still"])) #s-stories .story-lessons.is-revealing .story-lesson::before{animation:ruh-ink-emerge 550ms var(--ease-settle) both}

  :where(#device:not([data-motion="still"])) #s-diary.is-entering .di-head{animation:ruh-ink-emerge 700ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-diary.is-entering .di-head::before{animation:ruh-seal-settle 800ms 200ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-diary.is-entering .di-archive{animation:ruh-bookmark-arrive 800ms 180ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-diary.is-entering .di-context{animation:ruh-ink-emerge 700ms 300ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-diary.is-entering .di-paper{animation:ruh-leaf-unfold 950ms 350ms var(--ease-settle) both;transform-origin:50% 0}
  :where(#device:not([data-motion="still"])) #s-diary.is-entering .di-prayers{animation:ruh-ink-emerge 700ms 500ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-diary .di-lunar-day:is(.day-picked,.day-filled)::before{animation:ruh-lunar-ink 650ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-diary .di-prayer.noted{animation:ruh-seal-settle 480ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-diary .di-pattern.is-revealing .di-pattern-k{animation:ruh-bookmark-arrive 650ms var(--ease-settle) both}
  :where(#device:not([data-motion="still"])) #s-diary .di-thread.is-revealing .di-thread-line{animation:m-rule-draw 750ms var(--ease-settle) both;transform-origin:top}
  :where(#device:not([data-motion="still"])) #s-diary .di-paper::after{transition:transform 650ms var(--ease-settle)}
}