:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--tan-white: #f8f3ec;--white: #ffffff;--dusty-black: #1c1c1e;--nav-text: #141414;--gray: #898989;--neon-blue: #4f64ff;--light-gray-border: #e9ecef;--hover-bg: #f1f3f5}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tan-white);color:var(--dusty-black);line-height:1.6;display:flex;flex-direction:column;align-items:center;min-height:100vh}.container{max-width:1200px;width:100%;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.App{width:100%;max-width:1200px;padding-top:20px;padding-bottom:40px;background-color:var(--white);box-shadow:0 4px 12px #00000014;border-radius:12px;margin-top:40px;margin-bottom:40px}.main-layout{display:flex;gap:40px;padding:30px}.book-list-container{width:280px;flex-shrink:0;border-right:1px solid var(--light-gray-border);padding-right:40px}.book-list-container h2{font-size:1.2em;font-weight:600;color:var(--nav-text);margin-top:0;margin-bottom:20px;border-bottom:1px solid var(--light-gray-border);padding-bottom:15px}.book-list-container ul{list-style:none;padding:0;margin:0}.book-list-container li{margin-bottom:10px}.book-list-container button{width:100%;text-align:left;padding:10px 15px;cursor:pointer;background-color:transparent;border:none;border-radius:6px;color:var(--nav-text);font-size:.95em;transition:background-color .2s ease,color .2s ease}.book-list-container button:hover{background-color:var(--hover-bg);color:var(--neon-blue)}.content-section{flex-grow:1;display:flex;flex-direction:column}.chapter-selector{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--light-gray-border)}.chapter-selector h4{font-size:1.1em;font-weight:600;color:var(--nav-text);margin-top:0;margin-bottom:15px}.chapter-buttons{display:flex;flex-wrap:wrap;gap:10px}.chapter-buttons button{padding:8px 14px;cursor:pointer;border:1px solid #dee2e6;background-color:var(--white);color:var(--gray);border-radius:6px;min-width:45px;text-align:center;font-weight:500;transition:all .2s ease}.chapter-buttons button:hover{background-color:var(--hover-bg);border-color:var(--gray)}.chapter-buttons button.active{background-color:var(--neon-blue);color:var(--white);border-color:var(--neon-blue);box-shadow:0 2px 4px #4f64ff66}.chapter-content-area{padding-top:20px;font-size:1.05em}.chapter-content-area h3{margin-top:0;margin-bottom:25px;color:var(--dusty-black);font-weight:600}.chapter-content-area p{margin-bottom:1.2em;text-align:justify;color:var(--dusty-black)}.chapter-content-area>div{color:var(--gray);font-style:italic}.site-header{background-color:var(--white);padding:15px 0;border-bottom:1px solid var(--light-gray-border);margin-bottom:30px}.site-header .container{max-width:1200px;margin:0 auto;padding:0 30px;display:flex;justify-content:space-between;align-items:center}.logo-container a{font-weight:700;text-decoration:none;color:var(--dusty-black);font-size:1.5em}.main-navigation ul{list-style:none;padding:0;margin:0;display:flex;gap:30px}.main-navigation a{text-decoration:none;color:var(--nav-text);font-weight:500;transition:color .2s ease}.main-navigation a:hover{color:var(--neon-blue)}.header-actions{display:flex;gap:15px}.btn{padding:10px 20px;border-radius:8px;cursor:pointer;border:1px solid transparent;font-weight:600;font-size:.9em;transition:all .2s ease}.btn-lg{padding:12px 25px;font-size:1.1em}.btn-primary{background-color:var(--neon-blue);color:var(--white);border-color:var(--neon-blue)}.btn-primary:hover{background-color:#3a50f5;border-color:#3a50f5}.btn-secondary{background-color:var(--dusty-black);color:var(--white);border-color:var(--dusty-black)}.btn-secondary:hover{background-color:#000;border-color:#000}.hero-section{background-color:var(--white);padding:80px 0;text-align:center}.hero-content h1{font-size:3em;font-weight:700;color:var(--dusty-black);margin-bottom:25px;line-height:1.3}.hero-content p{font-size:1.2em;color:var(--gray);margin-bottom:35px;max-width:600px;margin-left:auto;margin-right:auto}.feature-grid-section{padding:80px 0;background-color:var(--tan-white)}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature-card{background-color:var(--white);border:1px solid var(--light-gray-border);border-radius:12px;padding:35px;text-align:center;box-shadow:0 4px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.card-icon{font-size:2.8em;margin-bottom:20px;color:var(--neon-blue)}.card-title{font-size:1.3em;font-weight:600;color:var(--dusty-black);margin-top:0;margin-bottom:15px}.card-description{font-size:1em;color:var(--gray);line-height:1.6}@media(max-width:992px){.grid-container{grid-template-columns:repeat(2,1fr)}.main-layout{flex-direction:column}.book-list-container{width:100%;border-right:none;border-bottom:1px solid var(--light-gray-border);padding-right:0;margin-bottom:30px}.site-header .container{padding:0 15px}.App{padding:15px;margin:20px}}@media(max-width:768px){.grid-container{grid-template-columns:1fr}.feature-grid-section{padding:40px 0}.hero-content h1{font-size:2.2em}.hero-content p{font-size:1.1em}.App{margin:10px;padding:10px}}.reading-layout{display:flex;gap:30px;background-color:var(--white);padding:30px;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:20px}.reading-sidebar{width:200px;flex-shrink:0}.back-button{background:none;border:none;color:var(--neon-blue);cursor:pointer;font-size:.9em;margin-bottom:20px;padding:5px 0}.back-button:hover{text-decoration:underline}.reading-sidebar .chapter-selector{border-bottom:none;padding-bottom:0;margin-bottom:0}.reading-sidebar .chapter-selector h4{font-size:1em;font-weight:600;margin-bottom:10px;color:var(--nav-text)}.reading-sidebar .chapter-buttons{gap:6px}.reading-sidebar .chapter-buttons button{min-width:35px;padding:4px 8px;font-size:.9em}.reading-content{flex-grow:1;padding-left:30px;border-left:1px solid var(--light-gray-border)}@media(max-width:768px){.reading-layout{flex-direction:column;padding:15px}.reading-sidebar{width:100%;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--light-gray-border)}.reading-content{padding-left:0;border-left:none}}.site-header{background-color:#f1f3f5;padding:15px 0;border-bottom:1px solid #dee2e6}.site-header .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo-container a{font-weight:700;text-decoration:none;color:#343a40;font-size:1.5em}.main-navigation ul{list-style:none;padding:0;margin:0;display:flex;gap:25px}.main-navigation a{text-decoration:none;color:#495057;font-weight:500}.main-navigation a:hover{color:#0d6efd}.header-actions{display:flex;gap:10px}.btn{padding:8px 15px;border-radius:6px;cursor:pointer;border:1px solid transparent;font-weight:500}.btn-secondary{background-color:#6c757d;color:#fff;border-color:#6c757d}.btn-secondary:hover{background-color:#5c636a;border-color:#565e64}.hero-section{background-color:#f8f9fa;padding:80px 0;text-align:center;border-bottom:1px solid #e9ecef}.hero-content{max-width:800px;margin:0 auto;padding:0 20px}.hero-content h1{font-size:2.8em;font-weight:700;color:#212529;margin-bottom:20px;line-height:1.3}.hero-content p{font-size:1.15em;color:#6c757d;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.btn-lg{padding:12px 25px;font-size:1.1em;border-radius:8px}.btn{display:inline-block;padding:12px 25px;border-radius:8px;cursor:pointer;border:1px solid transparent;font-weight:500;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.btn-primary{background-color:#0d6efd;color:#fff;border-color:#0d6efd}.btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca}.feature-card{background-color:#fff;border:1px solid #dee2e6;border-radius:12px;padding:30px;text-align:center;box-shadow:0 4px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.card-icon{font-size:2.5em;margin-bottom:15px;color:#0d6efd}.card-title{font-size:1.2em;font-weight:600;color:#343a40;margin-top:0;margin-bottom:10px}.card-description{font-size:.95em;color:#6c757d;line-height:1.5}.feature-grid-section{padding:60px 0;background-color:#fff}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(max-width:992px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-container{grid-template-columns:1fr}.feature-grid-section{padding:40px 0}}.content-block{padding:60px 0;background-color:var(--white);border-top:1px solid var(--light-gray-border)}.content-block-inner{display:flex;gap:50px;align-items:center}.content-text{flex:1}.content-text h2{font-size:2em;font-weight:700;color:var(--dusty-black);margin-top:0;margin-bottom:20px}.content-text p{font-size:1.1em;color:var(--gray);line-height:1.7;margin-bottom:25px}.content-image{flex:1;display:flex;justify-content:center;align-items:center}.content-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.image-placeholder{width:100%;aspect-ratio:16 / 9;background-color:#e9ecef;display:flex;justify-content:center;align-items:center;color:var(--gray);font-style:italic;border-radius:8px}.content-block.reversed .content-block-inner{flex-direction:row-reverse}@media(max-width:768px){.content-block-inner{flex-direction:column;gap:30px}.content-block.reversed .content-block-inner{flex-direction:column}.content-block{padding:40px 0}.content-text h2{font-size:1.8em}.content-text p{font-size:1em}}.book-selection-container{padding:30px 0}.bible-search-bar{display:block;width:100%;max-width:600px;margin:0 auto 40px;padding:12px 15px;font-size:1em;border:1px solid var(--light-gray-border);border-radius:8px}.testament-section{margin-bottom:40px}.testament-section h2{font-size:1.8em;font-weight:600;color:var(--nav-text);margin-bottom:25px;border-bottom:1px solid var(--light-gray-border);padding-bottom:10px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.book-card{background-color:var(--white);border:1px solid var(--light-gray-border);border-radius:var(--normal-radius, .6rem);padding:20px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:flex-start}.book-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001a;border-color:var(--neon-blue)}.book-icon{font-size:1.5em;margin-bottom:10px;color:var(--nav-text)}.book-name{font-weight:600;color:var(--dusty-black);margin-bottom:5px;font-size:1.1em}.book-description{font-size:.9em;color:var(--gray)}@media(max-width:768px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.testament-section h2{font-size:1.5em}}