:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f9fafb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#0047ab;text-decoration:inherit}a:hover{color:#036}body{margin:0;display:block;min-width:320px;min-height:100vh;background-color:var(--page-bg, #f9fafb);color:var(--page-text, #111827)}[data-theme=dark]{--page-bg: #0f172a;--page-text: #f8fafc}[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#444;border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#666}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#bbb}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}*:focus-visible{outline:2px solid #2196F3!important;outline-offset:2px!important;border-radius:4px}a:focus-visible{outline:2px solid #0047AB!important;outline-offset:2px!important}.skip-link{position:absolute;top:-40px;left:0;background:#2196f3;color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}[data-theme=dark] select{color-scheme:dark}[data-theme=dark] select option{background-color:#1a1a1a;color:#fff}[data-theme=dark] select option:hover{background-color:#333}[data-theme=dark] select option:checked{background:linear-gradient(#2563eb,#2563eb);background-color:#2563eb}select option{background-color:#fff;color:#000}@media(max-width:768px){input,textarea,select{font-size:16px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.app-shell{width:100%}@font-face{font-family:Inter;font-display:swap}.app-container{width:100%;max-width:960px;margin:0 auto;padding:2rem 1.5rem;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}header h1{margin-bottom:.5rem}.user-profile{margin-bottom:2rem}.nav-btn{padding:10px 20px;background-color:var(--nav-btn-bg);color:var(--nav-btn-text);border:2px solid var(--nav-btn-border);border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;text-transform:uppercase;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.nav-btn:hover{background-color:var(--nav-btn-hover-bg);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.member-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--card-border);transition:transform .2s}.member-card:hover{transform:translateY(-5px)}.member-role{color:#2563eb;font-weight:600;font-size:.9rem;text-transform:uppercase}[data-theme=dark]{--text-primary: #ffffff !important;--text-secondary: #e5e7eb !important;--button-bg: #2a2a2a !important;--button-text: #ffffff !important;--button-border: #444444 !important;--button-hover-bg: #333333 !important}.login-btn{padding:12px 24px;background-color:#1565c0!important;color:#fff!important;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;margin-top:15px;box-shadow:0 2px 4px #0000001a;min-height:44px}[data-theme=dark] .login-btn{background-color:#1976d2!important;color:#fff!important;border:2px solid #42A5F5!important;box-shadow:0 2px 8px #3b82f666!important}.primary-btn,.secondary-btn{padding:.6em 1.2em;border-radius:8px;cursor:pointer}@media(max-width:640px){.bible-nav-row{justify-content:center!important}.bible-nav-title{order:-1;width:100%;justify-content:center}}.verse-container{display:flex;align-items:flex-start;margin-bottom:10px;padding:12px;border:1px solid var(--verse-border);border-radius:8px;background-color:var(--verse-bg);transition:all .2s ease}.verse-container:hover{border-color:var(--verse-hover-border);box-shadow:0 2px 5px #0000000d}.verse-container.highlighted{background-color:#e6f7ff;border-color:#1890ff}.verse-number{font-weight:700;margin-right:8px;color:#888;font-size:.8rem;margin-top:3px}.verse-text{flex-grow:1;line-height:1.6;text-align:left}.verse-checkbox{margin-right:12px;margin-top:5px;transform:scale(1.2)}.pills-container{display:flex;justify-content:center}.pill{display:flex;align-items:center;background-color:var(--pill-bg);border-radius:25px;padding:5px 15px;border:1px solid var(--pill-border)}#copySelected{background-color:#f90;color:#fff;border:none;border-radius:5px;padding:8px 16px;cursor:pointer;font-weight:700}#prevChapter,#nextChapter{background-color:#5cb85c;color:#fff;border:none;border-radius:5px;padding:10px;flex:1;font-size:1rem;margin:0 5px}.flex{display:flex}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-end{justify-content:flex-end}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.p-10{padding:10px}.mt-4{margin-top:4px}.mt-10{margin-top:10px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.w-full{width:100%}.w-50{width:50px}.devotional-content{max-width:720px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media(max-width:768px){.devotional-content{padding-left:20px;padding-right:20px}}@media(max-width:480px){.devotional-content{padding-left:16px;padding-right:16px}}.verse-container{max-width:720px;margin-left:auto;margin-right:auto}.verses-list,.chapter-verses,.bible-verses-container{max-width:720px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media(max-width:768px){.verses-list,.chapter-verses,.bible-verses-container{padding-left:12px;padding-right:12px}}.bible-chapter,.bible-study-container{max-width:800px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.tts-highlight{background-color:#ffeb3b;color:#000;font-weight:600;padding:2px 4px;border-radius:3px;transition:all .2s ease}[data-theme=dark] .tts-highlight{background-color:#fdd835;color:#000}.has-audio-player{padding-bottom:80px}.has-audio-player.player-expanded{padding-bottom:300px}.app-content{transition:padding-bottom .3s ease}body{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom));box-sizing:border-box;width:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100%}button,a[role=button],[role=button]{min-height:48px;min-width:48px;padding:12px 16px;font-size:16px;-webkit-touch-callout:none}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea,select{font-size:16px;border-radius:8px;padding:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text],input[type=email],input[type=password],input[type=search],textarea{border:2px solid var(--border-color, #ccc)}input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px;cursor:pointer}@media(max-width:374px){.app-container{padding:1rem .75rem;max-width:100%}h1{font-size:1.25rem}h2{font-size:1.1rem}p{font-size:.95rem;line-height:1.4}.nav-buttons{display:flex;flex-direction:column;gap:.5rem}.nav-btn{width:100%;padding:12px}.modal-content{margin:1rem .5rem;padding:1rem}}@media(min-width:375px)and (max-width:479px){.app-container{padding:1.25rem 1rem;max-width:100%}h1{font-size:1.5rem}h2{font-size:1.25rem}p{font-size:1rem;line-height:1.5}.verse-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.grid-layout{grid-template-columns:1fr}nav{position:fixed;bottom:0;left:0;right:0;height:auto;padding:.75rem;background:var(--nav-bg);border-top:1px solid var(--border-color);z-index:100}nav a,nav button{min-height:44px;padding:10px}}@media(min-width:480px)and (max-width:767px){.app-container{padding:1.5rem 1.25rem;max-width:100%}h1{font-size:1.75rem}h2{font-size:1.4rem}.grid-layout{grid-template-columns:1fr 1fr;gap:1rem}nav{position:static;display:flex;gap:.5rem;flex-wrap:wrap;padding:1rem 0}nav a,nav button{flex:1;min-width:100px}.content-area{max-width:600px;margin:0 auto}}@media(min-width:768px)and (max-width:1023px){.app-container{padding:2rem;max-width:900px}h1{font-size:2rem}h2{font-size:1.6rem}.grid-layout{grid-template-columns:repeat(3,1fr);gap:1.5rem}nav{display:flex;gap:1rem;justify-content:center;padding:1.5rem 0}.main-with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:2rem}}@media(min-width:1024px){.app-container{padding:2rem 1.5rem;max-width:1200px}h1{font-size:2.25rem}h2{font-size:1.8rem}.grid-layout{grid-template-columns:repeat(4,1fr);gap:2rem}.main-with-sidebars{display:grid;grid-template-columns:250px 1fr 300px;gap:2rem}button:hover,a:hover{opacity:.9;transform:scale(1.05)}}@supports (padding: max(0px)){body{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}@media(orientation:portrait){header{padding:1rem 0}.nav-btn{min-height:44px}}@media(orientation:landscape){.app-container{padding-top:.75rem;padding-bottom:.75rem}header{padding:.5rem 0}nav{padding:.5rem 0}}@media(prefers-color-scheme:dark){button::-webkit-outer-spin-button,button::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=text],input[type=email],input[type=password],textarea{background-color:var(--input-bg-dark, #333);color:var(--input-text-dark, #fff)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){button,a[role=button]{border-width:2px;font-weight:700}input,textarea{border-width:2px}}@media(inverted-colors:inverted){img{mix-blend-mode:screen}}.scrollable{-webkit-transform:translateZ(0);transform:translateZ(0)}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}img{max-width:100%;height:auto;display:block}button,a,input{touch-action:manipulation}@media print{body{background:#fff;color:#000}nav,.nav-buttons{display:none}.app-container{max-width:100%;padding:0}}