:root{--parchment:#f2ead7;--parchment-deep:#e8dcc4;--surface:#fffdf8;--ink:#2e3f2a;--ink-soft:#4a5a45;--ink-mute:#7a8470;--gold:#b8985a;--gold-soft:#c9a868;--gold-deep:#9a7e47;--dome:#5d7d5d;--dome-deep:#46604a;--sand:#d9c9a8;--border:#d9c9a8b8;--success:#46604a;--success-soft:#5d7d5d29;--error:#a6473d;--error-soft:#a6473d1f;--font-display:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--font-ui:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-read:Literata, "Noto Serif", Georgia, serif;--font-arabic:"Noto Naskh Arabic", "Amiri", serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:22px;--r-2xl:26px;--r-full:999px;--shadow-card:0 8px 22px #2e3f2a12;--shadow-card-strong:0 10px 26px #2e3f2a14;--shadow-btn:0 9px 20px #46604a3d;--card-bg:#fffdf8d6;--card-bg-strong:#fffdf8eb;--sira-parchment:var(--parchment);--sira-parchment-deep:var(--parchment-deep);--sira-surface:var(--surface);--sira-ink:var(--ink);--sira-ink-soft:var(--ink-soft);--sira-ink-mute:var(--ink-mute);--sira-gold:var(--gold);--sira-gold-soft:var(--gold-soft);--sira-gold-deep:var(--gold-deep);--sira-dome:var(--dome);--sira-dome-deep:var(--dome-deep);--sira-sand:var(--sand);--sira-border:var(--border);--sira-success:var(--success);--sira-success-soft:var(--success-soft);--sira-error:var(--error);--sira-error-soft:var(--error-soft);--sira-font-serif:var(--font-display);--sira-font-reading:var(--font-read);--sira-font-ui:var(--font-ui);--sira-font-arabic:var(--font-arabic);--radius-xs:var(--r-xs);--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--radius-2xl:var(--r-2xl);--radius-full:var(--r-full);--shadow-button:var(--shadow-btn)}[data-theme=dark]{--parchment:#101714;--parchment-deep:#17211d;--surface:#1d2924;--ink:#f2f1ea;--ink-soft:#c4ccc3;--ink-mute:#aab4ac;--gold:#cba45b;--gold-soft:#d2b074;--gold-deep:#cba45b;--dome:#8fd6b4;--dome-deep:#73c49d;--sand:#2c3832;--border:#2c3832eb;--success:#73c49d;--success-soft:#8fd6b424;--error:#e08a7d;--error-soft:#e08a7d24;--shadow-card:0 8px 22px #00000059;--shadow-card-strong:0 10px 26px #00000073;--shadow-btn:0 9px 20px #0006;--card-bg:#1d2924db;--card-bg-strong:#1d2924eb}.phone-bg-pattern{opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><g fill='none' stroke='%239A7E47' stroke-width='1'><polygon points='40,8 48,32 72,32 52,48 60,72 40,58 20,72 28,48 8,32 32,32'/></g></svg>");position:absolute;inset:0}.orn{color:var(--gold);justify-content:center;align-items:center;gap:12px;margin:24px 0;display:flex}.orn .line{background:linear-gradient(90deg, transparent, var(--gold) 50%, transparent);opacity:.55;flex:1;max-width:120px;height:1px}.orn svg{width:16px;height:16px;color:var(--gold)}.btn{border-radius:var(--r-lg);height:56px;font:650 15px/20px var(--font-ui);cursor:pointer;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:0 22px;transition:opacity .15s,transform 50ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg, var(--dome), var(--dome-deep));color:var(--surface);box-shadow:var(--shadow-btn)}.btn-secondary{border:1.5px solid var(--gold-deep);color:var(--gold-deep);background:0 0}.btn-ghost{color:var(--ink);background:0 0;border:none}.btn-danger{color:var(--error);border:1.5px solid var(--error);background:0 0}.btn-icon{background:var(--parchment-deep);width:44px;height:44px;color:var(--ink);border:1px solid var(--sand);border-radius:999px;padding:0}.btn-icon.lg{width:56px;height:56px}.btn[disabled],.btn.is-disabled{opacity:.52;cursor:not-allowed;box-shadow:none}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{font:500 12px/16px var(--font-ui);border:1px solid var(--sand);background:var(--surface);color:var(--ink-soft);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.chip.read{background:var(--success-soft);color:var(--dome-deep);border-color:#0000}.chip.new{border-color:var(--gold-deep);color:var(--gold-deep);background:0 0}.chip.quiz{color:var(--gold-deep);background:#b8985a2e;border-color:#0000}.chip.important{background:var(--error-soft);color:var(--error);border-color:#0000}.chip.current{background:var(--success-soft);color:var(--dome-deep);border-color:#0000;font-weight:650}.chip.idle{color:var(--ink-mute)}.input{background:var(--surface);border:1px solid var(--sand);border-radius:var(--r-md);height:48px;font:400 14px/20px var(--font-ui);color:var(--ink);align-items:center;gap:10px;padding:0 14px;display:flex}.input input,.input textarea{font:inherit;color:inherit;background:0 0;border:0;outline:0;flex:1}.input input::-moz-placeholder{color:var(--ink-mute)}.input textarea::-moz-placeholder{color:var(--ink-mute)}.input input::placeholder,.input textarea::placeholder{color:var(--ink-mute)}.input:focus-within{border-color:var(--gold-deep);box-shadow:0 0 0 3px #9a7e471f}.input svg{width:18px;height:18px;color:var(--ink-mute)}.toggle{background:var(--sand);cursor:pointer;border:none;border-radius:999px;flex:none;width:52px;height:30px;transition:background .15s;position:relative}.toggle:after{content:"";background:var(--surface);border-radius:999px;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001f}.toggle.on{background:var(--dome)}.toggle.on:after{transform:translate(22px)}.toggle[disabled]{opacity:.5;cursor:not-allowed}.seg{border:1px solid var(--sand);border-radius:var(--r-xl);background:#fffdf87a;height:64px;padding:6px;display:flex}.seg button{font:600 14px/18px var(--font-ui);color:var(--ink-soft);border-radius:var(--r-lg);cursor:pointer;background:0 0;border:0;flex:1}.seg button.active{color:var(--dome-deep);background:#fffdf8eb;font-weight:650;box-shadow:0 4px 12px #2e3f2a0f}.card{background:var(--card-bg-strong);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:20px;position:relative;overflow:hidden}.card .corner{opacity:.12;pointer-events:none;width:88px;height:88px;position:absolute;top:0;right:0}.kicker{font:650 13px/18px var(--font-ui);color:var(--gold-deep);letter-spacing:.02em;align-items:center;gap:6px;display:inline-flex}.kicker svg{width:14px;height:14px}.card-title{font:650 24px/28px var(--font-display);color:var(--ink);letter-spacing:-.005em;margin:10px 0 8px}.card-preview{font:400 14px/22px var(--font-ui);color:var(--ink-soft);margin:0}.divider-thin{background:var(--sand);height:1px;margin:14px 0}.progress{background:var(--sand);border-radius:6px;height:8px;position:relative;overflow:hidden}.progress .fill{background:linear-gradient(90deg, var(--dome-deep), var(--dome));border-radius:6px;height:100%}.ring-wrap{width:140px;height:140px;position:relative}.ring-wrap svg{transform:rotate(-90deg)}.ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-center .pct{font:650 30px/32px var(--font-display);color:var(--dome-deep)}.ring-center .lbl{font:500 12px/16px var(--font-ui);color:var(--ink-mute);margin-top:2px}.q-option{border-radius:var(--r-md);border:1.5px solid var(--sand);font:500 14px/20px var(--font-ui);color:var(--ink);cursor:pointer;text-align:left;background:#fffdf8b3;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.q-option .letter{background:var(--parchment-deep);width:32px;height:32px;color:var(--gold-deep);font:650 13px/16px var(--font-ui);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.q-option.selected{border-color:var(--dome);background:var(--success-soft)}.q-option.selected .letter{background:var(--dome);color:var(--surface)}.q-option.correct{border-color:var(--dome);background:var(--success-soft);color:var(--dome-deep)}.q-option.correct .letter{background:var(--dome);color:var(--surface)}.q-option.wrong{background:var(--error-soft);color:var(--error);border-color:#a6473d99}.q-option.wrong .letter{background:var(--error);color:var(--surface)}.q-option.muted{opacity:.68}.q-option .trail{margin-left:auto}.q-option .trail svg{width:18px;height:18px}.badge-circle{background:radial-gradient(circle at 30% 25%, var(--gold-soft), var(--gold) 70%);width:84px;height:84px;color:var(--surface);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 6px 16px #b8985a59}.badge-circle:after{content:"";border:1px solid #fffdf866;border-radius:999px;position:absolute;inset:6px}.badge-circle .num{font:700 22px/24px var(--font-display)}.badge-circle .lbl{font:600 9px/12px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.badge-pill{font:600 12px/16px var(--font-ui);background:var(--success-soft);color:var(--dome-deep);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.badge-pill.gold{color:var(--gold-deep);background:#b8985a2e}.badge-pill svg{width:14px;height:14px}.msg{border-radius:var(--r-md);border:1px solid var(--sand);background:#fffdf8b3;gap:12px;padding:14px 16px;display:flex}.msg.success{background:var(--success-soft);border-color:#0000}.msg.info{background:#b8985a1f;border-color:#0000}.msg.warn{background:var(--error-soft);border-color:#0000}.msg .icon{background:var(--surface);border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.msg .icon svg{width:18px;height:18px;color:var(--gold-deep)}.msg.success .icon svg{color:var(--dome-deep)}.msg.warn .icon svg{color:var(--error)}.msg h5{font:650 14px/18px var(--font-ui);color:var(--ink);margin:0 0 4px}.msg p{font:400 13px/19px var(--font-ui);color:var(--ink-soft);margin:0}.sec-row{border-bottom:1px solid var(--sand);color:inherit;align-items:center;gap:14px;padding:14px 12px;text-decoration:none;display:flex}.sec-row .n{border:1.5px dashed var(--sand);width:36px;height:36px;font:650 14px/18px var(--font-ui);color:var(--ink-mute);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.sec-row.read .n{background:var(--success-soft);color:var(--dome-deep);border:none}.sec-row.current{border-radius:var(--r-md);border-bottom-color:#0000;border:1.5px solid var(--dome);background:#5d7d5d0f;margin:0 -4px;padding:14px 12px}.sec-row.current .n{background:var(--dome);color:var(--surface);border:none}.sec-row .body{flex:1;min-width:0}.sec-row .ttl{font:600 14px/18px var(--font-ui);color:var(--ink)}.sec-row .meta{font:500 11px/14px var(--font-ui);color:var(--ink-mute);margin-top:2px}.sec-row .trail{color:var(--gold-deep);align-items:center;gap:6px;display:flex}.sec-row .trail svg{width:16px;height:16px}.ch-card{background:var(--card-bg);border:1px solid var(--sand);border-radius:var(--r-lg);box-shadow:var(--shadow-card);color:inherit;cursor:pointer;align-items:center;gap:14px;padding:15px 16px;text-decoration:none;display:flex}.ch-card .icoCircle{background:var(--parchment-deep);width:42px;height:42px;color:var(--gold-deep);border-radius:999px;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.ch-card .icoCircle svg{width:18px;height:18px}.ch-card .icoCircle .lbl{font:600 9px/10px var(--font-ui);letter-spacing:.06em;color:var(--gold-deep);margin-top:1px}.ch-card .body{flex:1;min-width:0}.ch-card .ttl{font:650 16px/20px var(--font-display);color:var(--ink);letter-spacing:-.005em}.ch-card .meta{font:500 11px/14px var(--font-ui);color:var(--ink-mute);margin-top:2px}.ch-card .right{text-align:right;flex:none;min-width:80px}.ch-card .right .val{font:650 13px/16px var(--font-ui);color:var(--dome-deep)}.ch-card .right .mini{background:var(--sand);border-radius:3px;width:60px;height:4px;margin-top:4px;overflow:hidden}.ch-card .right .mini .fill{background:var(--dome);border-radius:3px;height:100%}.ch-card .chev{color:var(--gold-deep);flex:none}.ch-card .chev svg{width:18px;height:18px}.ch-card.completed .right .val{color:var(--gold-deep)}.ch-card.locked{opacity:.62}.ch-card.locked .icoCircle{border:1px dashed var(--sand);background:0 0}.quiz-card{background:var(--card-bg);border:1px solid var(--sand);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:22px 16px 18px}.quiz-card .q{font:650 19px/26px var(--font-display);color:var(--ink);margin:8px 0 16px}.mistake{border:1px solid var(--sand);border-radius:var(--r-md);background:#fffdf8a8;padding:14px}.mistake .kicker{color:var(--ink-mute)}.mistake .q{font:600 14px/20px var(--font-ui);color:var(--ink);margin:6px 0 10px}.mistake .ans{font:500 13px/18px var(--font-ui);align-items:flex-start;gap:8px;margin:4px 0;display:flex}.mistake .ans svg{flex:none;width:16px;height:16px;margin-top:1px}.mistake .ans.wrong{color:var(--error)}.mistake .ans.right-ans{color:var(--dome-deep)}.mistake .link{color:var(--gold-deep);font:600 12px/16px var(--font-ui);align-items:center;gap:6px;margin-top:10px;display:inline-flex}.mistake .link svg{width:14px;height:14px}.topbar{background:linear-gradient(180deg, var(--parchment) 0%, #f2ead7d9 80%, transparent 100%);z-index:15;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 16px;display:flex;position:sticky;top:0;left:0;right:0}[data-theme=dark] .topbar{background:linear-gradient(180deg, var(--parchment) 0%, #101714d9 80%, transparent 100%)}.topbar .left,.topbar .right{align-items:center;gap:8px;display:flex}.topbar .back{font:500 14px/18px var(--font-ui);color:var(--gold-deep);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:6px 8px 6px 0;display:flex}.topbar .back svg{width:16px;height:16px}.topbar .center{font:500 13px/16px var(--font-ui);color:var(--ink-soft);align-items:center;gap:6px;display:flex}.topbar .center svg{width:14px;height:14px;color:var(--gold-deep)}.topbar .ico{border:1px solid var(--sand);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:#fffdf8b3;border-radius:999px;justify-content:center;align-items:center;display:flex}.topbar .ico svg{width:16px;height:16px}.reader-actions{left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));border:1px solid var(--sand);z-index:20;-webkit-backdrop-filter:blur(18px);background:#fffdf8f2;border-radius:22px;align-items:center;gap:8px;height:64px;padding:6px 8px;display:flex;position:fixed;box-shadow:0 10px 30px #2e3f2a1f}[data-theme=dark] .reader-actions{background:#1d2924eb}.reader-actions .ghost{background:var(--parchment-deep);width:50px;height:50px;color:var(--ink-soft);border:1px solid var(--sand);cursor:pointer;border-radius:18px;flex:none;justify-content:center;align-items:center;display:flex}.reader-actions .ghost svg{width:20px;height:20px}.reader-actions .next{background:linear-gradient(180deg, var(--dome), var(--dome-deep));height:50px;color:var(--surface);font:650 14px/18px var(--font-ui);cursor:pointer;border:0;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.sira-bottom-nav{left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);z-index:20;background:#fffdf8eb;border-radius:26px;justify-content:space-around;align-items:center;height:76px;padding:8px 10px 7px;display:flex;position:fixed;box-shadow:0 10px 30px #2e3f2a1f}[data-theme=dark] .sira-bottom-nav{background:#1d2924eb;box-shadow:0 10px 30px #0006}.sira-bottom-nav .nav-item{color:var(--ink-mute);font:500 11px/14px var(--font-ui);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;text-decoration:none;display:flex;position:relative}.sira-bottom-nav .nav-item svg{width:22px;height:22px;color:var(--ink-mute)}.sira-bottom-nav .nav-item.active{color:var(--ink);font-weight:650}.sira-bottom-nav .nav-item.active svg{color:var(--dome-deep)}.sira-bottom-nav .nav-item.active:after{content:"";background:var(--dome-deep);border-radius:999px;width:4px;height:4px;position:absolute;bottom:-2px}.frag{gap:10px;margin-bottom:14px;display:flex}.frag .n{font:650 12px/18px var(--font-ui);color:var(--gold-deep);flex:none;width:22px}.frag p{font:400 17px/27px var(--font-read);color:var(--ink);margin:0}.ayah{border-left:2px solid var(--gold);border-radius:0 var(--r-md) var(--r-md) 0;font:500 17px/26px var(--font-read);color:var(--ink-soft);background:#b8985a0f;margin:14px 0;padding:14px 16px;font-style:italic}.hadith{background:var(--parchment-deep);border-radius:var(--r-md);font:500 15px/24px var(--font-read);color:var(--ink-soft);border:1px solid var(--sand);margin:14px 0;padding:12px 14px}.callout{border-left:3px solid var(--gold);border-radius:0 var(--r-md) var(--r-md) 0;font:400 14px/22px var(--font-read);color:var(--ink-soft);background:#b8985a14;padding:16px 18px}.tile{background:var(--card-bg);border:1px solid var(--sand);border-radius:var(--r-lg);min-height:88px;color:inherit;flex-direction:column;gap:6px;padding:16px;text-decoration:none;display:flex}.tile svg{width:20px;height:20px;color:var(--gold-deep)}.tile .t{font:650 14px/18px var(--font-ui);color:var(--ink)}.tile .s{font:500 11px/14px var(--font-ui);color:var(--ink-mute)}.ico{border:1px solid var(--sand);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:#fffdf8b3;border-radius:999px;justify-content:center;align-items:center;display:flex}.ico svg{width:16px;height:16px}[data-theme=dark] .ico{background:#1d2924b3}.g-2{grid-template-columns:1fr 1fr;gap:10px}.eyebrow{font:600 12px/16px var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:12px}.muted{color:var(--ink-mute)}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.screen{z-index:1;min-height:100vh;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));isolation:isolate;position:relative}.screen-content{z-index:1;padding:0 16px;position:relative}.screen-content.reader{padding:0 22px}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.max-w-xs{max-width:20rem}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.break-words{overflow-wrap:break-word}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-dome-deep{--tw-border-opacity:1;border-color:rgb(70 96 74/var(--tw-border-opacity,1))}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-dome-deep{--tw-text-opacity:1;color:rgb(70 96 74/var(--tw-text-opacity,1))}.text-ink-mute{--tw-text-opacity:1;color:rgb(122 132 112/var(--tw-text-opacity,1))}.text-ink-soft{--tw-text-opacity:1;color:rgb(74 90 69/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}html,body,#root{height:100%}body{background-color:var(--parchment);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button{font-family:inherit}a{color:inherit}.app-shell{background:var(--parchment);min-height:100%;position:relative;overflow-x:hidden}.app-shell:before{content:"";pointer-events:none;z-index:0;opacity:.28;filter:saturate(.8);background-image:url(/bg-mosque.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.app-shell:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#f2ead7c7 0%,#f2ead78c 55%,#f2ead7b3 100%);position:fixed;inset:0}[data-theme=dark] .app-shell:before{opacity:.15}[data-theme=dark] .app-shell:after{background:linear-gradient(#121914d1 0%,#121914a6 55%,#121914c7 100%)}.ornament{color:var(--gold);align-items:center;gap:.75rem;font-size:.9rem;display:inline-flex}.ornament:before,.ornament:after{content:"";background-color:var(--gold);opacity:.5;width:2.5rem;height:1px;display:block}.heading-display{font-family:var(--font-display);letter-spacing:-.005em;color:var(--ink);font-weight:650}.subtitle-tracked{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);font-size:.78rem;font-weight:500}.card-frosted{background-color:var(--card-bg-strong);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--r-lg)}.card-solid{background-color:var(--parchment-deep);border:1px solid var(--sand);border-radius:var(--r-lg)}.prose-tweet{color:var(--ink);font-size:1rem;line-height:1.7}.prose-tweet b{color:var(--ink);font-weight:600}.prose-tweet i{color:var(--ink-soft);border-left:2px solid var(--gold);margin:.5rem 0;padding-left:.75rem;font-style:italic;display:inline-block}.sira-start-screen{min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 16px calc(14px + env(safe-area-inset-bottom));text-align:center;color:#2e3f2a;background:linear-gradient(#fffdf81a 0%,#e8dcc40d 100%),url(/bg-mosque.png) 50%/cover no-repeat,#f2ead7;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.sira-start-screen:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 38%,#fffdf88c,#0000 60%);position:absolute;inset:0}.sira-start-logo{z-index:1;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 18px #b8985a2e);width:180px;height:auto;max-height:190px;margin-top:0;position:relative}.sira-start-title{z-index:1;letter-spacing:.02em;color:#1f5c4a;margin:4px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:44px;font-weight:600;line-height:.95;position:relative}.sira-start-ornament{z-index:1;color:#b8985a;justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex;position:relative}.sira-start-ornament:before,.sira-start-ornament:after{content:"";background:#b8985a8c;width:70px;height:1px}.sira-start-ornament__symbol{font-size:18px;line-height:1}.sira-start-subtitle{z-index:1;letter-spacing:.03em;color:#9a7e47;margin:6px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:16px;font-weight:600;line-height:20px;position:relative}.sira-start-source{z-index:1;color:#4a5a45;background:#fffdf866;border:1px solid #d9c9a8e0;border-radius:12px;margin-top:10px;padding:6px 16px;font-family:Cormorant Garamond,Georgia,serif;font-size:16px;font-weight:500;line-height:20px;position:relative}.sira-start-info{z-index:1;text-align:left;grid-template-columns:52px 1fr;align-items:center;gap:12px;width:100%;max-width:340px;margin-top:14px;display:grid;position:relative}.sira-start-info__icon{color:#b8985a;background:#e8dcc48c;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sira-start-info__title{color:#2e3f2a;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:17px;font-weight:650;line-height:21px}.sira-start-info__text{color:#4a5a45;margin:4px 0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:12.5px;font-weight:400;line-height:17px}.sira-start-button{z-index:1;color:#fffdf8;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#1f5c4a 0%,#12382e 100%);border:none;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:320px;height:56px;margin-top:auto;margin-bottom:8px;padding:0 18px;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:650;line-height:28px;transition:transform .12s;display:flex;position:relative;box-shadow:0 10px 22px #1f5c4a47,inset 0 1px #ffffff29}.sira-start-button:active{transform:scale(.985)}.sira-start-button__icon,.sira-start-button__arrow{color:#fffdf8;justify-content:center;align-items:center;display:inline-flex}.sira-start-button__icon{background:#fffdf81f;border-radius:999px;width:30px;height:30px}.sira-start-hint{z-index:1;color:#4a5a45c7;text-align:center;max-width:320px;margin:8px 0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:11.5px;font-weight:400;line-height:16px;position:relative}.sira-start-bottom-divider{z-index:1;color:#b8985a;justify-content:center;align-items:center;gap:10px;margin-top:4px;display:flex;position:relative}.sira-start-bottom-divider:before,.sira-start-bottom-divider:after{content:"";background:#b8985a7a;width:70px;height:1px}.sira-start-bottom-divider__symbol{font-size:14px}[data-theme=dark] .sira-start-screen{color:#2e3f2a}@media (height<=720px){.sira-start-logo{width:150px;max-height:160px}.sira-start-title{font-size:38px}.sira-start-ornament{margin-top:6px}.sira-start-subtitle{margin-top:4px;font-size:14px;line-height:18px}.sira-start-source{margin-top:8px;padding:5px 14px;font-size:14px}.sira-start-info{gap:10px;margin-top:10px}.sira-start-info__icon{width:42px;height:42px}.sira-start-info__title{font-size:15px;line-height:19px}.sira-start-info__text{font-size:11.5px;line-height:15px}.sira-start-button{height:50px;font-size:19px}.sira-start-button__icon{width:26px;height:26px}.sira-start-bottom-divider:before,.sira-start-bottom-divider:after{width:56px}}