@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@font-face{font-family:Traditional Naskh;src:url(/fonts/Traditional%20Naskh.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Traditional Naskh;src:url(/fonts/Traditional%20Naskh%20Bold.ttf)format("truetype");font-weight:700;font-style:normal}:root{--bg-color:#fdf5e6;--text-color:#3e2723;--accent-color:#d7ccc8;--btn-bg:#fff8e1;--btn-hover:#ffecb3}body.theme-kitab-kuning{--bg-color:#fdf5e6;--text-color:#4e342e;--accent-color:#d7ccc8;--btn-bg:#fff8e1;--btn-hover:#ffecb3}body.theme-hijau-islami{--bg-color:#e8f5e9;--text-color:#1b5e20;--accent-color:#c8e6c9;--btn-bg:#a5d6a7;--btn-hover:#81c784}body.theme-light{--bg-color:#fff;--text-color:#212121;--accent-color:#f5f5f5;--btn-bg:#e0e0e0;--btn-hover:#bdbdbd}body.theme-dark{--bg-color:#121212;--text-color:#e0e0e0;--accent-color:#212121;--btn-bg:#424242;--btn-hover:#616161}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;transition:background-color .4s,color .4s;overflow-x:hidden}.arabic-text{text-align:center;direction:rtl;font-family:Traditional Naskh,Traditional Arabic,serif;font-size:3rem;line-height:2}.latin-text{text-align:center;opacity:.85;margin-top:1rem;font-family:Inter,sans-serif;font-size:1.5rem;line-height:1.6}button{background-color:var(--btn-bg);color:var(--text-color);border:1px solid var(--accent-color);cursor:pointer;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}button:hover{background-color:var(--btn-hover);transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}button:active{transform:translateY(0)}button.active{background-color:var(--text-color);color:var(--bg-color)}.kitab-line{cursor:pointer;border:1px solid #0000;border-radius:8px;margin-bottom:.5rem;padding:1.5rem 1rem;transition:all .3s}.kitab-line:hover{background-color:var(--btn-bg)}.kitab-line.active{background-color:var(--btn-hover);border:1px solid var(--text-color);transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.nav-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.kitab-chapter{cursor:pointer;background-color:var(--accent-color);color:var(--bg-color);text-align:center;text-transform:uppercase;border-radius:8px;margin:1rem 0;padding:1.5rem 1rem;font-size:1.2rem;font-weight:700;transition:all .3s}.kitab-chapter.active{border:2px solid var(--text-color);transform:scale(1.05);box-shadow:0 4px 12px #0000004d}