@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Noto+Sans:wght@400;500;600;700&display=swap";:root{--surface:#f7f9ff;--surface-dim:#d7dadf;--surface-bright:#f7f9ff;--surface-container-lowest:#fff;--surface-container-low:#f1f4f9;--surface-container:#ebeef3;--surface-container-high:#e5e8ee;--surface-container-highest:#e0e3e8;--on-surface:#181c20;--on-surface-variant:#424752;--inverse-surface:#2d3135;--inverse-on-surface:#eef1f6;--outline:#727784;--outline-variant:#c2c6d4;--surface-tint:#115cb9;--primary:#003f87;--on-primary:#fff;--primary-container:#0056b3;--on-primary-container:#bbd0ff;--inverse-primary:#acc7ff;--secondary:#555f6b;--on-secondary:#fff;--secondary-container:#d9e3f1;--on-secondary-container:#5b6571;--tertiary:#3a434a;--on-tertiary:#fff;--tertiary-container:#515a62;--on-tertiary-container:#c8d1da;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--primary-fixed:#d7e2ff;--primary-fixed-dim:#acc7ff;--on-primary-fixed:#001a40;--on-primary-fixed-variant:#004491;--secondary-fixed:#d9e3f1;--secondary-fixed-dim:#bdc7d5;--on-secondary-fixed:#131c26;--on-secondary-fixed-variant:#3e4853;--tertiary-fixed:#dbe4ed;--tertiary-fixed-dim:#bfc8d0;--on-tertiary-fixed:#141d23;--on-tertiary-fixed-variant:#3f484f;--background:#f7f9ff;--on-background:#181c20;--surface-variant:#e0e3e8;--rounded-sm:.125rem;--rounded-default:.25rem;--rounded-md:.375rem;--rounded-lg:.5rem;--rounded-xl:.75rem;--rounded-full:9999px;--margin-page:2rem;--gutter-sidebar:1px;--verse-padding:.75rem;--reading-width-max:800px;--sidebar-width-default:320px;--transition-speed:.2s}.dark-theme{--background:#0f1318;--surface:#101418;--surface-dim:#1d2126;--surface-bright:#1f2329;--surface-container-lowest:#0b0e12;--surface-container-low:#14181d;--surface-container:#1b2025;--surface-container-high:#24292f;--surface-container-highest:#2e333a;--on-surface:#e2e2e9;--on-surface-variant:#c2c6d4;--on-background:#e2e2e9;--primary:#8cb6ff;--on-primary:#002d61;--primary-container:#004491;--on-primary-container:#d7e2ff;--secondary:#bdc7d5;--on-secondary:#27313c;--secondary-container:#3e4853;--on-secondary-container:#d9e3f1;--outline:#8c919e;--outline-variant:#424752}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--on-surface);transition:background-color var(--transition-speed), color var(--transition-speed);font-family:Noto Sans,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.headline-lg{font-family:Be Vietnam Pro,sans-serif;font-size:32px;font-weight:700;line-height:1.2}.headline-md{font-family:Be Vietnam Pro,sans-serif;font-size:24px;font-weight:600;line-height:1.3}.body-reading{font-family:Noto Sans,sans-serif;font-size:19px;font-weight:400;line-height:1.8}.body-reading-mobile{font-family:Noto Sans,sans-serif;font-size:17px;font-weight:400;line-height:1.7}.metadata-sm{font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.4}.verse-number{letter-spacing:.05em;font-family:Inter,sans-serif;font-size:12px;font-weight:700;line-height:1}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;transition:all var(--transition-speed);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-container-low)}::-webkit-scrollbar-thumb{background:var(--surface-dim);border-radius:var(--rounded-full)}::-webkit-scrollbar-thumb:hover{background:var(--outline-variant)}.text-primary{color:var(--primary)}.bg-surface{background-color:var(--surface)}.border-divider{border:1px solid var(--outline-variant)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.25s cubic-bezier(.4,0,.2,1) forwards fadeIn}.context-menu{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--rounded-md);z-index:1000;min-width:160px;padding:4px 0;animation:.1s ease-out fadeIn;position:absolute;box-shadow:0 4px 12px #00000014}.context-menu-item{color:var(--on-surface);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.context-menu-item:hover{background-color:var(--secondary-container);color:var(--primary)}.hover-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--rounded-md);z-index:999;max-width:280px;padding:12px;font-size:13px;animation:.15s ease-out fadeIn;position:absolute;box-shadow:0 6px 16px #0000001a}