.theme-toggle{position:absolute;top:22px;right:14px;z-index:25;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--cotton-raised);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;transition:color .15s ease,background .15s ease}.theme-toggle:hover{color:var(--indigo)}.theme-toggle:active{transform:scale(.94)}@media (min-width: 900px){.theme-toggle{position:fixed;top:26px;right:22px}}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:var(--cotton-raised);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:20}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-faint);font-weight:500;flex:1 1 0;min-width:0;max-width:84px;padding:6px 2px;border-radius:3px;transition:color .15s ease,background .15s ease}.tab-label{font-size:.68rem;line-height:1.2;white-space:nowrap}.tab:active{transform:scale(.96)}.tab.active{color:var(--indigo)}.tab.active .tab-label{font-weight:600}.sidebar{display:none}@media (min-width: 900px){.tabbar{display:none}.shell{--sidebar-w: 220px}.shell.shell-collapsed{--sidebar-w: 64px}.sidebar{position:fixed;top:12px;bottom:0;left:0;width:var(--sidebar-w);display:flex;flex-direction:column;background:var(--cotton-raised);border-right:1px solid var(--line);padding:22px 12px 16px;z-index:20;overflow:hidden;transition:width .2s var(--ease-out)}.side-wordmark{font-family:var(--font-read);color:var(--indigo-deep);font-weight:600;font-size:1.15rem;letter-spacing:-.015em;padding:0 10px 22px;white-space:nowrap}.wordmark-mini,.shell-collapsed .wordmark-full{display:none}.shell-collapsed .wordmark-mini{display:inline}.shell-collapsed .side-wordmark{text-align:center;padding-left:0;padding-right:0}.side-links{display:flex;flex-direction:column;gap:4px;flex:1}.side-link{display:flex;align-items:center;gap:12px;padding:10px;border-radius:3px;color:var(--ink-soft);font-weight:500;font-size:.95rem;white-space:nowrap;transition:color .15s ease,background .15s ease}.side-link svg{flex:none}.side-link:hover{background:var(--cotton);color:var(--indigo)}.side-link.active{background:var(--indigo-wash);color:var(--indigo)}.shell-collapsed .side-link{justify-content:center;padding-left:0;padding-right:0}.shell-collapsed .side-label{display:none}.side-collapse{display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;width:40px;height:40px;background:none;border:none;border-radius:3px;color:var(--ink-faint);cursor:pointer;transition:color .15s ease,background .15s ease}.side-collapse:hover{background:var(--cotton);color:var(--indigo)}.shell-collapsed .side-collapse{align-self:center}.shell main.container{margin-left:max(var(--sidebar-w),calc(var(--sidebar-w) + (100% - var(--sidebar-w) - var(--maxw)) / 2));margin-right:0;max-width:var(--maxw);padding-bottom:56px;transition:margin-left .2s var(--ease-out)}}@media (prefers-reduced-motion: reduce){.sidebar,.shell main.container{transition:none}}.home-date{margin:8px 0 2px;font-size:.92rem;color:var(--ink-faint)}.home-greeting{font-size:1.4rem;margin:0}.home-streak{display:flex;align-items:center;gap:10px;margin:6px 0 0;font-size:.92rem}.home-beads{display:inline-flex;gap:4px;flex:none}.home-beads i{width:9px;height:9px;background:var(--line-strong);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.home-beads i.on{background:var(--kola)}.home-verse{margin:22px 0 18px;padding-top:20px}.home-verse .cloth-eyebrow{margin-bottom:6px}.home-verse .arabic{margin:6px 0 0}.home-verse-translation{font-size:1.2rem;line-height:1.6;margin:8px 0 0}.home-verse-ref{margin:10px 0 0;font-size:.92rem}.home-today{margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.home-entry{position:relative;display:flex;align-items:center;gap:14px;padding:14px 2px;color:var(--ink);transition:transform .16s var(--ease-out),opacity .16s ease}.home-entry+.home-entry:before{content:"";position:absolute;top:0;right:0;left:62px;height:1px;background:var(--line)}a.home-entry:hover .home-entry-title{color:var(--indigo)}a.home-entry:hover .home-entry-chevron{transform:translate(3px)}a.home-entry:active{transform:scale(.985);opacity:.7}.home-entry-well{flex:none;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--indigo-wash);color:var(--indigo)}.home-entry.inert .home-entry-well{background:var(--shea);color:var(--ink-faint)}.home-entry-text{flex:1;min-width:0}.home-entry-title{display:block;font-size:1.1rem;font-weight:500;transition:color .15s ease}.home-entry.inert .home-entry-title{color:var(--ink-faint)}.home-entry-desc{display:block;color:var(--ink-faint);font-size:.95rem;line-height:1.4;margin-top:1px}.home-entry-chevron{flex:none;display:inline-flex;color:var(--indigo);transition:transform .18s var(--ease-out)}.home-entry-soon{flex:none;font-size:.75rem;line-height:1.3;color:var(--ink-faint);border:1px solid var(--line-strong);border-radius:10px;padding:2px 8px}.home-attribution{font-size:.85rem;margin:0;text-align:center}@media (prefers-reduced-motion: reduce){.home-entry,.home-entry-chevron,.home-entry-title{transition:none}a.home-entry:active,a.home-entry:hover .home-entry-chevron{transform:none}}.continue-cloth{display:flex;align-items:center;gap:14px;text-decoration:none;transition:transform .15s var(--ease-out, ease)}.cloth.continue-cloth{color:var(--on-cloth)}.continue-cloth:active{transform:scale(.98)}.continue-cloth .continue-text{flex:1;min-width:0}.continue-cloth .cloth-eyebrow{display:block}.continue-cloth .continue-name{display:block;font-size:1.25rem;font-weight:600;line-height:1.35;margin-top:2px;color:var(--on-cloth)}.continue-cloth .cloth-soft{display:block;font-size:.92rem;line-height:1.4}.continue-cloth svg{flex:none;color:var(--on-cloth)}@media (prefers-reduced-motion: reduce){.continue-cloth:active{transform:none}}.index-search{width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--cotton-raised);color:var(--ink);font:inherit}.index-list{list-style:none;margin:0;padding:0}.index-list>li+li{position:relative}.index-list>li+li:before{content:"";position:absolute;top:0;right:0;left:54px;height:1px;background:var(--line)}.index-row{display:flex;align-items:center;gap:14px;padding:12px 8px;margin:0 -8px;border-radius:8px;color:var(--ink);transition:background .15s ease}.index-row:hover,.index-row:active{background:var(--indigo-wash)}.index-row:focus-visible{outline-offset:0;border-radius:8px}.index-row .row-text{flex:1;min-width:0}.index-row .row-title{display:block;font-weight:600;font-size:1.03rem;line-height:1.4}.index-row .row-meta{display:block;font-size:.85rem;line-height:1.4;color:var(--ink-faint)}.index-row .row-arabic{flex:none;max-width:40%;font-family:var(--font-arabic);font-size:1.4rem;line-height:1.8;color:var(--indigo-deep);direction:rtl;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.juz-row{padding:12px 0}.juz-row .index-row{display:block;padding-top:4px;padding-bottom:4px}.juz-row .row-head{display:flex;align-items:center;gap:14px}.juz-row .row-meta>span{white-space:nowrap}.juz-row .juz-open{display:block;margin-left:54px;font-family:var(--font-arabic);font-size:1.3rem;line-height:1.9;color:var(--indigo-deep);direction:rtl;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hizb-pills{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0 54px;padding:0}.hizb-pill{display:inline-block;padding:3px 12px;border:1px solid var(--line-strong);border-radius:14px;background:var(--cotton-raised);color:var(--indigo);font-size:.85rem;line-height:1.45;transition:background .15s ease}.hizb-pill:hover,.hizb-pill:active{background:var(--indigo-wash)}.hizb-pill:focus-visible{border-radius:14px}.surah-plate{margin-top:14px}.surah-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 0 12px;margin-bottom:4px}.surah-opening .dye-rule,.dye-rule.reading-rule{margin:10px 0 0}.surah-opening .arabic{text-align:center;padding:10px 0 4px;margin:0}.read-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.card.tad-about{background:var(--cotton-raised);border:1px solid var(--line)}.tad-about-clamp>p:last-child{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tad-reflect .dye-rule{margin:6px 0 4px}.tad-prompt{font-weight:600;color:var(--indigo-deep);font-size:.98rem}.tad-input{width:100%;min-height:112px;font:inherit;font-size:1rem;line-height:1.6;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--cotton-raised);color:var(--ink);resize:vertical}.tad-input:focus{outline:none;border-color:var(--indigo)}.verse-head .diamond{width:34px;height:34px;font-size:.82rem}.ci-page .ci-verse{padding:22px 22px 14px}.ci-note{margin:10px 0 8px}.ci-ayah>*+*{margin-top:14px}.ci-ayah.on-cloth>*+*{margin-top:10px}.ci-ayah .arabic{margin:0}.ci-ayah.on-cloth .arabic{color:var(--on-cloth)}.ci-ayah.on-cloth .translation{color:var(--on-cloth);font-size:calc(1.2rem * var(--read-scale, 1));line-height:1.55}.ci-ref-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:16px;row-gap:4px}.ci-ayah.on-cloth .ci-ref-row{margin-top:6px}.ci-ref{font-size:.85rem;line-height:1.4}.ci-ayah.on-cloth .ci-ref{font-size:.9rem}.ci-share{display:inline-flex;align-items:center;gap:12px;margin-left:auto}.ci-share-status{font-size:.85rem}.ci-share-btn{min-height:44px;padding:0 2px;background:none;border:none;cursor:pointer;font-family:var(--font-read);font-size:.95rem;font-weight:600;color:var(--on-cloth);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:opacity .15s ease}.ci-share-btn:hover{text-decoration-thickness:2px}.ci-share-btn:active{opacity:.6}.ci-page>.dye-rule.ci-rule{margin:30px 0}.ci-section>*+*{margin-top:16px}.ci-heading{display:block;margin:0;font-family:var(--font-read);font-size:1.25rem;line-height:1.35;font-weight:600;color:var(--indigo-deep);letter-spacing:-.01em}.ci-textarea{display:block;width:100%;box-sizing:border-box;min-height:11.5rem;padding:14px 16px;font-family:var(--font-read);font-size:1rem;line-height:1.6;color:var(--ink);background:var(--cotton-raised);border:1px solid var(--line-strong);border-radius:6px;resize:vertical;transition:border-color .15s ease}.ci-textarea::placeholder{color:var(--ink-faint)}.ci-textarea:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 1px var(--indigo)}.ci-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.ci-save{min-width:112px}.ci-chips{display:flex;flex-wrap:wrap;gap:8px}.ci-chip{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-read);font-size:1rem;line-height:1.3;color:var(--ink-soft);background:var(--cotton-raised);border:1px solid var(--line-strong);border-radius:3px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .14s var(--ease-out)}.ci-chip:hover{background:var(--indigo-wash)}.ci-chip:active{transform:scale(.97)}.ci-chip[aria-pressed=true]{background:var(--indigo);border-color:var(--indigo);color:var(--cotton);font-weight:600}@media (prefers-reduced-motion: reduce){.ci-chip:active{transform:none}}.ci-framed{margin-top:24px}.ci-framed>*+*{margin-top:16px}.ci-framing{margin:0;font-size:1.15rem;line-height:1.45;font-weight:600;color:var(--ink)}.journal-swatch{width:136px;height:136px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center}.journal-swatch .cloth{width:96px;height:96px;padding:0;background-size:30px 30px,auto;transform:rotate(45deg);display:flex;align-items:center;justify-content:center}.journal-swatch svg{transform:rotate(-45deg);color:var(--on-cloth)}.empty-quiet p.journal-empty-lead{font-size:1.2rem;font-weight:600}:root{color-scheme:light;--cotton: #f5efe2;--cotton-raised: #fbf7ec;--shea: #e8dcc3;--indigo: #2a3a8c;--indigo-deep: #1b2559;--indigo-wash: #dfe3f2;--kola: #c4622d;--ink: #221d15;--ink-soft: #57503f;--ink-faint: #8a8168;--line: #ddd3bc;--line-strong: #c9bd9f;--maxw: 660px;--font-read: "Fraunces", Georgia, serif;--font-arabic: "Uthmanic Hafs", "Scheherazade New", "Noto Naskh Arabic", serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--paper: var(--cotton);--paper-raised: var(--cotton-raised);--lapis: var(--indigo);--lapis-soft: var(--indigo-wash);--gold: var(--kola);--garnet: var(--kola);--bg: var(--cotton);--surface: var(--cotton-raised);--surface-2: var(--shea);--accent: var(--indigo);--accent-soft: var(--indigo-wash);--radius: 4px;--shadow: none;--font-ui: var(--font-read);--cloth-ground: var(--indigo-deep);--cloth-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23f5efe2' stroke-width='1.3' opacity='0.13'%3E%3Cpath d='M22 10.56 L33.44 22 L22 33.44 L10.56 22Z'/%3E%3Cpath d='M22 16.85 L27.15 22 L22 27.15 L16.85 22Z' fill='%23f5efe2' stroke='none'/%3E%3Ccircle cx='0' cy='0' r='3.96' stroke-width='1.2'/%3E%3Ccircle cx='44' cy='0' r='3.96' stroke-width='1.2'/%3E%3Ccircle cx='0' cy='44' r='3.96' stroke-width='1.2'/%3E%3Ccircle cx='44' cy='44' r='3.96' stroke-width='1.2'/%3E%3Cpath d='M19 0H25M19 44H25M0 19V25M44 19V25' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");--on-cloth: #fbf7ec;--on-cloth-soft: #d6d9ea;--on-cloth-accent: #e9a174;--adire-band: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12' viewBox='0 0 36 12'%3E%3Crect width='36' height='12' fill='%232a3a8c'/%3E%3Cpath d='M9 1 14 6 9 11 4 6Z' fill='none' stroke='%23f5efe2' stroke-width='1.2'/%3E%3Ccircle cx='27' cy='6' r='2.4' fill='none' stroke='%23f5efe2' stroke-width='1.2'/%3E%3Ccircle cx='27' cy='6' r='0.9' fill='%23f5efe2'/%3E%3C/svg%3E")}[data-theme=dark]{color-scheme:dark;--cotton: #14161f;--cotton-raised: #1b1e2a;--shea: #232739;--indigo: #93a5e4;--indigo-deep: #b5c2ef;--indigo-wash: #262e4d;--kola: #dd9059;--ink: #e9e4d8;--ink-soft: #b3ab99;--ink-faint: #7f7869;--line: #2b2f42;--line-strong: #3a3f58;--cloth-ground: #262e4d;--cloth-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%2393a5e4' stroke-width='1.3' opacity='0.13'%3E%3Cpath d='M22 10.56 L33.44 22 L22 33.44 L10.56 22Z'/%3E%3Cpath d='M22 16.85 L27.15 22 L22 27.15 L16.85 22Z' fill='%2393a5e4' stroke='none'/%3E%3Ccircle cx='0' cy='0' r='3.96' stroke-width='1.2'/%3E%3Ccircle cx='44' cy='0' r='3.96' stroke-width='1.2'/%3E%3Ccircle cx='0' cy='44' r='3.96' stroke-width='1.2'/%3E%3Ccircle cx='44' cy='44' r='3.96' stroke-width='1.2'/%3E%3Cpath d='M19 0H25M19 44H25M0 19V25M44 19V25' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");--on-cloth: #e9e4d8;--on-cloth-soft: #b3ab99;--on-cloth-accent: #dd9059;--adire-band: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12' viewBox='0 0 36 12'%3E%3Crect width='36' height='12' fill='%231b2559'/%3E%3Cpath d='M9 1 14 6 9 11 4 6Z' fill='none' stroke='%2393a5e4' stroke-width='1.2'/%3E%3Ccircle cx='27' cy='6' r='2.4' fill='none' stroke='%2393a5e4' stroke-width='1.2'/%3E%3Ccircle cx='27' cy='6' r='0.9' fill='%2393a5e4'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-read);font-size:17px;background:var(--cotton);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;left:0;right:0;height:12px;background:var(--adire-band) repeat-x;z-index:50;pointer-events:none}a{color:var(--indigo);text-decoration:none}h1,h2,h3{font-family:var(--font-read);line-height:1.15;font-weight:600;letter-spacing:-.015em;margin:0;color:var(--indigo-deep)}h1{font-size:2.1rem}h2{font-size:1.4rem}p{margin:0 0 .9em}.container{max-width:var(--maxw);margin:0 auto;padding:40px 22px 104px}.has-install-banner .container{padding-bottom:200px}:focus-visible{outline:2px solid var(--kola);outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion: reduce){.sheet{animation:fade .2s ease}.btn:active{transform:none}}.muted{color:var(--ink-faint)}.soft{color:var(--ink-soft)}.eyebrow{font-size:.85rem;color:var(--indigo);font-weight:600}p.eyebrow{margin:0 0 6px}p.eyebrow+h1{margin:6px 0}.translation{color:var(--ink-soft);font-size:calc(1.04rem * var(--read-scale, 1));line-height:1.65}.arabic{font-family:var(--font-arabic);font-size:calc(1.9rem * var(--read-scale, 1));font-weight:400;line-height:2.3;direction:rtl;text-align:right;color:var(--indigo-deep)}.reading-controls{display:flex;align-items:center;gap:2px}.size-btn{background:none;border:1px solid var(--line-strong);color:var(--ink-soft);font-family:var(--font-read);cursor:pointer;padding:4px 10px;line-height:1;transition:background .15s ease,color .15s ease}.size-btn:first-of-type{border-radius:3px 0 0 3px}.size-btn:last-of-type{border-radius:0 3px 3px 0;border-left:none}.size-btn[aria-pressed=true]{background:var(--indigo);color:var(--cotton);border-color:var(--indigo)}.size-btn:active{transform:scale(.96)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:2px solid var(--indigo);border-radius:3px;background:var(--indigo);color:var(--cotton-raised);font-family:var(--font-read);font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,transform .14s var(--ease-out)}.btn:hover{background:var(--indigo-deep);border-color:var(--indigo-deep)}.btn:active{transform:scale(.97)}.btn.secondary{background:transparent;color:var(--indigo)}.btn.secondary:hover{background:var(--indigo-wash)}.btn.ghost{background:transparent;border-color:transparent;color:var(--indigo);padding-left:4px;padding-right:4px}.btn.ghost:hover{background:transparent;text-decoration:underline}.card{background:var(--shea);border:none;border-radius:4px;padding:22px}.stack>*+*{margin-top:16px}.roundel{flex:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--cotton-raised);font-family:var(--font-read);font-size:.82rem;font-weight:600;background:var(--indigo);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.verse{padding:22px 0}.verse-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.verse-head .rule{flex:1;height:2px;background:var(--indigo-wash)}.verse .arabic{margin:4px 0 14px}.commentary-open{margin-top:12px;display:inline-flex;align-items:center;gap:8px;background:none;border:none;padding:0;color:var(--kola);font-family:var(--font-read);font-size:.95rem;font-weight:500;cursor:pointer}.commentary-open:hover{text-decoration:underline}.commentary-open[disabled]{color:var(--ink-faint);cursor:default;text-decoration:none}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:color-mix(in srgb,var(--indigo-deep) 55%,transparent);animation:fade .18s ease-out}.sheet{position:fixed;z-index:41;left:0;right:0;bottom:0;max-height:88vh;display:flex;flex-direction:column;background:var(--cotton);border-top:6px solid var(--indigo);border-radius:0;animation:rise .3s var(--ease-drawer)}@media (min-width: 720px){.sheet{left:50%;right:auto;transform:translate(-50%);width:640px;max-height:84vh}}.sheet-grip{width:44px;height:4px;background:var(--line-strong);margin:10px auto 4px}.sheet-head{padding:8px 22px 14px;border-bottom:2px solid var(--indigo-wash);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sheet-head .arabic{font-size:1.55rem;line-height:1.8;margin:0}.sheet-close{flex:none;background:var(--shea);border:none;cursor:pointer;color:var(--ink-soft);font-size:1.15rem;line-height:1;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sheet-close:active{transform:scale(.94)}.sheet-body{overflow-y:auto;padding:18px 22px 40px;-webkit-overflow-scrolling:touch}.tafsir{font-size:1rem;line-height:1.75;color:var(--ink);max-width:62ch}.tafsir p{margin:0 0 1em}.tafsir h2,.tafsir h3{font-size:1.05rem;font-weight:600;color:var(--indigo);margin:1.4em 0 .5em}.auth-card{background:var(--cotton-raised);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;max-width:420px}.field{display:block}.field-label{display:block;font-size:.9rem;font-weight:600;color:var(--ink);margin-bottom:6px}.field-input{width:100%;padding:11px 12px;border:1px solid var(--line-strong);border-radius:3px;background:var(--cotton);color:var(--ink);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.field-input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-wash)}.field-input::placeholder{color:var(--ink-faint)}.otp .field-input{font-size:1.35rem;letter-spacing:.4em;text-align:center;max-width:220px}.form-error{color:var(--kola);font-weight:500;margin:0}.or-divider{display:flex;align-items:center;gap:12px;color:var(--ink-faint);font-size:.9rem}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--line)}.link-btn{background:none;border:none;padding:0;font:inherit;font-size:.95rem;color:var(--indigo);cursor:pointer}.link-btn:hover{text-decoration:underline}.delete-quiet{background:none;border:none;padding:0;font:inherit;font-size:.85rem;color:var(--kola);cursor:pointer}.delete-quiet:hover{text-decoration:underline}.auth-section{border-top:1px solid var(--line);padding-top:18px}.notice-wash{background:var(--indigo-wash);border-radius:var(--radius);padding:12px 16px}.notice-wash p{margin:0}.empty-quiet{text-align:center;padding:40px 20px}.empty-quiet p{max-width:44ch;margin:0 auto 6px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 720px){@keyframes rise{0%{transform:translate(-50%,14px);opacity:0}to{transform:translate(-50%);opacity:1}}}.journal-export{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;margin-bottom:18px}.journal-export button:disabled{opacity:.6;cursor:default}.verse.flash{background:var(--indigo-wash);transition:background 1.2s ease}.reading{color:var(--indigo-deep);padding-top:8px}.reading-surah+.reading-surah{margin-top:30px}.reading-surah:first-child .reading-surah-name,.reading-surah-name.first{border-top:0;margin-top:4px}.reading-surah-name{font-family:var(--font-read);font-size:1.1rem;font-weight:600;text-align:center;color:var(--indigo);margin:14px 0 8px;padding-block:10px;border-block:1px solid var(--line)}.reading-basmalah{font-family:var(--font-arabic);text-align:center;font-size:calc(1.7rem * var(--read-scale, 1));line-height:2.2;margin:6px 0 4px}.reading-text{font-family:var(--font-arabic);font-size:calc(1.9rem * var(--read-scale, 1));line-height:2.5;text-align:justify;text-align-last:start;margin:0}.rv{cursor:pointer;border-radius:4px;scroll-margin-top:24px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background .15s ease}.rv:hover{background:var(--indigo-wash)}.rv:focus-visible{outline:2px solid var(--kola);outline-offset:2px}.rv.active{background:var(--indigo-wash)}.ayah-end{color:var(--indigo);white-space:nowrap}.juz-card{display:block}.juz-main{display:flex;align-items:center;gap:14px;color:var(--ink)}.juz-opening{font-family:var(--font-arabic);color:var(--indigo-deep);font-size:1.25rem;line-height:1.8;flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.juz-range{font-size:.9rem}.juz-range>span{white-space:nowrap}.juz-hizbs{display:flex;gap:16px;margin:8px 0 0;font-size:.92rem}.cloth{background:var(--cloth-motif) 0 0 / 44px 44px,var(--cloth-ground);color:var(--on-cloth);border-radius:6px;padding:22px}.cloth .arabic,.cloth h1,.cloth h2,.cloth h3,.cloth .translation{color:var(--on-cloth)}.cloth-soft{color:var(--on-cloth-soft)}.cloth-eyebrow{margin:0 0 4px;font-size:.78rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--on-cloth-accent)}.cloth a{color:var(--on-cloth)}.btn.cloth-btn{background:var(--cotton-raised);border-color:var(--cotton-raised);color:var(--indigo-deep)}.btn.cloth-btn:hover{background:var(--indigo-wash);border-color:var(--indigo-wash)}[data-theme=dark] .btn.cloth-btn{background:var(--indigo);border-color:var(--indigo);color:var(--cotton)}[data-theme=dark] .btn.cloth-btn:hover{background:var(--indigo-deep);border-color:var(--indigo-deep)}.btn:disabled,.btn[aria-disabled=true]{background:transparent;border-color:var(--line-strong);color:var(--ink-faint);cursor:default;transform:none}.diamond{flex:none;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-read);font-size:.88rem;font-weight:600;color:var(--cotton-raised);background:var(--indigo);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.diamond.small{font-size:.74rem}.diamond.outline{background:none;clip-path:none;color:var(--indigo);position:relative}.diamond.outline svg{position:absolute;top:0;right:0;bottom:0;left:0}.diamond.outline span{position:relative}.dye-rule{display:flex;align-items:center;gap:10px;margin:22px 0;border:0}.dye-rule:before,.dye-rule:after{content:"";flex:1;height:1px;background:var(--line-strong)}.dye-rule>i{width:10px;height:10px;background:var(--kola);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.title-plate{text-align:center;padding:24px 22px}.title-plate .plate-arabic{font-family:var(--font-arabic);font-size:2.6rem;line-height:1.7;direction:rtl;color:var(--on-cloth)}.title-plate .plate-name{font-size:1.3rem;font-weight:600;margin:0;color:var(--on-cloth)}.title-plate .plate-meta{margin:2px 0 0;font-size:.9rem;color:var(--on-cloth-soft)}.fade-rise{animation:fade-rise .34s var(--ease-out) both}@keyframes fade-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.fade-rise{animation:none}}