:root{--primary:#2563eb;--primary-dark:#1e3a8a;--background:#f5f7fb;--card:#fff;--text:#222;--text-light:#666;--border:#ddd;--hover:#eef4ff;--shadow:0 4px 15px #00000014;--radius:14px;--transition:.25s}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}.container{width:min(100%,900px);margin:auto;padding:20px 20px 95px}h1{margin-bottom:22px;font-size:2rem}h2{margin:35px 0 18px}a{color:inherit}.books-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.book-card{min-height:140px;color:var(--text);background:var(--card);box-shadow:var(--shadow);border:1px solid #0000;border-radius:18px;flex-direction:column;justify-content:space-between;padding:22px;text-decoration:none;transition:all .25s;display:flex}.book-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #00000026}.book-card.at{border-top:5px solid #2563eb}.book-card.nt{border-top:5px solid #16a34a}.book-card-icon{background:#2563eb14;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;display:flex}.book-card.nt .book-card-icon{background:#16a34a14}.book-card.at svg{color:#2563eb}.book-card.nt svg{color:#16a34a}.book-card h3{margin:0 0 6px;font-size:1.25rem;font-weight:700;line-height:1.3}.book-testament{color:var(--text-light);margin-top:4px;font-size:.85rem;display:block}.book-badge{letter-spacing:.5px;border-radius:999px;justify-content:center;align-items:center;margin-top:10px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.book-badge.at{color:#1d4ed8;background:#dbeafe}.book-badge.nt{color:#15803d;background:#dcfce7}.grid,.chapters-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px;display:grid}.chapter-card,.chapters-grid a{background:var(--card);border:1px solid var(--border);height:58px;color:var(--text);transition:var(--transition);box-shadow:var(--shadow);border-radius:12px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.chapter-card:hover,.chapters-grid a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.chapter{background:var(--card);box-shadow:var(--shadow);border-radius:18px;margin-top:30px;overflow:hidden}.verse{border-bottom:1px solid #ececec;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;transition:background .2s;display:flex}.verse:last-child{border-bottom:none}.verse:hover{background:#f8faff}.verse p{text-align:justify;flex:1;margin:0;font-size:18px;line-height:1.9}.verse sup{color:var(--primary);margin-right:6px;font-size:12px;font-weight:700}.verse-actions{flex-direction:column;gap:8px;display:flex}.verse-actions button{cursor:pointer;width:38px;height:38px;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.verse-actions button:hover{background:#2563eb1a;transform:scale(1.08)}.verse-actions button:active{transform:scale(.92)}.chapter-nav{justify-content:space-between;align-items:center;margin:28px 0;display:flex}.chapter-nav a{background:var(--primary);color:#fff;transition:var(--transition);border-radius:10px;padding:12px 18px;font-weight:600;text-decoration:none}.chapter-nav a:hover{background:var(--primary-dark)}.chapter-nav span{width:120px}.back-link{color:var(--primary-dark);align-items:center;gap:8px;margin-bottom:20px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.search-input{border:1px solid var(--border);width:100%;transition:var(--transition);border-radius:12px;outline:none;margin:20px 0;padding:14px 18px;font-size:17px}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f}.result{background:var(--card);border:1px solid var(--border);color:inherit;transition:var(--transition);box-shadow:var(--shadow);border-radius:14px;margin-bottom:16px;padding:18px;text-decoration:none;display:block}.result:hover{transform:translateY(-2px)}.result strong{color:var(--primary-dark);margin-bottom:8px;font-size:17px;display:block}.continue-reading{color:#fff;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:22px;align-items:center;gap:20px;margin:25px 0 35px;padding:24px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 10px 30px #2563eb4d}.continue-reading:hover{transform:translateY(-4px);box-shadow:0 18px 40px #2563eb59}.continue-icon{background:#ffffff26;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.continue-icon svg{color:#fff}.continue-content{flex:1}.continue-content small{opacity:.9;margin-bottom:6px;font-size:.9rem;display:block}.continue-content h3{margin:0;font-size:1.6rem;font-weight:700}.continue-content span{opacity:.9;margin-top:8px;font-size:.95rem;display:block}.continue-arrow{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s;display:flex}.continue-reading:hover .continue-arrow{transform:translate(5px)}.navbar{z-index:1000;background:var(--card);justify-content:space-between;align-items:center;height:70px;padding:0 22px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000014}.navbar-logo{color:var(--primary-dark);align-items:center;gap:12px;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.navbar-logo svg{color:var(--primary)}.menu-button{cursor:pointer;width:42px;height:42px;transition:var(--transition);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.menu-button:hover{background:#2563eb14}.drawer{background:var(--card);z-index:3000;flex-direction:column;width:300px;max-width:85vw;height:100vh;padding:20px;transition:all .25s;display:flex;position:fixed;top:0;left:-320px;box-shadow:4px 0 25px #00000026}.drawer.open{left:0}.drawer-overlay{opacity:0;pointer-events:none;z-index:2500;background:#0006;transition:all .25s;position:fixed;inset:0}.drawer-overlay.show{opacity:1;pointer-events:auto}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.drawer-header button{cursor:pointer;background:0 0;border:none}.drawer hr{border:none;border-top:1px solid var(--border);margin:18px 0}.drawer a,.drawer button{color:var(--text);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:12px;align-items:center;gap:15px;padding:14px;font-size:15px;text-decoration:none;display:flex}.drawer a:hover,.drawer button:hover{background:var(--hover);color:var(--primary)}.bottom-nav{background:var(--card);border-top:1px solid var(--border);z-index:2000;justify-content:space-around;align-items:center;height:68px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-item{color:var(--text-light);transition:var(--transition);flex-direction:column;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.bottom-item.active{color:var(--primary)}.bottom-item svg{transition:all .2s}.bottom-item.active svg{transform:scale(1.15)}.toast{color:#fff;z-index:9999;background:#323232;border-radius:30px;padding:12px 22px;font-size:15px;animation:.25s toastIn;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}body.dark{--background:#121212;--card:#1d1d1d;--text:#f4f4f4;--text-light:#bbb;--border:#333;--hover:#2a2a2a;background:var(--background);color:var(--text)}body.dark .verse:hover{background:#222}body.dark .toast{background:#2563eb}body.dark input{color:#fff;background:#1b1b1b}body.dark input::placeholder{color:#999}body.dark .chapter-nav a{color:#fff}@media (width<=768px){.container{padding:18px 18px 90px}.books-grid{grid-template-columns:repeat(2,1fr);gap:16px}.home-stats{grid-template-columns:1fr}.verse{padding:16px}.verse p{font-size:17px}.chapter-card{height:52px}}@media (width<=600px){h1{font-size:1.6rem}h2{font-size:1.3rem}.navbar{height:65px}.navbar-title{font-size:1.15rem}.continue-reading{gap:16px;padding:18px}.continue-icon{border-radius:14px;width:58px;height:58px}.continue-icon svg{width:28px;height:28px}.continue-content h3{font-size:1.15rem}.continue-content span{font-size:.85rem}.continue-arrow{width:42px;height:42px}.home-search{padding:14px}.books-section{margin-top:30px}.drawer{width:280px}}@media (width<=420px){.container{padding:16px}.books-grid{grid-template-columns:1fr 1fr;gap:12px}.book-card{min-height:120px;padding:16px}.book-card-icon{width:46px;height:46px;margin-bottom:12px}.book-card-icon svg{width:24px;height:24px}.book-card h3{font-size:1rem}.book-badge{padding:4px 8px;font-size:.7rem}.home-search{padding:12px}.chapter{margin-top:20px}.verse{flex-direction:column;gap:10px}.verse-actions{align-self:flex-end}}@media (width>=1024px){.container{max-width:980px}.books-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1400px){.container{max-width:1200px}}.home-header{text-align:center;margin-bottom:30px}.home-header h1{margin-bottom:8px}.home-header p{color:var(--text-light)}.home-search{background:var(--card);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:12px;margin-bottom:25px;padding:14px 18px;display:flex}.home-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0;display:grid}.stat-card strong{color:var(--primary);margin:6px 0;font-size:1.8rem;display:block}.error-state,.empty-state{text-align:center;justify-items:center;gap:14px;padding:48px 20px;display:grid}.error-message{color:#b91c1c;margin:12px 0}.primary-button,.secondary-button,.danger-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 16px;font-weight:600;display:inline-flex}.primary-button{background:var(--primary);color:#fff}.secondary-button{border:1px solid var(--border);background:var(--card);color:var(--text)}.danger-button{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.page-heading,.chapter-list-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.chapter-list-heading h2{margin-bottom:0}.chapter-list-heading span,.muted,.hint,.search-summary,.eyebrow{color:var(--text-light)}.eyebrow{margin-bottom:4px;font-size:.9rem}.chapter-title{justify-content:space-between;align-items:end;gap:20px;margin-top:18px;display:flex}.chapter-title h1{margin-bottom:0}.chapter-picker,.search-filters label{color:var(--text-light);gap:5px;font-size:.85rem;font-weight:600;display:grid}.chapter-picker select,.search-filters select{border:1px solid var(--border);background:var(--card);min-height:40px;color:var(--text);border-radius:8px;padding:6px 10px}.search-filters{flex-wrap:wrap;gap:12px;margin:8px 0 18px;display:flex}.search-filters label{min-width:180px}.result span{display:block}mark{color:inherit;background:#fef08a;border-radius:3px;padding:0 2px}.favorite-tools{flex-wrap:wrap;gap:8px;display:flex}.confirm-box{border:1px solid #fecaca;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;padding:14px;display:flex}.confirm-box p{width:100%}.not-found-code{color:var(--primary);font-size:4rem;font-weight:800;line-height:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}@media (width<=600px){.home-stats{grid-template-columns:1fr}.chapter-title,.page-heading{flex-direction:column;align-items:stretch}.chapter-picker select{width:100%}.favorite-tools .secondary-button,.page-heading>.secondary-button{flex:1}}.home-search svg{color:var(--primary)}.home-search input{color:inherit;background:0 0;border:none;outline:none;flex:1;font-size:16px}.home-stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px;display:grid}.stat-card{background:var(--card);text-align:center;box-shadow:var(--shadow);border-radius:18px;padding:22px;transition:all .25s}.stat-card:hover{transform:translateY(-4px)}.stat-card svg{color:var(--primary);margin-bottom:12px}.stat-card strong{margin-bottom:6px;font-size:24px;display:block}.stat-card span{color:var(--text-light)}.word-stats{margin:35px 0}.word-stats-header h2{margin:0 0 6px}.word-stats-header p{color:var(--text-light)}.word-stats-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;margin-top:18px;display:grid}.word-stat-card{background:var(--card);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:4px;padding:16px;transition:all .25s;display:flex}.word-stat-card:hover{transform:translateY(-4px)}.word-stat-card strong{color:var(--primary);font-size:1.35rem}.word-stat-card span{color:var(--text-light);text-transform:capitalize}.books-section{margin-top:40px}.books-section h2{margin-bottom:20px}