:root{--color-bg:#f7f2e7;--color-bg-alt:#efe6d2;--color-surface:#fffdf8;--color-surface-alt:#fbf6ea;--color-border:#e2d3ac;--color-primary:#0f4c3a;--color-primary-dark:#0a3327;--color-primary-light:#1b6b52;--color-primary-tint:#e7f0ec;--color-gold:#b6892f;--color-gold-light:#d4af37;--color-gold-dark:#8a6620;--color-ink:#1e2a24;--color-ink-soft:#4b5a52;--color-muted:#7a8a80;--color-danger:#a3352b;--color-danger-bg:#fbe9e7;--font-arabic:"Amiri", "Lateef", "Traditional Arabic", serif;--font-ui:"Cairo", "Segoe UI", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--shadow-sm:0 1px 3px #0f4c3a14, 0 1px 2px #0f4c3a0f;--shadow-md:0 6px 20px #0f4c3a1f, 0 2px 6px #0f4c3a14;--shadow-lg:0 16px 40px #0f4c3a2e, 0 4px 12px #0f4c3a1a;--shadow-gold:0 0 0 1px #b6892f59;--header-height:76px;--pattern-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%230F4C3A' stroke-opacity='0.06'%3E%3Cpath d='M42 0 L84 42 L42 84 L0 42 Z'/%3E%3Ccircle cx='42' cy='42' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}:root[data-theme=dark]{--color-bg:#0c1f18;--color-bg-alt:#0a1913;--color-surface:#12291f;--color-surface-alt:#163326;--color-border:#24493a;--color-primary:#2e9c76;--color-primary-dark:#1b6b52;--color-primary-light:#4bbf99;--color-primary-tint:#163326;--color-gold:#e0bb5a;--color-gold-light:#f2d27e;--color-gold-dark:#b6892f;--color-ink:#f2ede0;--color-ink-soft:#cdd9d0;--color-muted:#8fa79b;--color-danger:#e07a6f;--color-danger-bg:#3a1a17;--pattern-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23E0BB5A' stroke-opacity='0.06'%3E%3Cpath d='M42 0 L84 42 L42 84 L0 42 Z'/%3E%3Ccircle cx='42' cy='42' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0c1f18;--color-bg-alt:#0a1913;--color-surface:#12291f;--color-surface-alt:#163326;--color-border:#24493a;--color-primary:#2e9c76;--color-primary-dark:#1b6b52;--color-primary-light:#4bbf99;--color-primary-tint:#163326;--color-gold:#e0bb5a;--color-gold-light:#f2d27e;--color-gold-dark:#b6892f;--color-ink:#f2ede0;--color-ink-soft:#cdd9d0;--color-muted:#8fa79b;--color-danger:#e07a6f;--color-danger-bg:#3a1a17;--pattern-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23E0BB5A' stroke-opacity='0.06'%3E%3Cpath d='M42 0 L84 42 L42 84 L0 42 Z'/%3E%3Ccircle cx='42' cy='42' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-bg);background-image:var(--pattern-light);min-height:100vh;color:var(--color-ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .25s,color .25s}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{color:var(--color-primary-dark);margin:0}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] h4{color:var(--color-gold-light)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) h1,:root:not([data-theme=light]) h2,:root:not([data-theme=light]) h3,:root:not([data-theme=light]) h4{color:var(--color-gold-light)}}p{color:var(--color-ink-soft);margin:0;line-height:1.6}.arabic-text{font-family:var(--font-arabic);direction:rtl;unicode-bidi:isolate}.page{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:32px 20px 72px}.page-narrow{max-width:760px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.page-header h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.2rem)}.page-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-dark);align-items:center;gap:8px;margin-bottom:6px;font-size:.78rem;font-weight:700;display:inline-flex}:root[data-theme=dark] .page-eyebrow{color:var(--color-gold-light)}.btn{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md)}.btn-gold{background:linear-gradient(135deg, var(--color-gold-light) 0%, var(--color-gold) 100%);color:#2a1e05;box-shadow:var(--shadow-sm)}.btn-gold:hover:not(:disabled){box-shadow:var(--shadow-md)}.btn-outline{border-color:var(--color-border);color:var(--color-primary-dark);background:0 0}:root[data-theme=dark] .btn-outline{color:var(--color-ink)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-tint)}.btn-ghost{color:var(--color-ink-soft);background:0 0;padding:9px 14px}.btn-ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-ink)}.btn-danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--color-danger-bg)}.btn-sm{padding:7px 14px;font-size:.85rem}.btn-icon{border-radius:50%;width:38px;height:38px;padding:0}.field{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.field label{color:var(--color-primary-dark);letter-spacing:.02em;font-size:.85rem;font-weight:700}:root[data-theme=dark] .field label{color:var(--color-gold-light)}.field-hint{color:var(--color-muted);font-size:.78rem}input[type=text],input[type=search],textarea,select{border:1.5px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-ink);border-radius:var(--radius-sm);padding:12px 14px;font-family:inherit;font-size:.98rem;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:100px;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint);outline:none}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%230F4C3A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.divider-ornament{color:var(--color-gold);justify-content:center;align-items:center;gap:12px;margin:18px 0;display:flex}.divider-ornament:before,.divider-ornament:after{content:"";background:linear-gradient(90deg, transparent, var(--color-border), transparent);flex:1;height:1px}.badge{border-radius:var(--radius-pill);background:var(--color-primary-tint);color:var(--color-primary-dark);border:1px solid var(--color-border);align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}:root[data-theme=dark] .badge{color:var(--color-gold-light)}.badge-gold{color:var(--color-gold-dark);background:#b6892f1f;border-color:#b6892f59}:root[data-theme=dark] .badge-gold{color:var(--color-gold-light)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-gold);border-radius:50%;width:34px;height:34px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-block{text-align:center;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;display:flex}.error-banner{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px;font-size:.9rem}.fade-in{animation:.35s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.page{padding:20px 14px 56px}}.rtl-flip{display:inline-block}[dir=rtl] .rtl-flip{transform:scaleX(-1)}[dir=rtl] .topic-card:hover .topic-card-arrow{transform:scaleX(-1)translate(4px)}[dir=rtl] .searchable-select-trigger,[dir=rtl] .surah-group-stat-label{text-align:right}[dir=rtl] .topic-phase-banner-name{padding-left:6px;padding-right:0}[dir=rtl] .topic-card-glyph{left:10px;right:auto}.navbar{z-index:40;background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface) 100%);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.navbar-inner{max-width:1080px;height:var(--header-height);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 20px;display:flex}.navbar-brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.navbar-logo{object-fit:cover;width:46px;height:46px;box-shadow:var(--shadow-gold), var(--shadow-sm);border:2px solid var(--color-gold-light);border-radius:50%}.navbar-brand-name{font-family:var(--font-ui);letter-spacing:.04em;color:var(--color-primary-dark);font-size:1.25rem;font-weight:800}:root[data-theme=dark] .navbar-brand-name{color:var(--color-gold-light)}.navbar-links{align-items:center;gap:8px;display:flex}.navbar-link{border-radius:var(--radius-pill);color:var(--color-ink-soft);padding:9px 16px;font-size:.92rem;font-weight:600;transition:background-color .15s,color .15s}.navbar-link:hover{background:var(--color-primary-tint);color:var(--color-primary-dark)}:root[data-theme=dark] .navbar-link:hover{color:var(--color-gold-light)}.navbar-link.active{background:var(--color-primary);color:#fff}.navbar-actions{align-items:center;gap:10px;display:flex}.lang-toggle{font-family:var(--font-ui);font-size:.82rem;font-weight:700}.navbar-cta-full{display:inline-flex}.navbar-cta-icon{font-size:1.2rem;line-height:1;display:none}@media (width<=640px){.navbar-links,.navbar-cta-full{display:none}.navbar-cta-icon{display:inline-flex}.navbar-brand-name{font-size:1.05rem}.navbar-logo{width:38px;height:38px}}.footer{border-top:1px solid var(--color-border);background:var(--color-surface-alt);margin-top:40px;padding:36px 20px 28px}.footer-inner{text-align:center;max-width:640px;margin:0 auto}.footer-verse{color:var(--color-primary-dark);margin-bottom:8px;font-size:1.5rem}:root[data-theme=dark] .footer-verse{color:var(--color-gold-light)}.footer-verse-ref{color:var(--color-muted);font-size:.82rem;font-style:italic}.footer-meta{color:var(--color-muted);margin-top:6px;font-size:.78rem}.topic-card{flex-direction:column;min-height:150px;padding:22px 22px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.topic-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gold);transform:translateY(-3px)}.topic-card-glyph{color:var(--color-primary-tint);z-index:0;-webkit-user-select:none;user-select:none;font-size:3.4rem;line-height:1;position:absolute;top:-6px;right:10px}:root[data-theme=dark] .topic-card-glyph{color:var(--color-surface-alt)}.topic-card-body{z-index:1;flex:1;position:relative}.topic-card-title{margin-bottom:8px;font-size:1.2rem}.topic-card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.topic-card-footer{z-index:1;justify-content:space-between;align-items:center;margin-top:16px;display:flex;position:relative}.topic-card-arrow{color:var(--color-gold);font-size:1.2rem;transition:transform .18s}.topic-card:hover .topic-card-arrow{transform:translate(4px)}.hero{text-align:center;background:radial-gradient(ellipse at top, var(--color-primary-tint) 0%, transparent 65%);padding:56px 20px 70px;position:relative;overflow:hidden}.hero-inner{z-index:1;max-width:640px;margin:0 auto;position:relative}.hero-logo{object-fit:cover;border:3px solid var(--color-gold-light);width:92px;height:92px;box-shadow:var(--shadow-md);border-radius:50%;margin:0 auto 18px}.hero-eyebrow{font-family:var(--font-arabic);color:var(--color-gold-dark);letter-spacing:.06em;margin-bottom:10px;font-size:1.1rem}:root[data-theme=dark] .hero-eyebrow{color:var(--color-gold-light)}.hero-title{margin-bottom:14px;font-size:clamp(1.8rem,1.3rem + 2vw,2.6rem)}.hero-subtitle{max-width:520px;margin:0 auto;font-size:1.02rem}.hero-band{background-image:repeating-linear-gradient(135deg, var(--color-gold) 0px, var(--color-gold) 2px, transparent 2px, transparent 14px);opacity:.15;height:40px;position:absolute;bottom:0;left:0;right:0}@media (width<=560px){.hero{padding:40px 16px 50px}.hero-logo{width:72px;height:72px}}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:24px;display:grid}.phase-group{margin-top:44px}.phase-group:first-of-type{margin-top:32px}.phase-group-header{border-bottom:2px solid var(--color-gold);align-items:center;gap:14px;padding-bottom:14px;display:flex}.phase-group-badge{background:var(--color-gold);color:#2a1e05;letter-spacing:.03em;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 16px;font-size:.82rem;font-weight:800;display:inline-flex}.phase-group-title{color:var(--color-primary-dark);font-size:1.3rem}:root[data-theme=dark] .phase-group-title{color:var(--color-gold-light)}@media (width<=560px){.phase-group-header{flex-wrap:wrap}.phase-group-title{font-size:1.1rem}}.searchable-select{width:100%;position:relative}.searchable-select-trigger{border:1.5px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-ink);border-radius:var(--radius-sm);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-family:inherit;font-size:.98rem;transition:border-color .15s,box-shadow .15s;display:flex}.searchable-select-trigger:hover:not(:disabled){border-color:var(--color-gold)}.searchable-select-trigger:focus-visible,.searchable-select-trigger[aria-expanded=true]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint);outline:none}.searchable-select.is-disabled .searchable-select-trigger{opacity:.55;cursor:not-allowed}.searchable-select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchable-select-placeholder{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchable-select-chevron{color:var(--color-primary-dark);flex-shrink:0}:root[data-theme=dark] .searchable-select-chevron{color:var(--color-gold-light)}.searchable-select-panel{z-index:60;background:var(--color-surface);border:1.5px solid var(--color-gold);border-radius:var(--radius-md);min-width:240px;box-shadow:var(--shadow-lg);animation:.14s both searchableSelectOpen;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}@keyframes searchableSelectOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.searchable-select-search{border-bottom:1px solid var(--color-border);color:var(--color-muted);align-items:center;gap:8px;padding:10px 12px;display:flex}.searchable-select-search input{color:var(--color-ink);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:.94rem}.searchable-select-list{max-height:260px;margin:0;padding:6px;list-style:none;overflow-y:auto}.searchable-select-option{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-ink);justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:.92rem;display:flex}.searchable-select-option.is-active{background:var(--color-primary-tint)}.searchable-select-option.is-selected{color:var(--color-primary-dark);font-weight:700}:root[data-theme=dark] .searchable-select-option.is-selected{color:var(--color-gold-light)}.searchable-select-option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchable-select-option-meta{color:var(--color-ink-soft);flex-shrink:0;font-size:1rem}.searchable-select-empty{text-align:center;color:var(--color-muted);padding:16px 10px;font-size:.86rem}.searchable-select-list::-webkit-scrollbar{width:8px}.searchable-select-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.verse-selector{background:var(--color-surface-alt);border:1.5px dashed var(--color-gold);border-radius:var(--radius-md);padding:18px}.verse-selector-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.field-inline{flex:220px;margin-bottom:0}.field-narrow{flex:0 150px;min-width:130px}.verse-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;min-height:30px;margin-top:14px;padding:14px 16px;display:flex}.verse-preview-text{color:var(--color-ink);width:100%;font-size:1.35rem;line-height:2.1}@media (width<=560px){.verse-selector-row{flex-direction:column;align-items:stretch}.field-narrow{flex:auto}.verse-selector-row .btn{width:100%}}.verse-builder-empty{padding:18px 4px}.verse-builder-list{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.verse-builder-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.verse-builder-order{background:var(--color-primary-tint);width:26px;height:26px;color:var(--color-primary-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}:root[data-theme=dark] .verse-builder-order{color:var(--color-gold-light)}.verse-builder-content{flex:1;min-width:0}.verse-builder-text{margin-bottom:6px;font-size:1.15rem;line-height:1.9}.verse-builder-actions{flex-shrink:0;gap:4px;display:flex}.verse-builder-actions .btn-icon{width:30px;height:30px;font-size:.85rem}@media (width<=560px){.verse-builder-item{flex-wrap:wrap}.verse-builder-actions{justify-content:flex-end;width:100%}}.topic-form{padding:28px 26px 30px}.topic-form-actions{border-top:1px solid var(--color-border);justify-content:flex-end;margin-top:26px;padding-top:20px;display:flex}@media (width<=560px){.topic-form{padding:20px 16px 24px}.topic-form-actions{justify-content:stretch}.topic-form-actions .btn{width:100%}}.mushaf-verse{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px 26px 26px;position:relative}.mushaf-verse:before{content:"";border:1px solid var(--color-gold);border-radius:calc(var(--radius-lg) - 6px);opacity:.25;pointer-events:none;position:absolute;inset:8px}.mushaf-verse-header{z-index:1;align-items:center;gap:12px;margin-bottom:16px;display:flex;position:relative}.mushaf-verse-index{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:flex}.mushaf-verse-surah{flex-direction:column;flex:1;line-height:1.2;display:flex}.mushaf-verse-surah-en{color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:700}.mushaf-verse-surah-ar{color:var(--color-primary-dark);font-size:1.05rem}:root[data-theme=dark] .mushaf-verse-surah-ar{color:var(--color-gold-light)}.mushaf-verse-ref{flex-shrink:0}.mushaf-verse-text{z-index:1;color:var(--color-ink);text-align:justify;text-align-last:center;font-size:clamp(1.4rem,1.1rem + 1.2vw,1.85rem);line-height:2.4;position:relative}.mushaf-ayah-marker{border:1.5px solid var(--color-gold);width:.9em;height:.9em;color:var(--color-gold-dark);vertical-align:middle;font-size:.55em;font-family:var(--font-ui);border-radius:50%;justify-content:center;align-items:center;margin:0 .15em;display:inline-flex}:root[data-theme=dark] .mushaf-ayah-marker{color:var(--color-gold-light)}@media (width<=560px){.mushaf-verse{padding:18px 16px 20px}.mushaf-verse-text{text-align:right;text-align-last:right}}.surah-group{margin-bottom:40px}.surah-group:last-child{margin-bottom:0}.surah-box{border:2px solid var(--color-gold);border-radius:var(--radius-md);background:var(--color-primary-tint);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:18px;padding:18px 28px;display:flex;position:relative}.surah-box:before{content:"";border:1px solid var(--color-gold);border-radius:calc(var(--radius-md) - 3px);opacity:.45;pointer-events:none;position:absolute;inset:5px}.surah-box-ornament{color:var(--color-gold);opacity:.7;flex-shrink:0;font-size:1.1rem}.surah-box-center{text-align:center;flex-direction:column;align-items:center;line-height:1.3;display:flex}.surah-box-number{letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold-dark);margin-bottom:2px;font-size:.72rem;font-weight:700}:root[data-theme=dark] .surah-box-number{color:var(--color-gold-light)}.surah-box-name-ar{color:var(--color-primary-dark);margin:2px 0;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.1rem)}:root[data-theme=dark] .surah-box-name-ar{color:var(--color-gold-light)}.surah-box-name-en{color:var(--color-ink-soft);font-size:.85rem;font-weight:600}.surah-group-stat{border:1px solid var(--color-gold);border-radius:var(--radius-pill);background:linear-gradient(135deg,#b6892f24 0%,#b6892f0d 100%);justify-content:center;align-items:center;gap:14px;width:fit-content;max-width:100%;margin:16px auto 22px;padding:10px 22px 10px 18px;display:flex}.surah-group-stat-value{font-family:var(--font-ui);font-variant-numeric:proportional-nums;color:var(--color-gold-dark);text-shadow:0 1px #fff6;flex-shrink:0;font-size:2.4rem;font-weight:800;line-height:1}:root[data-theme=dark] .surah-group-stat-value{color:var(--color-gold-light);text-shadow:none}.surah-group-stat-label{text-align:left;color:var(--color-ink-soft);text-transform:none;font-size:.82rem;font-weight:600;line-height:1.35}@media (width<=560px){.surah-group-stat{gap:10px;padding:8px 18px 8px 14px}.surah-group-stat-value{font-size:1.9rem}.surah-group-stat-label{font-size:.76rem}}.mushaf-list{flex-direction:column;gap:16px;display:flex}@media (width<=560px){.surah-box{gap:10px;padding:14px 16px}.surah-box-ornament{display:none}}.topic-detail-back{color:var(--color-primary-dark);align-items:center;gap:6px;margin-bottom:18px;font-size:.88rem;font-weight:600;display:inline-flex}:root[data-theme=dark] .topic-detail-back{color:var(--color-gold-light)}.topic-detail-back:hover{text-decoration:underline}.topic-phase-banner{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:10px;margin-bottom:14px;padding:6px 8px 6px 6px;display:inline-flex}.topic-phase-banner-badge{background:var(--color-gold);color:#2a1e05;letter-spacing:.03em;border-radius:999px;flex-shrink:0;align-items:center;padding:5px 14px;font-size:.76rem;font-weight:800;display:inline-flex}.topic-phase-banner-name{color:var(--color-ink-soft);padding-right:6px;font-size:.86rem;font-weight:600}.topic-detail-header{align-items:center}.topic-detail-desc{max-width:520px;margin-top:8px}.topic-detail-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=560px){.topic-detail-header{flex-direction:column;align-items:stretch}.topic-detail-actions{justify-content:flex-end}}