: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);--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;--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}