:root{color-scheme:light;--stone-50: #fcfaf6;--stone-100: #f6f3ec;--stone-200: #ebe5dc;--stone-300: #d8cfc2;--stone-600: #716657;--stone-700: #806448;--ink-900: #272824;--rose-50: #fffaf9;--rose-100: #faf7f5;--rose-200: #f2e9e7;--rose-300: #dfcacc;--rose-600: #94616e;--rose-800: #654450;--sapphire-50: #f5f8fc;--sapphire-100: #e9f1fd;--sapphire-200: #c9d9f1;--sapphire-700: #154dab;--sapphire-800: #103d89;--sapphire-950: #142a45;--turquoise-50: #e8f6f7;--turquoise-600: #00818c;--turquoise-500: #00a6b2;--canvas: var(--stone-100);--surface: var(--stone-50);--surface-muted: var(--stone-200);--surface-green: #eee9df;--surface-warm: #f3e9df;--text: var(--ink-900);--text-muted: var(--stone-600);--text-on-brand: #fff;--brand: var(--ink-900);--brand-hover: #45473e;--accent: var(--stone-700);--ornament: #967552;--border: var(--stone-300);--header-bg: var(--surface);--header-fg: var(--text);--reading-bg: #ede6db;--reading-fg: var(--text);--reading-label: #6f5740;--reading-button-bg: var(--brand);--reading-button-fg: #fff;--reading-photo-opacity: .72;--reading-photo-blend: normal;--focus: #855d36;--danger: #a12632;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--font-body: "Segoe UI", "Trebuchet MS", sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-arabic: "Traditional Arabic", "Noto Naskh Arabic", "Amiri", serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-hero: clamp(2.75rem, 5.1vw, 5.5rem);--button-bg: var(--brand);--button-fg: var(--text-on-brand);--card-bg: var(--surface);--nav-active-bg: var(--surface-green);--card-radius: .5rem;--button-radius: .3rem;--transition: .16s ease}:root[data-theme=rose]{--canvas: var(--rose-100);--surface: var(--rose-50);--surface-muted: var(--rose-200);--surface-green: var(--rose-200);--surface-warm: #f5e9eb;--text: #302a2c;--text-muted: #745e65;--brand: var(--rose-800);--brand-hover: #50323c;--accent: var(--rose-600);--ornament: var(--rose-600);--border: var(--rose-300);--reading-bg: var(--rose-200);--reading-label: var(--rose-800);--focus: var(--rose-800)}:root[data-theme=sapphire]{--canvas: var(--sapphire-50);--surface: #fff;--surface-muted: var(--sapphire-100);--surface-green: var(--turquoise-50);--surface-warm: var(--sapphire-100);--text: var(--sapphire-950);--text-muted: #526780;--brand: var(--sapphire-700);--brand-hover: var(--sapphire-800);--accent: var(--turquoise-600);--ornament: var(--turquoise-500);--border: var(--sapphire-200);--header-bg: var(--sapphire-700);--header-fg: #fff;--reading-bg: var(--sapphire-700);--reading-fg: #fff;--reading-label: #b3f6fc;--reading-button-bg: #fff;--reading-button-fg: var(--sapphire-800);--reading-photo-opacity: .22;--reading-photo-blend: luminosity;--focus: var(--sapphire-700)}rabia-app{display:block}.site-header{position:relative;z-index:10;background:var(--header-bg);color:var(--header-fg);border-bottom:1px solid var(--border)}.header-inner{min-height:84px;max-width:1540px;padding:0 clamp(24px,4vw,64px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:16px;font-family:var(--font-display);font-size:2.5rem;line-height:1;letter-spacing:-.055em;text-decoration:none;min-height:48px}rabia-brand-mark{display:inline-flex;color:var(--ornament);flex-shrink:0}.desktop-navigation{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.5vw,40px)}.desktop-navigation a{display:flex;align-items:center;min-height:52px;text-decoration:none;font-size:.82rem;border-bottom:2px solid transparent;padding-top:2px}.desktop-navigation a:hover,.desktop-navigation a.active{border-bottom-color:currentColor}.header-actions{display:flex;align-items:center;gap:24px}.guest-label{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;white-space:nowrap}.guest-label rabia-nav-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,currentColor 8%,transparent)}.site-header a:focus-visible,.appearance-summary:focus-visible{outline-color:currentColor}main{max-width:1392px;margin:0 auto;padding:48px clamp(24px,4vw,64px);min-height:calc(100vh - 185px)}main:has(rabia-home){max-width:none;padding:0;min-height:0}main:focus{outline:none}.workspace.admin-workspace-shell{padding-bottom:0}.admin-workspace-shell>main{max-width:none;padding:0;min-height:100dvh}.site-footer{max-width:1412px;margin:0 auto;padding:23px 0 26px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--text-muted);font-size:.8rem;width:calc(100% - clamp(48px,8vw,128px))}.site-footer>span:first-child{font-family:var(--font-display)}.save-status{font-size:.7rem}.skip-link{position:fixed;top:-100px;left:16px;z-index:30;padding:12px 20px;background:var(--brand);color:var(--text-on-brand)}.skip-link:focus{top:12px}.storage-notice{max-width:1280px;margin:16px auto;padding:16px 24px;border:1px solid var(--accent);background:var(--surface-warm);font-size:.85rem}.mobile-navigation,.site-header .header-menu-button{display:none}body:has(rabia-main-menu dialog[open]){overflow:hidden}.appearance-menu{position:relative}.appearance-summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;font-size:.8rem;border-radius:var(--button-radius);padding:8px 4px;cursor:pointer;white-space:nowrap}.appearance-summary::-webkit-details-marker{display:none}.appearance-summary::marker{content:""}.appearance-chevron{margin-left:2px;font-size:1.1rem}.appearance-menu[open] .appearance-chevron{transform:rotate(180deg)}.appearance-panel{position:absolute;top:calc(100% + 12px);right:0;width:325px;max-width:calc(100vw - 32px);border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:0 16px 48px #25211d20;padding:24px 18px 16px}.appearance-panel fieldset{min-width:0;padding:0;border:0;margin:0}.appearance-panel legend{font-family:var(--font-display);font-size:1.5rem;padding:0}.appearance-help{color:var(--text-muted);font-size:.75rem;margin:6px 0 16px}.theme-option{position:relative;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:6px;padding:13px 10px;cursor:pointer}.theme-option:hover,.theme-option.selected{background:var(--surface-muted);border-color:var(--border)}.theme-option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.theme-option input{position:absolute;inset:0;opacity:0;width:100%;height:100%;min-height:0;margin:0;cursor:pointer}.theme-swatches{display:flex;flex-shrink:0;isolation:isolate}.theme-swatches i{width:14px;height:28px;background:var(--swatch-1)}.theme-swatches i:first-child{border-radius:5px 0 0 5px}.theme-swatches i:nth-child(2){background:var(--swatch-2)}.theme-swatches i:last-child{background:var(--swatch-3);border-radius:0 5px 5px 0}.swatches-stone{--swatch-1: var(--stone-200);--swatch-2: var(--stone-700);--swatch-3: var(--ink-900)}.swatches-rose{--swatch-1: var(--rose-200);--swatch-2: var(--rose-600);--swatch-3: var(--rose-800)}.swatches-sapphire{--swatch-1: var(--sapphire-100);--swatch-2: var(--turquoise-500);--swatch-3: var(--sapphire-700)}.theme-description{display:flex;flex-direction:column;gap:2px;font-size:.78rem;line-height:1.5}.theme-description strong{font-weight:600}.theme-description>span{color:var(--text-muted);font-weight:400;font-size:.68rem}.theme-check{color:var(--brand);margin-left:auto;width:18px;text-align:center}.appearance-footnote{border-top:1px solid var(--border);padding:12px 2px 0;margin-top:12px;color:var(--text-muted);font-size:.7rem}@media(max-width:1050px){.header-inner{gap:20px}.desktop-navigation{gap:18px}.guest-label>span{display:none}.header-actions{gap:16px}}@media(max-width:800px){.header-inner{min-height:72px;padding:0 24px}.brand{font-size:2rem;gap:10px}rabia-brand-mark svg{width:43px;height:32px}.desktop-navigation{display:none}.header-actions{gap:14px}.guest-label{display:none}.appearance-panel{right:0}.workspace{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.mobile-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:15;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border)}.mobile-navigation a,.mobile-navigation>button{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 2px;text-decoration:none;font-size:.63rem;color:var(--text-muted);border-top:2px solid transparent}.mobile-navigation>button{border-left:0;border-right:0;border-bottom:0;background:transparent}.mobile-navigation>button[aria-expanded=true]{color:var(--brand);background:var(--nav-active-bg)}.site-header .header-menu-button{display:inline-grid;border-color:transparent;background:transparent;color:inherit}.has-elifba .header-actions{gap:8px}.mobile-navigation a.active{background:var(--nav-active-bg);color:var(--brand);border-top-color:var(--brand);font-weight:600}.site-footer{flex-direction:column;align-items:flex-start;gap:7px;width:calc(100% - 40px);font-size:.76rem}main{padding:32px 20px}.storage-notice{margin:12px 20px}}@media(max-width:350px){.header-inner{padding:0 16px}.appearance-summary{gap:5px;font-size:.75rem}.appearance-chevron{display:none}.has-elifba .header-inner{gap:8px}.has-elifba rabia-brand-mark svg{width:34px;height:28px}}rabia-home{display:block}.home-welcome{position:relative;overflow:hidden;min-height:460px;display:flex;align-items:center;border-bottom:1px solid var(--border)}.welcome-art{position:absolute;inset:0;pointer-events:none}.welcome-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 48%}.welcome-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--canvas) 0%,color-mix(in srgb,var(--canvas) 94%,transparent) 27%,color-mix(in srgb,var(--canvas) 77%,transparent) 43%,transparent 67%)}.welcome-content{position:relative;z-index:1;width:100%;max-width:1540px;margin:auto;padding:58px clamp(24px,4vw,64px) 60px}.welcome-content .eyebrow{margin-bottom:24px;font-size:.66rem;letter-spacing:.32em}.welcome-content h1{max-width:960px;width:72%;font-size:var(--text-hero);line-height:1.08;letter-spacing:-.055em}.welcome-description{font-family:var(--font-display);font-size:clamp(1.1rem,1.6vw,1.6rem);line-height:1.5;margin:22px 0 28px;max-width:590px;width:55%}.home-welcome .button{min-width:190px;gap:13px;font-size:.87rem;min-height:50px}.home-welcome .button>span{margin-left:20px;font-size:1.3rem;font-weight:400}.welcome-caption{position:absolute;bottom:16px;right:clamp(24px,4vw,64px);color:#423b32;font-family:var(--font-display);font-size:.82rem;background:#fcfaf6c9;padding:3px 9px;border-radius:2px}.home-content{max-width:1540px;padding:26px clamp(24px,4vw,64px) 18px;margin:auto}.section-heading{display:flex;align-items:center;gap:22px;margin-bottom:20px}.section-heading h2{flex-shrink:0;font-size:clamp(1.4rem,2.1vw,2rem);letter-spacing:-.035em}.section-heading>span{height:1px;flex:1;background:var(--border)}.daily-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,.87fr) minmax(0,.85fr);gap:26px}.daily-grid>a{min-width:0;display:flex;flex-direction:column;text-decoration:none}.reading-card{position:relative;isolation:isolate;overflow:hidden;min-height:286px;padding:26px 30px;background:var(--reading-bg);color:var(--reading-fg);border-radius:4px}.reading-card:before{content:"";z-index:-1;position:absolute;inset:0;background:url(/brand/rabia-courtyard-720.webp) 98% 40% / cover no-repeat;opacity:var(--reading-photo-opacity);mix-blend-mode:var(--reading-photo-blend);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 100%);mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}.reading-card .card-top{display:flex;align-items:center;gap:16px;color:var(--reading-label);margin-bottom:18px;font-size:.58rem;letter-spacing:.22em;font-weight:600}.reading-card .card-top rabia-nav-icon svg{width:26px;height:26px}.reading-card h3{font-size:clamp(1.65rem,2.5vw,2.55rem);line-height:1.25;letter-spacing:-.04em;max-width:85%}.reading-rule{width:24px;height:1px;background:currentColor;opacity:.45;margin:17px 0}.reading-card p{font-family:var(--font-display);font-size:1.18rem;margin-bottom:26px}.reading-card .reading-action{align-self:flex-start;margin-top:auto;background:var(--reading-button-bg);color:var(--reading-button-fg);gap:28px}.reading-card:hover .reading-action{box-shadow:0 2px 12px #25211d1c}.progress-card,.zikr-card{padding:9px 10px 0}.progress-card{border-left:1px solid var(--border);padding-left:26px}.zikr-card{border-left:1px solid var(--border);padding-left:26px;text-align:center;align-items:center}.progress-card h3,.zikr-card h3{display:flex;align-items:center;gap:12px;font-size:clamp(1.05rem,1.4vw,1.35rem);letter-spacing:-.02em}.progress-card h3 rabia-nav-icon,.zikr-card h3 rabia-nav-icon{color:var(--accent)}.juz-track{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:3px;height:28px;margin:38px 0 20px;width:100%}.juz-track>span{background:var(--surface-muted);border-radius:1px}.juz-track>.completed{background:var(--ornament)}.juz-value{font-family:var(--font-display);font-size:3.7rem;line-height:1.15;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.juz-value>span{font-size:1.3rem;letter-spacing:-.03em}.progress-description{font-size:.8rem;color:var(--text-muted);margin-top:7px}.card-link{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding:13px 0 6px;margin-top:auto;font-family:var(--font-display);font-size:1.05rem;width:100%}.card-link>span{font-family:var(--font-body)}.daily-grid a:hover .card-link>span{transform:translate(3px)}.mini-counter{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:145px;height:145px;max-width:100%;margin:13px auto 0;font-family:var(--font-display)}.mini-counter svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:5;transform:rotate(-90deg)}.ring-track{stroke:var(--surface-muted)}.ring-progress{stroke:var(--ornament);stroke-linecap:round}.counter-value{font-size:3.6rem;line-height:1.05;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.mini-counter.compact .counter-value{font-size:1.9rem;letter-spacing:-.035em}.counter-target{font-size:1.05rem;line-height:1.5}.zikr-card .progress-description{margin:2px 0 14px}.discovery-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:28px;padding:17px 0}.discovery-link{display:flex;align-items:center;gap:20px;min-height:44px;padding:0 26px;text-decoration:none;font-family:var(--font-display);font-size:1.1rem}.discovery-link:first-child{padding-left:0}.discovery-link+.discovery-link{border-left:1px solid var(--border)}.discovery-link rabia-nav-icon{color:var(--accent)}.discovery-link rabia-nav-icon svg{width:27px;height:27px}.discovery-link>span:last-child{margin-left:auto;font-family:var(--font-body);font-size:.95rem}.discovery-link:hover{color:var(--brand);background:var(--surface-muted)}.source-note{font-size:.68rem;color:var(--text-muted);margin-top:14px}:root[data-theme=sapphire] .progress-card,:root[data-theme=sapphire] .zikr-card{background:var(--surface-green);border:0;padding:16px 22px 8px;border-radius:4px}@media(min-width:1700px){.home-welcome{min-height:510px}.welcome-content{padding-top:72px;padding-bottom:72px}}@media(max-width:1050px){.daily-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:18px}.reading-card{padding:24px}.progress-card,.zikr-card{padding-left:18px}.progress-card h3,.zikr-card h3{gap:7px;font-size:1.08rem}.card-link{font-size:.9rem}.juz-value>span{font-size:1.05rem}.mini-counter{width:130px;height:130px}}@media(max-width:800px){.home-welcome{min-height:390px}.welcome-content{padding:42px 24px 40px}.welcome-content h1{font-size:clamp(2.5rem,6vw,3.5rem);width:78%;max-width:560px}.welcome-description{width:65%;font-size:1.1rem;margin:18px 0 24px}.welcome-content .eyebrow{font-size:.55rem;letter-spacing:.22em;margin-bottom:22px}.welcome-caption{display:none}.welcome-art img{object-position:65% center}.welcome-art:after{background:linear-gradient(90deg,var(--canvas) 0%,color-mix(in srgb,var(--canvas) 94%,transparent) 30%,color-mix(in srgb,var(--canvas) 75%,transparent) 52%,transparent 82%)}.home-content{padding:25px 20px 16px}.section-heading{gap:14px;margin-bottom:18px}.section-heading h2{font-size:1.55rem}.daily-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 18px}.reading-card{grid-column:1 / -1;min-height:240px;padding:25px}.reading-card h3{font-size:2rem;max-width:90%}.reading-card .card-top{font-size:.58rem;margin-bottom:16px}.reading-card p{font-size:1.1rem;margin-bottom:22px}.progress-card,.zikr-card{min-height:230px;border:1px solid var(--border);border-radius:4px;padding:15px 16px 6px}.progress-card h3,.zikr-card h3{font-size:1.02rem;gap:7px}.progress-card h3 rabia-nav-icon svg,.zikr-card h3 rabia-nav-icon svg{width:18px;height:18px}.juz-track{margin:30px 0 15px;height:24px;gap:2px}.juz-value{font-size:3rem}.juz-value>span{font-size:1.05rem}.progress-description{font-size:.7rem}.mini-counter{width:128px;height:128px;margin-top:12px}.counter-value{font-size:3rem}.counter-target{font-size:.9rem}.card-link{font-size:.86rem;padding-top:11px}.discovery-links{margin-top:24px;padding:10px 0}.discovery-link{padding:5px 10px;gap:8px;font-size:.86rem;justify-content:center;flex-wrap:wrap}.discovery-link:first-child{padding-left:10px}.discovery-link rabia-nav-icon svg{width:22px;height:22px}.discovery-link>span:last-child{display:none}.source-note{font-size:.64rem;line-height:1.65}:root[data-theme=sapphire] .progress-card,:root[data-theme=sapphire] .zikr-card{padding:15px 16px 6px}}@media(max-width:450px){.welcome-content h1{font-size:2.65rem;width:92%;max-width:330px}.welcome-description{max-width:248px;width:80%;font-size:1.08rem}.welcome-art img{object-position:60% center}.home-welcome .button{min-height:48px;min-width:177px}.reading-card h3{font-size:1.85rem}.progress-card,.zikr-card{padding-left:12px;padding-right:12px}.progress-card h3,.zikr-card h3{font-size:.92rem}.juz-value>span{font-size:.9rem}.mini-counter{width:116px;height:116px}.discovery-link{gap:4px;font-size:.77rem}}@media(max-width:350px){.welcome-content{padding-left:20px;padding-right:20px}.welcome-content h1{font-size:2.35rem}.section-heading h2{font-size:1.35rem}.daily-grid{gap:18px 12px}.progress-card h3,.zikr-card h3{font-size:.82rem;gap:4px}.mini-counter{width:100px;height:100px}.counter-value{font-size:2.65rem}.juz-value{font-size:2.6rem}.juz-value>span{font-size:.78rem}.progress-description{font-size:.61rem}.card-link{font-size:.73rem;gap:6px}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-underline-offset:.2em}a,button{touch-action:manipulation}button,a,input,select,summary{transition:background var(--transition),color var(--transition),border-color var(--transition)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:400}h1{font-size:var(--text-hero);line-height:1.12;letter-spacing:-.045em}h2{font-size:var(--text-2xl);line-height:1.3;letter-spacing:-.03em}h3{font-size:var(--text-xl);line-height:1.3}p+p{margin-top:var(--space-3)}rabia-nav-icon{display:inline-flex;align-items:center;flex:0 0 auto}.small{font-size:var(--text-sm);color:var(--text-muted)}.eyebrow{color:var(--accent);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.14em;font-weight:600;margin-bottom:var(--space-4)}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--button-radius);text-decoration:none;font-size:var(--text-sm);font-weight:600;line-height:1.5}.button.primary{background:var(--button-bg);color:var(--button-fg)}.button.primary:hover{background:var(--brand-hover)}.button.secondary{background:transparent;border-color:var(--border);color:var(--text)}.button.secondary:hover{background:var(--surface-green)}.button.danger{background:var(--danger);color:#fff}.text-button,.text-link{border:0;background:transparent;padding:var(--space-2) 0;color:var(--brand);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:.3em;min-height:44px}.text-button:hover,.text-link:hover{color:var(--accent)}.icon-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--border);background:var(--surface);border-radius:var(--button-radius)}progress{appearance:none;height:5px;border:none;width:100%;display:block;margin:var(--space-3) 0;background:var(--border);border-radius:4px;overflow:hidden}progress::-webkit-progress-bar{background:var(--border)}progress::-webkit-progress-value{background:var(--brand)}progress::-moz-progress-bar{background:var(--brand)}.page-heading{margin-bottom:var(--space-10)}.page-heading h1{font-size:clamp(2.5rem,4vw,3.5rem);margin-bottom:var(--space-4)}.page-heading>p:last-child,.page-heading>div>p:last-child{color:var(--text-muted);max-width:640px}.empty-state,.loading-state{padding:var(--space-16) var(--space-8);text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius)}.empty-state h2{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.empty-state p{color:var(--text-muted);max-width:540px;margin:0 auto var(--space-6)}.ornament{display:block;font-size:var(--text-3xl);color:var(--accent);margin-bottom:var(--space-4)}.skeleton{height:20px;width:85%;margin:var(--space-6) auto;background:var(--surface-muted);border-radius:var(--button-radius);animation:breathe 1.5s ease-in-out infinite}.skeleton-heading{height:40px;width:35%}@keyframes breathe{50%{opacity:.4}}input,select{min-height:46px;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--button-radius);padding:var(--space-3);min-width:0;max-width:100%}label{font-size:var(--text-sm);font-weight:600}.inline-controls{display:flex;align-items:stretch;gap:var(--space-3)}.inline-controls input{flex:1;width:100%}.device-note{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin:var(--space-8) auto 0;max-width:640px}.error-text{color:var(--danger);font-size:var(--text-sm)}.reader-page-heading{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-end}.reader-toolbar{display:flex;align-items:flex-end;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-5);background:var(--surface-green);border-radius:var(--card-radius)}.surah-select{min-width:0;flex:1}.surah-select label{display:block;margin-bottom:var(--space-2)}.surah-select select{width:100%;max-width:360px}.font-controls{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);flex-shrink:0}.font-controls>span{margin-right:var(--space-2)}.reader{padding:var(--space-10) var(--space-8);border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface)}.surah-heading{text-align:center;padding-bottom:var(--space-8)}.surah-number{font-family:var(--font-display);color:var(--accent);font-size:var(--text-lg);display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;margin-bottom:var(--space-5)}.arabic{font-family:var(--font-arabic);font-weight:400;letter-spacing:normal;word-spacing:normal}.surah-arabic{font-size:2.75rem;line-height:1.9}.surah-heading h2{font-size:var(--text-xl)}.surah-heading>p:not(.arabic){font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.heading-ornament{display:block;margin-top:var(--space-5);color:var(--accent)}.bismillah{text-align:center;font-size:var(--reading-font-size, 32px);line-height:2.5;padding-bottom:var(--space-8)}.ayah{padding:var(--space-8) var(--space-4);border-top:1px solid var(--border);scroll-margin-top:var(--space-6)}.ayah.bookmarked{background:var(--surface-green);border-radius:var(--button-radius)}.ayah-text{font-size:var(--reading-font-size, 32px);line-height:2.6;text-align:right;overflow-wrap:break-word}.ayah-footer{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;margin-top:var(--space-4);color:var(--text-muted);font-size:var(--text-xs)}.bookmark-button{font-size:var(--text-xs)}.source-credit{padding-top:var(--space-6);border-top:1px solid var(--border);margin-top:var(--space-8);font-size:var(--text-sm)}.source-credit pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-4);background:var(--surface-muted)}.source-credit summary{min-height:44px;padding:var(--space-3) 0}.reader-paging{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-6);font-size:var(--text-sm)}.hatim-overview{padding:var(--space-8);background:var(--surface-green);display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:var(--space-8);border-radius:var(--card-radius);margin-bottom:var(--space-10)}.hatim-overview h2{font-size:3.5rem;margin:var(--space-2) 0}.hatim-overview h2 span{font-size:var(--text-xl)}.hatim-overview p{font-size:var(--text-sm);color:var(--text-muted)}.hatim-percentage>span{font-family:var(--font-display);font-size:var(--text-3xl)}.juz-fieldset{padding:0;border:0;margin:0;min-width:0}.juz-fieldset legend{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-6)}.juz-fieldset legend span{display:block;color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-2)}.juz-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}.juz-item{position:relative;border:1px solid var(--border);padding:var(--space-4);display:flex;gap:var(--space-3);align-items:center;border-radius:var(--button-radius);background:var(--surface);min-height:86px;cursor:pointer}.juz-item input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.juz-item:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.juz-item.completed{background:var(--surface-green);border-color:var(--brand)}.juz-number{font-family:var(--font-display);font-size:var(--text-xl);color:var(--accent)}.juz-status{display:block;font-size:.65rem;color:var(--text-muted);font-weight:400;margin-top:var(--space-1)}.juz-check{margin-left:auto;font-size:var(--text-lg)}.reading-prompt{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-8);padding-top:var(--space-8)}.counter-panel{max-width:680px;margin:0 auto;text-align:center;background:var(--surface);border:1px solid var(--border);padding:var(--space-8);border-radius:var(--card-radius)}.counter-intro .ornament{margin-bottom:var(--space-2)}.counter-intro p{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.counter{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(280px,100%);aspect-ratio:1;border-radius:50%;background:var(--brand);color:var(--text-on-brand);border:8px double var(--surface-green);margin:var(--space-8) auto var(--space-6);box-shadow:0 0 0 1px var(--border)}.counter:active{background:var(--brand-hover)}.counter-number{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);line-height:1.2;font-variant-numeric:tabular-nums}.counter-hint{font-size:.55rem;letter-spacing:.14em;margin-top:var(--space-4)}.target-status{min-height:52px;color:var(--text-muted);font-size:var(--text-sm)}.target-form{text-align:left;max-width:390px;margin:var(--space-6) auto;border-top:1px solid var(--border);padding-top:var(--space-6)}.target-form label{display:block;margin-bottom:var(--space-2)}.target-form .small{margin-top:var(--space-3)}.confirmation{margin-top:var(--space-6);border:1px solid var(--accent);padding:var(--space-5);border-radius:var(--button-radius);background:var(--surface-warm);text-align:left}.confirmation h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.confirmation p{font-size:var(--text-sm);margin-bottom:var(--space-4)}.filter-bar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8)}.filter-bar input{width:130px}.calendar-list{border-top:1px solid var(--border)}.calendar-entry{display:grid;grid-template-columns:220px 1fr;gap:var(--space-8);padding:var(--space-8) 0;border-bottom:1px solid var(--border)}.calendar-entry time{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.5;color:var(--accent)}.calendar-entry time span{font-family:var(--font-body);font-size:var(--text-sm);display:block;color:var(--text-muted);margin-top:var(--space-2)}.calendar-entry h2{font-size:var(--text-xl);margin-bottom:var(--space-4)}.preserve-lines{white-space:pre-line;overflow-wrap:break-word}.library-search{max-width:680px}.library-search label{display:block;margin-bottom:var(--space-3)}.category-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-6) 0 var(--space-8);border-bottom:1px solid var(--border)}.category-tabs button{min-height:48px;border:0;border-bottom:2px solid transparent;background:transparent;padding:var(--space-3) var(--space-6);color:var(--text-muted)}.category-tabs button.selected{color:var(--brand);border-bottom-color:var(--brand);font-weight:650}.category-tabs button:hover{background:var(--surface-green)}.result-count{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}.library-list{display:flex;flex-direction:column;gap:var(--space-5)}.library-entry{padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius)}.entry-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--accent);font-size:var(--text-xs);margin-bottom:var(--space-4)}.entry-tags span{background:var(--surface-warm);padding:var(--space-1) var(--space-2);border-radius:var(--button-radius)}.library-entry h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.library-arabic{font-size:var(--text-2xl);line-height:2.4;padding-bottom:var(--space-5)}.entry-source{border-top:1px solid var(--border);padding-top:var(--space-4);margin-top:var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:1200px){.juz-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.calendar-entry{grid-template-columns:1fr;gap:var(--space-4)}.reader-toolbar{align-items:stretch;flex-direction:column}.surah-select select{max-width:none}.font-controls{justify-content:flex-end}.reader-page-heading{flex-wrap:wrap}}@media(max-width:700px){.page-heading{margin-bottom:var(--space-8)}.page-heading h1{font-size:var(--text-3xl)}.page-heading p{font-size:var(--text-sm)}.empty-state,.loading-state{padding:var(--space-10) var(--space-5)}.empty-state h2{font-size:var(--text-xl)}.reader{padding:var(--space-6) var(--space-4)}.reader-toolbar{padding:var(--space-4);gap:var(--space-4)}.ayah{padding:var(--space-6) var(--space-2)}.ayah-footer{align-items:flex-start;flex-direction:column;gap:0}.reader-paging{flex-wrap:wrap}.reader-paging .button{padding-left:var(--space-3);padding-right:var(--space-3);font-size:.7rem}.hatim-overview{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-6)}.hatim-overview h2{font-size:var(--text-3xl)}.hatim-percentage{display:flex;align-items:center;gap:var(--space-5)}.hatim-percentage>span{font-size:var(--text-xl)}.juz-grid{grid-template-columns:repeat(2,1fr)}.juz-item{padding:var(--space-3)}.reading-prompt{align-items:flex-start;flex-direction:column}.counter-panel{padding:var(--space-6) var(--space-4)}.counter-number{font-size:4rem}.target-form .inline-controls{flex-wrap:wrap}.target-form input{flex-basis:110px}.confirmation .inline-controls{flex-wrap:wrap}.filter-bar{gap:var(--space-3)}.filter-bar label{width:100%}.filter-bar input{flex:1}.category-tabs button{flex:1;padding:var(--space-3)}.library-entry{padding:var(--space-5)}.library-entry h2{font-size:var(--text-xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}