:root{--bg:#faf7f2;--surface:#fff;--text:#2b2420;--text-muted:#6b6055;--border:#e8e0d5;--accent:#5b4636;--accent-contrast:#fff;--arabic:"Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, sans-serif;font:20px/1.7 var(--arabic);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1b1713;--surface:#26201b;--text:#efe8de;--text-muted:#a69a8c;--border:#3a322a;--accent:#cdb9a3;--accent-contrast:#1b1713}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}#app{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}main{flex:1;padding:20px 16px 100px;overflow-y:auto}h1,h2,h3{margin:0 0 14px;font-weight:700;line-height:1.3}button,input,textarea,select{font:inherit}button{cursor:pointer}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.muted{color:var(--text-muted);font-size:.85em}.btn-primary{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:12px;width:100%;padding:16px 20px;font-size:1em;font-weight:700}.btn-secondary{color:var(--accent);border:1.5px solid var(--border);background:0 0;border-radius:12px;padding:12px 18px;font-weight:600}.btn-secondary.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}textarea{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:10px}nav.tabbar{border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}nav.tabbar button{color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 0 8px;font-size:.8em;display:flex}nav.tabbar button svg{width:24px;height:24px}nav.tabbar button.active{color:var(--accent);font-weight:700}.verse.svelte-1nf526z{cursor:pointer;border-radius:8px;margin:0 0 4px;padding:6px}.note-mark.svelte-1nf526z{margin-right:6px;font-size:.75em}.tag-dots.svelte-1nf526z{gap:3px;margin-right:6px;display:inline-flex}.tag-dot.svelte-1nf526z{border-radius:50%;width:9px;height:9px;display:inline-block}.sheet.svelte-1nf526z{background:var(--bg);margin:4px 0 14px}.sheet.svelte-1nf526z p:where(.svelte-1nf526z){margin:10px 0 6px}.swatches.svelte-1nf526z{gap:10px;display:flex}.swatch.svelte-1nf526z{border:2px solid #0000;border-radius:50%;width:34px;height:34px}.swatch.selected.svelte-1nf526z{border-color:var(--text)}.topic-chip.svelte-1nf526z{border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:20px;padding:8px 14px;font-weight:600}.topic-chip.selected.svelte-1nf526z{color:#fff}.new-topic.svelte-1nf526z{gap:8px;display:flex}.new-topic.svelte-1nf526z input:where(.svelte-1nf526z){border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;flex:1;padding:10px}.topic-group-label.svelte-1nf526z{margin-top:12px}.connected-row.svelte-1nf526z{align-items:stretch;gap:6px;margin-bottom:6px;display:flex}.connected-link.svelte-1nf526z{text-align:right;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;flex:1;margin-bottom:6px;padding:8px 12px;display:block}.connected-link.svelte-1nf526z span:where(.svelte-1nf526z){display:block}.connected-row.svelte-1nf526z .connected-link:where(.svelte-1nf526z){margin-bottom:0}.remove-link.svelte-1nf526z{background:var(--surface);border:1.5px solid var(--border);color:#b0493f;border-radius:10px;padding:0 12px;font-weight:700}.link-form.svelte-1nf526z{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.link-form.svelte-1nf526z select:where(.svelte-1nf526z){border:1.5px solid var(--border);background:var(--surface);min-width:110px;color:var(--text);border-radius:10px;flex:2;padding:10px}.link-form.svelte-1nf526z input:where(.svelte-1nf526z){border:1.5px solid var(--border);background:var(--surface);min-width:56px;color:var(--text);border-radius:10px;flex:1;padding:10px}.book-grid.svelte-pcs4xc,.chapter-grid.svelte-pcs4xc{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chapter-grid.svelte-pcs4xc{grid-template-columns:repeat(5,1fr)}.book-btn.svelte-pcs4xc,.chapter-btn.svelte-pcs4xc{background:var(--surface);border:1.5px solid var(--border);text-align:center;border-radius:10px;padding:14px 6px;font-weight:600}.top-row.svelte-pcs4xc h1:where(.svelte-pcs4xc){margin-top:10px}.nav-row.svelte-pcs4xc{gap:8px;margin:10px 0 16px;display:flex}.nav-row.svelte-pcs4xc button:where(.svelte-pcs4xc){flex:1}.nav-row.svelte-pcs4xc button:where(.svelte-pcs4xc):disabled{opacity:.4;cursor:default}.compare-toggle.svelte-pcs4xc{align-items:center;gap:8px;margin-bottom:4px;display:flex}.compare-verse.svelte-pcs4xc{border-right:3px solid var(--border);margin:0 0 14px;padding-right:6px}.new-topic.svelte-zwy8mo{gap:8px;display:flex}.new-topic.svelte-zwy8mo input:where(.svelte-zwy8mo){border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;flex:1;padding:12px}.topic-row.svelte-zwy8mo{text-align:right;width:100%;font-size:1.05em;font-weight:700}.verse-ref.svelte-zwy8mo{text-align:right;width:100%;margin-bottom:10px;display:block}.verse-ref.svelte-zwy8mo p:where(.svelte-zwy8mo):last-child{margin:4px 0 0}.note-card.svelte-6vh9vn{text-align:right;width:100%;margin-bottom:12px;display:block}.tag-chip.svelte-6vh9vn{color:#fff;border-radius:20px;padding:4px 12px;font-size:.8em;font-weight:700}h3.svelte-1xc311x{margin-bottom:10px}