:root{--font-serif:"Noto Serif Bengali", serif;--font-sans:"Hind Siliguri", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}[data-theme=light]{--bg-primary:#f8fafc;--bg-surface:#fff;--bg-card:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--accent:#2563eb;--accent-light:#eff6ff;--nav-bg:#ffffffd9;--verse-bg:#f8fafc;--verse-border:#3b82f6;--shadow:0 4px 20px -2px #0000000d}[data-theme=sepia]{--bg-primary:#fbf0d9;--bg-surface:#f4e8c1;--bg-card:#ede0b2;--text-primary:#433422;--text-secondary:#6e583b;--text-muted:#9b8261;--border:#e3d2a7;--accent:#b45309;--accent-light:#fef3c7;--nav-bg:#f4e8c1e0;--verse-bg:#faf2dc;--verse-border:#d97706;--shadow:0 4px 20px -2px #5c3c1414}[data-theme=dark]{--bg-primary:#000;--bg-surface:#121212;--bg-card:#1e1e1e;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#27272a;--accent:#38bdf8;--accent-light:#38bdf81f;--nav-bg:#121212d9;--verse-bg:#14171f;--verse-border:#0284c7;--shadow:0 4px 24px -2px #000000b3}[data-theme=midnight]{--bg-primary:#0b1120;--bg-surface:#0f172a;--bg-card:#1e293b;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--accent:#6366f1;--accent-light:#6366f126;--nav-bg:#0f172ae0;--verse-bg:#111e38;--verse-border:#818cf8;--shadow:0 4px 24px -2px #00000080}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;touch-action:manipulation;min-height:-webkit-fill-available;transition:background-color .25s,color .25s;overflow-x:hidden}.app-shell{background-color:var(--bg-primary);flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 50px #00000026}.bottom-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);width:100%;max-width:640px;padding:8px 12px calc(8px + var(--sab));z-index:50;justify-content:space-around;align-items:center;transition:background-color .25s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-muted);cursor:pointer;font-size:11px;font-family:var(--font-ui);background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item.active{color:var(--accent);transform:translateY(-1px)}.nav-item svg{width:20px;height:20px}.top-header{background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);width:100%;padding:calc(10px + var(--sat)) 16px 10px;z-index:40;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-title{font-family:var(--font-sans);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:2px 4px 2px 0;font-size:17px;font-weight:600;line-height:1.4;overflow:hidden}.icon-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.icon-btn:hover{background:var(--accent-light);color:var(--accent)}.icon-btn:active{transform:scale(.92)}.main-content{padding-bottom:calc(75px + var(--sab));flex:1;min-height:calc(100vh - 60px)}.reader-text{font-family:var(--font-serif);line-height:var(--line-height,1.85);font-size:var(--reader-font-size,18px);letter-spacing:.01em;color:var(--text-primary)}.reader-text p{text-align:justify;text-justify:inter-word;word-break:break-word;margin-bottom:1.5em}.chapter-heading-h3{font-family:var(--font-sans);color:var(--accent);background:var(--accent-light);border-left:4px solid var(--accent);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;border-radius:0 10px 10px 0;margin:1.5em 0 .6em;padding:6px 14px;font-size:1.15em;font-weight:700;display:block;overflow:hidden}.chapter-title-h3{font-family:var(--font-serif);color:var(--text-primary);border-bottom:2px solid var(--border);margin:.6em 0 1.2em;padding-bottom:8px;font-size:1.35em;font-weight:700;line-height:1.45;display:block}.terminology-term-bold{font-family:var(--font-sans);color:var(--accent);margin-right:6px;font-size:1.08em;font-weight:700}.discussion-heading-bold{color:var(--text-primary);margin-right:6px;font-weight:700}.footnote-ref-link{font-family:var(--font-sans);vertical-align:super;color:var(--accent);background:var(--accent-light);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;margin:0 2px;padding:1px 4px;font-size:.78em;font-weight:700;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.footnote-ref-link:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.footnote-para{color:var(--text-secondary);border-left:2px solid var(--accent);background:var(--verse-bg);border-radius:0 8px 8px 0;margin:8px 0;padding:8px 12px;font-size:.88em;line-height:1.6;transition:background-color .4s}.footnote-backref-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;margin-left:8px;padding:0;font-size:.85em;text-decoration:none;display:inline-flex}.footnote-backref-btn:hover{text-decoration:underline}.quran-verse{background:var(--verse-bg);border-left:4px solid var(--verse-border);box-shadow:var(--shadow);clear:both;border-radius:0 12px 12px 0;margin:1.4em 0;padding:14px 18px;font-size:.98em;display:block}.verse-citation-badge{font-family:var(--font-sans);color:var(--accent);background:var(--accent-light);letter-spacing:.02em;border-radius:6px;margin-right:8px;padding:2px 8px;font-size:.9em;font-weight:700;display:inline-block}.hadith-quote-box{background:var(--verse-bg);border-left:4px solid var(--accent);box-shadow:var(--shadow);clear:both;border-radius:0 12px 12px 0;margin:1.4em 0;padding:14px 18px;font-size:.98em;display:block}.hadith-badge{font-family:var(--font-sans);color:#fff;background:var(--accent);border-radius:6px;margin-right:8px;padding:2px 8px;font-size:.88em;font-weight:700;display:inline-block}.analysis-heading{font-family:var(--font-sans);color:var(--accent);margin:1.4em 0 .5em;font-size:1.12em;font-weight:700;display:block}.bottom-sheet-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.bottom-sheet{background:var(--bg-surface);width:100%;max-width:640px;padding:20px 20px calc(24px + var(--sab));border-top:1px solid var(--border);z-index:101;border-radius:20px 20px 0 0;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 30px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.primary-btn{background:var(--accent);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.primary-btn:hover{filter:brightness(1.1)}.primary-btn:active{transform:scale(.97)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}