:root{--bg-main: #0a0a0a;--bg-card: #1a1a1a;--text-primary: #f0f0f0;--text-secondary: #888888;--accent-color: #dc2626;--accent-light: #3d1c1c;--border-color: #2a2a2a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--font-sans: "Inter", system-ui, -apple-system, sans-serif}html,body{margin:0;padding:0;overflow-x:hidden;overscroll-behavior-x:none}body{background-color:var(--bg-main);font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{overflow-x:hidden;width:100%;max-width:100vw}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:all .2s ease}button:hover{opacity:.8}.container{max-width:800px;margin:0 auto;padding:0 20px}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.action-bar{flex-wrap:wrap}.action-btn{white-space:nowrap}@media(max-width:480px){.btn-label{display:none}.action-btn{padding:8px 10px!important}.action-bar{gap:2px!important}.header-content{flex-direction:column!important;gap:8px;position:static!important}.app-header{position:fixed!important;left:0;right:0;width:100%}main.container{margin-top:80px!important}.position-display{position:static!important;transform:none!important;left:auto!important;font-size:1rem!important;order:-1}.nav-selectors{position:static!important;justify-content:center}.nav-selectors select{font-size:.85rem!important;padding:6px 28px 6px 10px!important}}@media(min-width:481px){.nav-selectors{position:absolute;right:0}}.landing-page{min-height:100vh;background:var(--bg-main)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none}.nav-logo svg{color:var(--accent-color)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{background:var(--accent-color)!important;color:#fff!important;padding:10px 20px;border-radius:8px;font-weight:600!important}.nav-cta:hover{background:#b91c1c!important}.watch-dropdown-wrapper{position:relative}.watch-dropdown-wrapper .nav-cta{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:none}.watch-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0006;min-width:140px;z-index:200;overflow:hidden}.watch-dropdown a{display:block;padding:12px 16px;color:var(--text-primary);text-decoration:none;transition:background .15s}.watch-dropdown a:hover{background:#ffffff1a}.hero-section{padding:140px 24px 80px;background:linear-gradient(180deg,var(--bg-main) 0%,#111 100%)}.hero-tagline{font-size:3.5rem;font-weight:800;margin:0 0 24px;line-height:1.1}.tagline-white{color:var(--text-primary)}.tagline-red{color:var(--accent-color)}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);line-height:1.7;margin-bottom:32px}.hero-buttons{display:flex;gap:16px;margin-bottom:48px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent-color);color:#fff;padding:14px 28px;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.btn-primary:hover{background:#b91c1c;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text-primary);padding:14px 28px;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;border:1px solid var(--border-color);transition:all .2s}.btn-secondary:hover{border-color:var(--text-secondary);background:#ffffff0d}.btn-full{width:100%;justify-content:center}.view-selector{position:relative}.view-selector-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent-color);color:#fff;padding:14px 24px;border-radius:10px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.view-selector-btn:hover{background:#b91c1c;transform:translateY(-2px)}.view-selector-btn .rotate{transform:rotate(180deg);transition:transform .2s}.view-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000004d;min-width:280px;z-index:100;overflow:hidden}.view-option{display:block;padding:16px;text-decoration:none;color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:background .2s}.view-option:last-child{border-bottom:none}.view-option:hover{background:#ffffff0d}.view-option.selected{background:rgba(var(--accent-color-rgb),.1)}.view-option-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.view-name{font-weight:600;font-size:1rem}.view-description{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.nav-view-selector{position:relative}.nav-view-selector .nav-cta{display:inline-flex;align-items:center;gap:6px}.nav-view-selector .nav-cta .rotate{transform:rotate(180deg);transition:transform .2s}.nav-view-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000004d;min-width:280px;z-index:100;overflow:hidden}.hero-stats{display:flex;gap:48px}.stat{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.9rem;color:var(--text-secondary)}.hero-visual{display:flex;justify-content:center}.hero-mockup{width:100%;max-width:480px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-lg),0 0 80px #dc26261a}.mockup-header{padding:12px 16px;background:#151515;border-bottom:1px solid var(--border-color)}.mockup-dots{display:flex;gap:8px}.mockup-dots span{width:12px;height:12px;border-radius:50%;background:var(--border-color)}.mockup-dots span:first-child{background:#ef4444}.mockup-dots span:nth-child(2){background:#eab308}.mockup-dots span:nth-child(3){background:#22c55e}.mockup-content{padding:24px}.mockup-verse{margin-bottom:16px}.verse-ref{font-size:.85rem;color:var(--accent-color);font-weight:600;margin-bottom:8px}.verse-text{font-size:1.1rem;color:var(--text-primary);line-height:1.6}.mockup-video{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-radius:12px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color)}.mockup-video svg{color:var(--accent-color);opacity:.8}.hero-video-card{width:100%;max-width:400px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-lg),0 0 80px #dc26261a;position:relative}.verse-scripture-top{font-size:.95rem;line-height:1.6;color:var(--text-secondary);font-style:italic;margin:0;padding:16px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.video-wrapper{position:relative}.video-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;background:transparent;position:absolute;top:0;left:0;right:0;z-index:2}.verse-header-content{flex:1}.verse-scripture{margin:8px 0 0;font-size:.9rem;line-height:1.5;color:var(--text-primary);font-style:italic}.verse-badge{background:var(--accent-light);color:var(--accent-color);padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.mute-btn{background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.mute-btn:hover{background:#fff3;color:var(--text-primary)}.hero-video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.video-card-footer{display:flex;align-items:center;gap:10px;padding:12px 16px;position:absolute;bottom:0;left:0;background:transparent;z-index:2}.video-card-footer .channel-name{font-weight:600;font-size:.9rem;color:var(--text-primary);line-height:1;display:flex;align-items:center}.footer-channel{display:flex;align-items:flex-start;gap:12px}.footer-info{flex:1}.footer-info .channel-name{font-weight:600;font-size:.9rem;color:var(--text-primary);display:block;margin-bottom:6px}.footer-info .verse-scripture{font-size:.85rem;line-height:1.5;color:var(--text-secondary);font-style:italic;margin:0}.channel-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.video-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.video-info .channel-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.verse-text-preview{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card-transcript{padding:16px;background:#0f0f0f;max-height:120px;overflow-y:auto;font-size:.85rem;line-height:1.7;color:var(--text-secondary);border-top:1px solid var(--border-color)}.video-card-transcript::-webkit-scrollbar{width:6px}.video-card-transcript::-webkit-scrollbar-track{background:transparent}.video-card-transcript::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.transcript-segment{transition:color .15s,background-color .15s;border-radius:2px;padding:1px 0}.transcript-segment.active{color:var(--text-primary);background-color:#dc262633;padding:1px 4px;margin:0 -4px}.channels-showcase{padding:40px 0;background:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);text-align:center}.showcase-label{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.channels-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:32px 48px}.channel-item{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.channel-link{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none}.channel-youtube-link{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ff00001a;border-radius:4px;color:red;transition:all .2s;margin-top:4px}.channel-youtube-link:hover{background:#f003;transform:scale(1.1)}.channel-item .channel-logo{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);transition:border-color .2s}.channel-item:hover .channel-logo-wrapper{transform:scale(1.1)}.channel-item:hover .channel-logo{border-color:var(--accent-color)}.channel-item .channel-name{font-size:.85rem;color:var(--text-secondary);text-align:center;max-width:100px}.channel-logo-wrapper{position:relative;display:inline-block;transition:transform .2s}.channel-clip-count{position:absolute;top:-4px;right:-4px;background:var(--accent-color);color:#fff;font-size:.7rem;font-weight:600;min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d;border:2px solid var(--bg-main)}.suggest-channel-btn{display:inline-block;margin-top:32px;padding:10px 24px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:all .2s}.suggest-channel-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.services-section{padding:100px 0;background:var(--bg-primary)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.service-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;text-align:center;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.service-icon{width:64px;height:64px;background:var(--accent-light);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.service-icon svg{color:var(--accent-color)}.service-card h3{font-size:1.25rem;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.service-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.users-section{padding:80px 0;background:var(--bg-card);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.users-content{text-align:center;max-width:600px;margin:0 auto}.users-description{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:32px}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.section-header p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.section-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-light);color:var(--accent-color);padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:24px}.features-section{padding:100px 0;background:var(--bg-main);border-top:1px solid var(--border-color)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.features-grid-4{grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;transition:all .3s}.feature-card:hover{border-color:var(--accent-color);transform:translateY(-4px)}.feature-icon{width:56px;height:56px;background:var(--accent-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon svg{color:var(--accent-color)}.feature-card h3{font-size:1.25rem;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.feature-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.churches-section{padding:100px 0;background:linear-gradient(180deg,#111 0%,var(--bg-main) 100%)}.churches-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.church-service-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px 24px;text-align:center;transition:transform .3s,box-shadow .3s}.church-service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.church-service-card h3{font-size:1.1rem;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.church-service-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.churches-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.churches-text h2{font-size:2.5rem;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.churches-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:32px}.churches-features{list-style:none;padding:0;margin:0 0 32px}.churches-features li{display:flex;gap:16px;margin-bottom:24px}.churches-features li svg{color:var(--accent-color);flex-shrink:0;margin-top:2px}.churches-features li div{display:flex;flex-direction:column;gap:4px}.churches-features li strong{color:var(--text-primary);font-weight:600}.churches-features li span{color:var(--text-secondary);font-size:.9rem}.churches-visual{display:flex;justify-content:center}.church-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:40px;text-align:center;max-width:380px}.church-logo{width:80px;height:80px;background:var(--accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.church-logo svg{color:var(--accent-color)}.church-card h4{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.church-card>p{color:var(--text-secondary);font-size:.95rem;margin-bottom:24px}.church-stats{display:flex;justify-content:center;gap:32px;padding-top:24px;border-top:1px solid var(--border-color)}.church-stats div{display:flex;flex-direction:column}.church-stats strong{font-size:1.5rem;color:var(--text-primary)}.church-stats span{font-size:.8rem;color:var(--text-secondary)}.how-section{padding:100px 0;background:var(--bg-main)}.steps-grid{display:flex;align-items:center;justify-content:center;gap:24px}.step-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;text-align:center;max-width:280px}.step-number{width:48px;height:48px;background:var(--accent-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 20px}.step-card h3{font-size:1.15rem;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.step-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.step-connector{color:var(--text-secondary)}.experimental-demos-section{padding:80px 0;background:var(--bg-main)}.demo-previews{display:flex;justify-content:center;gap:40px;margin-top:40px;flex-wrap:wrap}.demo-preview-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:all .3s ease;max-width:360px}.demo-preview-card a{text-decoration:none}.demo-preview-card:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 12px 40px #c003}.demo-preview-card>a{display:flex;align-items:center;justify-content:center;min-height:180px;margin-bottom:12px}.demo-preview-gif{width:100%;max-width:320px;max-height:240px;height:auto;object-fit:contain;border-radius:8px;border:1px solid var(--border-color)}.demo-preview-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:8px}.demo-preview-card p{color:var(--text-secondary);font-size:.9rem;text-align:center;line-height:1.5;margin-bottom:12px}.demo-feedback-btn{padding:6px 14px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s ease}.demo-feedback-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}@media(max-width:768px){.demo-previews{flex-direction:column;align-items:center;gap:24px}.demo-preview-card{width:100%;max-width:320px}}.contact-section{padding:100px 0;background:linear-gradient(180deg,var(--bg-main) 0%,#111 100%)}.contact-card{max-width:500px;margin:0 auto;text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:48px}.contact-card h2{font-size:2rem;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.contact-card p{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin:0 0 32px}.contact-divider{border:none;border-top:1px solid var(--border-color);margin:0 0 32px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea{background:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;font-size:1rem;color:var(--text-primary);font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-group textarea{resize:vertical;min-height:100px}.landing-footer{background:#050505;border-top:1px solid var(--border-color);padding:60px 0 24px}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-brand{margin-bottom:40px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.footer-logo svg{color:var(--accent-color)}.footer-brand>p{color:var(--text-secondary);font-size:.95rem;max-width:300px}.footer-links{display:flex;gap:80px;margin-bottom:40px}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.footer-column a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-column a:hover{color:var(--text-primary)}.footer-links-horizontal{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 40px;margin-bottom:24px}.footer-links-horizontal a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links-horizontal a:hover{color:var(--text-primary)}.disclaimer-section{padding:32px 0;background:var(--bg-primary);border-top:1px solid var(--border-color)}.disclaimer-text{text-align:center;color:var(--text-secondary);font-size:.85rem;line-height:1.6;max-width:700px;margin:0 auto;opacity:.8}.footer-bottom{padding-top:24px;border-top:1px solid var(--border-color);text-align:center}.footer-bottom p{color:var(--text-secondary);font-size:.85rem;margin:0}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:48px}.hero-content h1,.hero-tagline{font-size:2.75rem}.hero-visual{order:1}.hero-mockup{max-width:400px}.features-grid,.features-grid-4,.churches-cards-grid{grid-template-columns:repeat(2,1fr)}.churches-content{grid-template-columns:1fr;gap:48px}.churches-visual{order:-1}.contact-content{grid-template-columns:1fr;gap:48px}.steps-grid{flex-direction:column}.step-connector{transform:rotate(90deg)}}.mobile-menu-btn{display:none;color:var(--text-primary);padding:8px;background:none;border:none;cursor:pointer}.mobile-menu{display:none;flex-direction:column;padding:16px 24px 24px;gap:16px;background:#0a0a0afa;border-top:1px solid var(--border-color)}.mobile-menu a{color:var(--text-secondary);text-decoration:none;font-size:1rem;font-weight:500;padding:8px 0}.mobile-menu a:hover{color:var(--text-primary)}.mobile-menu .nav-cta{margin-top:8px;text-align:center}.mobile-menu-views{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-color)}.mobile-view-link{display:block;background:var(--accent-color);color:#fff;padding:12px 16px;border-radius:8px;text-decoration:none;font-weight:600;text-align:center}.mobile-view-link:hover{background:#b91c1c}@media(max-width:768px){.mobile-menu-btn{display:block}.mobile-menu{display:flex}.nav-links{display:none}.hero-section{padding:120px 16px 60px}.hero-content{text-align:center}.hero-content h1,.hero-tagline{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:auto;justify-content:center}.hero-stats{flex-wrap:wrap;gap:24px}.section-header h2{font-size:1.75rem}.features-grid,.features-grid-4{grid-template-columns:1fr}.feature-card{padding:24px}.churches-text h2,.contact-text h2{font-size:1.75rem}.footer-links{flex-direction:column;gap:32px}.step-card{max-width:100%}.services-grid,.churches-cards-grid{grid-template-columns:1fr}.channels-grid{gap:24px 32px}.channel-item .channel-logo{width:72px;height:72px}.channel-item .channel-name{font-size:.7rem}.hero-video-card{max-width:100%}}.demo2-page{min-height:100vh;background:#fff;color:#1a1a1a}.demo2-hero-wrapper{background:linear-gradient(135deg,#f8b4c4,#f9a86c,#f5d76e,#b794c6,#7ec8e3);padding-bottom:40px}.demo2-separator{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.15),transparent);margin:0 32px}.demo2-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo2-logo{font-size:1.2rem;font-weight:700;color:#1a1a1a;text-decoration:none;letter-spacing:.5px}.demo2-search{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#ffffffe6;border-radius:30px;min-width:300px}.demo2-search input{flex:1;border:none;background:transparent;font-size:.9rem;color:#1a1a1a;outline:none}.demo2-search input::placeholder{color:#666}.demo2-channel-filter{position:relative}.channel-filter-btn{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);border-radius:20px;font-size:.9rem;font-weight:600;color:#1a1a1a;cursor:pointer;transition:all .2s ease}.channel-filter-btn:hover{background:#ffffff80;border-color:#fff9}.stacked-avatars{display:flex;align-items:center}.stacked-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8);margin-left:-10px;transition:transform .2s ease}.stacked-avatar:first-child{margin-left:0}.stacked-avatars:hover .stacked-avatar{transform:translateY(-2px)}.avatar-overflow{margin-left:4px;font-size:.8rem;font-weight:600;color:#1a1a1a}.channel-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:8px;box-shadow:0 12px 40px #00000026;z-index:200}.channel-option{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:all .15s ease;color:#1a1a1a;border-radius:8px}.channel-option:hover{background:#0000000f}.channel-option.active{background:linear-gradient(135deg,#f8b4c466,#7ec8e366)}.channel-option .channel-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.channel-option span{flex:1;font-size:.9rem;font-weight:500}.channel-option svg{color:#1a1a1a;opacity:.7}.clear-filters{width:100%;margin-top:8px;padding:10px;background:#0000000f;border:none;border-radius:8px;color:#1a1a1a;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.clear-filters:hover{background:#0000001a}.demo2-hero{padding:120px 32px 40px;max-width:1400px;margin:0 auto}.demo2-hero h1{font-size:3.5rem;font-weight:700;color:#1a1a1a;line-height:1.2;margin-bottom:40px;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 12px}.demo2-hero h1>span{display:inline}.demo2-hero h1 .selector-row{display:inline-flex;align-items:baseline;gap:8px}.hero-select-wrapper{position:relative;display:inline-block}.hero-select-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);border-radius:6px;font-size:inherit;font-weight:700;color:#1a1a1a;cursor:pointer;transition:all .2s ease;font-family:inherit}.hero-select-btn:hover{background:#ffffff80;border-color:#fff9}.hero-select-btn svg{flex-shrink:0;opacity:.6}.hero-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;max-height:400px;overflow-y:auto;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:8px;box-shadow:0 12px 40px #00000026;z-index:200}.hero-select-dropdown::-webkit-scrollbar{width:6px}.hero-select-dropdown::-webkit-scrollbar-track{background:transparent}.hero-select-dropdown::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.hero-select-dropdown-chapters{min-width:180px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px}.hero-select-dropdown-chapters .hero-select-option{justify-content:center;padding:10px 8px;border-radius:6px;font-weight:600}.hero-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;cursor:pointer;transition:all .15s ease;color:#1a1a1a;font-size:.95rem;border-radius:8px}.hero-select-option:hover{background:#0000000f}.hero-select-option.active{background:linear-gradient(135deg,#f8b4c466,#7ec8e366);color:#1a1a1a;font-weight:600}.hero-select-option svg{color:#1a1a1a;flex-shrink:0;opacity:.7}.demo2-carousel-container{position:relative}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:32px;height:32px;border:none;border-radius:50%;background:#0000004d;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.6}.carousel-nav:hover{background:#00000080;color:#fff;opacity:1}.carousel-nav-left{left:8px}.carousel-nav-right{right:8px}.demo2-carousel{display:flex;gap:20px;overflow-x:auto;padding:20px 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.demo2-carousel::-webkit-scrollbar{display:none}.demo2-carousel-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px;color:#1a1a1a}.demo2-thumbnail{flex-shrink:0;width:280px;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:20px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.3)}.demo2-thumbnail:hover{transform:translateY(-6px);background:#ffffff59;box-shadow:0 12px 32px #00000026}.thumbnail-verse{font-size:.85rem;color:#1a1a1a;font-weight:700;margin-bottom:12px;text-shadow:0 1px 2px rgba(255,255,255,.3)}.demo2-thumbnail h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:16px;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.thumbnail-channel{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1);margin-top:auto}.thumbnail-channel-logo{width:28px;height:28px;border-radius:50%;object-fit:cover}.thumbnail-channel span{font-size:.8rem;color:#444;font-weight:500}.demo2-feed{padding:48px 32px;max-width:1400px;margin:0 auto;background:#fff}.video-card-2{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;margin-bottom:60px;align-items:start}.video-card-2.flipped{grid-template-columns:1fr 1.4fr}.video-card-2.flipped .video-side{order:2}.video-card-2.flipped .content-side{order:1}.video-side{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.video-side video{width:100%;height:100%;object-fit:cover}.video-side .time-badge{position:absolute;bottom:16px;right:16px;padding:6px 12px;background:#000000b3;color:#fff;font-size:.85rem;font-weight:600;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums}.video-side .video-reactions{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;transition:transform .4s ease}.video-side .reaction-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0009;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.8rem;font-weight:500;color:#fff}.video-side .reaction-like{color:#3b82f6}.video-side .reaction-fire{color:#f97316}.video-side .reaction-heart{color:#ef4444}.video-side .reaction-insight{color:#eab308}.video-side .reaction-item span{color:#fff}.video-side .video-channel-info{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;gap:12px;transition:transform .4s ease,opacity .4s ease}.video-side .video-channel-info .channel-logo{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.4);flex-shrink:0;box-shadow:0 4px 12px #0000004d}.video-side .video-channel-info .video-title{color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.9);line-height:1.3}.video-side.playing .video-channel-info{transform:translateY(-100px);pointer-events:none}.video-side.playing .video-reactions{transform:translate(150px);pointer-events:none}.content-side{padding:8px 0;display:flex;flex-direction:column}.content-side .verse-reference{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:12px}.content-side .verse-text{font-size:1.1rem;color:#333;line-height:1.7;margin-bottom:24px;font-style:italic}.content-side .transcript-box{flex:1;max-height:250px;overflow-y:auto}.content-side .transcript-box p{font-size:1rem;line-height:1.8;color:#666;margin:0}.content-side .transcript-box .transcript-segment{color:#888;transition:color .2s,background .2s}.content-side .transcript-box .transcript-segment.active{color:#1a1a1a;background:#f5a62333;padding:2px 4px;border-radius:3px}.content-flipper{position:relative;min-height:200px;perspective:1000px}.flipper-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease}.content-flipper.flipped .flipper-inner{transform:rotateY(180deg)}.flipper-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipper-front{position:relative}.flipper-back{position:absolute;top:0;left:0;right:0;transform:rotateY(180deg)}.chapter-box{max-height:250px;overflow-y:auto}.chapter-box p{font-size:1rem;line-height:1.8;color:#666;margin:0}.chapter-verse{color:#666}.chapter-verse sup{color:#999;font-size:.7em;margin-right:2px}.chapter-verse.highlighted{background:#f5a6234d;color:#1a1a1a;padding:2px 4px;border-radius:3px;font-weight:500}.actions-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:16px}.action-buttons{display:flex;align-items:center;gap:8px}.copy-btn{display:flex;align-items:center;justify-content:center;padding:10px;background:transparent;color:#666;border:none;cursor:pointer;transition:all .2s ease}.copy-btn:hover{color:#1a1a1a}.toggle-chapter-btn{padding:10px 16px;background:#fff;color:#1a1a1a;border:1px solid #ddd;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.toggle-chapter-btn:hover{background:#f5f5f5;border-color:#ccc}.toggle-chapter-btn:disabled{opacity:.6;cursor:not-allowed}.action-icons{display:flex;align-items:center;gap:16px}.action-icon{display:flex;align-items:center;gap:6px;color:#666;cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none}.action-icon:hover{color:#1a1a1a}.action-icon.active{color:#f5a623}.action-icon.bookmarked{color:#4caf50}@media(max-width:900px){.demo2-hero h1{font-size:2.2rem}.hero-select-btn{padding:4px 10px;border-radius:4px}.hero-select-btn svg{width:16px;height:16px}.video-card-2,.video-card-2.flipped{grid-template-columns:1fr;gap:20px}.video-card-2.flipped .video-side,.video-card-2.flipped .content-side{order:unset}.video-side{aspect-ratio:16/9}.content-side{padding:0 16px}.demo2-search{min-width:auto;padding:8px 16px}.demo2-header{padding:12px 16px}.demo2-hero,.demo2-feed{padding-left:16px;padding-right:16px}.demo2-thumbnail{width:240px}}@media(max-width:600px){.demo2-hero h1{font-size:1.5rem}.demo2-hero h1 .selector-row{gap:4px}.hero-select-btn{padding:3px 8px;border-radius:4px}.hero-select-btn svg{width:12px;height:12px}.hero-select-dropdown{max-width:calc(100vw - 32px)}.hero-select-dropdown-chapters{grid-template-columns:repeat(3,1fr)}.demo2-thumbnail{width:200px;padding:16px}.thumbnail-channel-logo{width:24px;height:24px}.thumbnail-channel span{font-size:.75rem}.demo2-thumbnail h3{font-size:.9rem}.actions-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.actions-row::-webkit-scrollbar{display:none}.action-icons,.action-buttons{flex-shrink:0}.carousel-nav{display:none}.demo2-carousel{padding:16px 8px}.demo2-search{display:none}}.demo3-page{min-height:100vh;background:#faf9f6;color:#1a1a1a}.demo3-header{position:fixed;top:0;left:0;right:0;padding:12px 24px;background:#faf9f6;z-index:100;display:flex;flex-direction:column;align-items:center;gap:6px;border-bottom:1px solid #e5e5e5}.demo3-logo{cursor:pointer;text-decoration:none}.demo3-logo .bibletube-logo span{color:#1a1a1a!important}.demo3-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 8px}.demo3-reader{max-width:720px;margin:0 auto;padding:130px 24px 100px}.nav-select-wrapper{position:relative}.nav-select-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:8px;font-size:18px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s}.nav-select-btn:hover{background:#0000000d}.nav-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px #0000001a;max-height:300px;overflow-y:auto;overflow-x:hidden;z-index:200;min-width:180px}.nav-dropdown-books{max-height:400px;display:flex;flex-direction:column;overflow:hidden}.book-filters-header{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:1}.clips-only-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:calc(13px * var(--font-scale, 1));font-weight:600;color:#666;cursor:pointer;transition:all .15s}.clips-only-btn:hover{background:#f5f5f5}.clips-only-btn.active{background:#c00;color:#fff;border-color:#c00}.clips-only-btn.active svg{color:#fff}.clips-only-btn svg{color:#c00}.chapter-filter-toggle{display:flex;gap:4px;padding:4px;background:#f0f0f0;border-radius:6px;min-width:200px}.chapter-filter-toggle .toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border:none;border-radius:4px;background:transparent;font-size:calc(12px * var(--font-scale, 1));font-weight:500;color:#666;cursor:pointer;transition:all .15s;white-space:nowrap}.chapter-filter-toggle .toggle-btn:hover{background:#e0e0e0}.chapter-filter-toggle .toggle-btn.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px #0000001a}.chapter-filter-toggle .toggle-btn.active svg{color:#c00}.testament-toggle{display:flex;gap:6px}.testament-btn{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:calc(14px * var(--font-scale, 1));font-weight:600;color:#666;cursor:pointer;transition:all .15s}.testament-btn:hover{background:#f5f5f5}.testament-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.nav-dropdown-chapters{display:grid;grid-template-columns:repeat(var(--chapter-cols, 5),1fr);max-height:320px;overflow-y:auto;min-width:auto;gap:1px;background:#f0f0f0}.nav-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background .15s;font-size:calc(16px * var(--font-scale, 1))}.nav-dropdown-chapters .nav-option{justify-content:center;padding:10px 8px;position:relative;background:#fff}.nav-option:hover{background:#f5f5f5}.nav-option.active{background:#f0f0f0;font-weight:600}.nav-option.has-videos{background:#ff00000a}.nav-option.has-videos:hover{background:#ff000014}.nav-option.has-videos.active{background:#ff00001f}.book-name{display:flex;align-items:center;gap:6px}.book-video-icon{color:#c00;flex-shrink:0}.chapter-number{display:inline-block}.chapter-video-icon{position:absolute;top:2px;right:2px;color:#c00}.dropdown-channels-panel{display:flex;justify-content:center;padding:10px 12px;background:#f5f5f5;border-top:1px solid #e5e5e5;position:sticky;bottom:0}.nav-dropdown-chapters .dropdown-channels-panel{grid-column:1 / -1}.stacked-badges{display:flex;align-items:center}.stacked-badges img{width:28px;height:28px;border-radius:50%;border:2px solid #fff;object-fit:cover;margin-left:-10px;box-shadow:0 1px 3px #00000026}.stacked-badges img:first-child{margin-left:0}.badge-overflow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e0e0e0;border:2px solid #fff;font-size:11px;font-weight:600;color:#666;margin-left:-10px;box-shadow:0 1px 3px #00000026}.no-channels-placeholder{display:block;height:28px}.book-list-scrollable{max-height:280px;overflow-y:auto}.chapter-title{font-family:Georgia,serif;font-size:calc(32px * var(--font-scale, 1));font-weight:400;color:#1a1a1a;margin:0 0 40px;text-align:center}.video-count{font-size:17px;color:#666;background:#eee;padding:4px 10px;border-radius:12px;border:none;cursor:pointer;transition:all .2s;margin-left:4px}.video-count:hover{background:#e0e0e0;color:#333}.toggle-all-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#eee;border:none;border-radius:50%;color:#666;cursor:pointer;transition:all .2s}.toggle-all-btn:hover{background:#e0e0e0;color:#333}.toggle-all-btn.active{background:#c00;color:#fff}.toggle-all-btn.active:hover{background:#a00}.demo3-loading{text-align:center;padding:60px;color:#666}.demo3-loading .spinner{width:32px;height:32px;border:3px solid #e5e5e5;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.demo3-content{font-family:Georgia,serif;font-size:calc(19px * var(--font-scale, 1));line-height:1.8;text-align:justify}.verse{position:relative}.verse-num{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:600;color:#888;margin-right:2px;vertical-align:super}.verse.has-video{background:#ff00001f;cursor:pointer;transition:background .2s;border-radius:4px;padding:2px 4px;margin:0 -4px}.verse.has-video:hover{background:#f003}.demo3-content.verse-by-verse .verse{display:block;margin-bottom:1em}.demo3-content.verse-by-verse .verse-num{font-size:1.1em;font-weight:700;margin-right:8px}.video-badges{display:inline-flex;align-items:center;margin-left:6px;vertical-align:middle;position:relative;background:#faf9f6;padding:2px 4px;border-radius:12px;margin-right:-4px}.channel-badge{display:inline-block;width:calc(22px * var(--font-scale, 1));height:calc(22px * var(--font-scale, 1));border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 1px 3px #00000026;margin-left:calc(-8px * var(--font-scale, 1));position:relative;transition:transform .2s}.channel-badge:first-child{margin-left:0}.channel-badge img{width:100%;height:100%;object-fit:cover}.verse.has-video:hover .channel-badge{transform:scale(1.1)}.badge-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;line-height:1.4;padding:8px 12px;border-radius:6px;white-space:normal;max-width:280px;width:max-content;text-align:center;opacity:0;visibility:hidden;transition:all .2s;pointer-events:none;z-index:50}.verse:first-child .badge-tooltip,.verse:nth-child(-n+3) .badge-tooltip{left:0;transform:translate(0)}.verse:first-child .badge-tooltip:after,.verse:nth-child(-n+3) .badge-tooltip:after{left:20px;transform:translate(0)}.badge-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1a1a1a}.video-badges:hover .badge-tooltip{opacity:1;visibility:visible}.demo3-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:720px;display:flex;justify-content:space-between;align-items:flex-end;padding:16px 48px;background:transparent;z-index:100;pointer-events:none}.footer-nav{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:#1a1a1a;border:none;border-radius:50%;font-size:14px;color:#fff;cursor:pointer;transition:all .2s;pointer-events:auto;box-shadow:0 2px 8px #00000026}.footer-nav:hover:not(:disabled){background:#333}.footer-nav:disabled{opacity:.3;cursor:not-allowed}.footer-left,.footer-right{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto}.font-size-controls{display:flex;flex-direction:column;gap:4px;pointer-events:auto}.font-size-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:#0006;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s;pointer-events:auto}.font-size-btn:hover:not(:disabled){background:#0009}.font-size-btn:disabled{opacity:.3;cursor:not-allowed}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:#0006;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s;pointer-events:auto}.view-toggle-btn:hover{background:#0009}.inline-video-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease;width:100%}.inline-video-wrapper.open{grid-template-rows:1fr}.inline-video-inner{overflow:hidden}.inline-video-content{padding:16px 0;max-width:600px;margin:0 auto}.inline-video-header{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:8px}.inline-carousel-indicator{color:#666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500}.inline-video-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;transition:all .2s}.inline-video-close:hover{background:#e0e0e0;color:#1a1a1a}.inline-video-carousel{display:flex;align-items:center;justify-content:center;gap:8px}.inline-video-container{flex:1;min-width:0}.verse.has-video.expanded{background:#ff000038}.carousel-btn{flex-shrink:0;background:#f5f5f5;border:1px solid #ddd;color:#666;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.carousel-btn:hover:not(:disabled){background:#eee;color:#1a1a1a}.carousel-btn:disabled{opacity:.3;cursor:not-allowed}.carousel-indicator{text-align:center;color:#666;font-size:14px;font-weight:500;margin-bottom:12px}.inline-video-container .youtube-iframe{width:100%!important;height:100%!important}.verse-address-tooltip{position:relative}.scripture-tooltip{position:absolute;top:calc(100% + 8px);left:0;background:#fff;color:#1a1a1a;font-size:14px;line-height:1.6;padding:12px 16px;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e5e5e5;min-width:280px;max-width:400px;opacity:0;visibility:hidden;transition:all .2s;pointer-events:none;z-index:100}.scripture-tooltip:after{content:"";position:absolute;bottom:100%;left:20px;border:6px solid transparent;border-bottom-color:#fff}.verse-address-tooltip:hover .scripture-tooltip{opacity:1;visibility:visible}.inline-video-container>div{margin-bottom:0!important}.channel-selector-wrapper{margin-left:4px}.channel-selector-btn{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;background:#faf9f6;border:1px solid #e8e6e3;border-radius:20px;cursor:pointer;transition:all .2s}.channel-selector-btn:hover{background:#f5f4f1;border-color:#ddd}.stacked-channel-avatars{display:flex;align-items:center}.stacked-channel-avatars .stacked-avatar{width:22px;height:22px;border-radius:50%;border:2px solid #fff;margin-left:-8px;object-fit:cover}.stacked-channel-avatars .stacked-avatar:first-child{margin-left:0}.channel-dropdown{min-width:220px;max-height:350px;overflow-y:auto}.channel-dropdown-header{padding:10px 14px;font-size:calc(12px * var(--font-scale, 1));font-weight:600;text-transform:uppercase;color:#888;border-bottom:1px solid #eee;background:#fafafa;position:sticky;top:0}.channel-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s}.channel-option:hover{background:#f5f5f5}.channel-option-logo{width:28px;height:28px;border-radius:50%;object-fit:cover}.channel-option-name{font-size:calc(16px * var(--font-scale, 1));font-weight:500;color:#1a1a1a}.channel-filter-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 0;background:transparent;border:none;margin-left:0;flex-basis:100%;order:-1}.channel-filter-logo{width:24px;height:24px;border-radius:50%;object-fit:cover}.channel-filter-name{font-size:17px;font-weight:500;color:#1a1a1a}.channel-filter-total{font-size:15px;font-weight:600;color:#888;padding-left:4px;border-left:1px solid #e5e5e5;margin-left:4px}.channel-filter-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;transition:all .2s}.channel-filter-clear:hover{background:#e0e0e0;color:#1a1a1a}@media(max-width:768px){.demo3-header{padding:10px 12px}.demo3-nav{width:100%;justify-content:center;flex-wrap:wrap;gap:6px}.channel-filter-badge{margin-bottom:2px}.channel-selector-wrapper{margin-left:4px}.demo3-reader{padding:130px 8px 90px}.chapter-title{font-size:24px;margin-bottom:24px}.demo3-content{font-size:17px;text-align:left}.nav-select-btn{font-size:17px;padding:6px 10px}.nav-dropdown{position:absolute;top:calc(100% + 4px);bottom:auto;left:0;right:auto;transform:none;max-height:50vh;width:max-content;min-width:160px;max-width:calc(100vw - 32px)}.nav-dropdown-books{max-height:45vh;min-width:200px}.book-list-scrollable{max-height:calc(45vh - 120px)}.nav-dropdown-chapters{left:auto;right:0;min-width:200px}.nav-dropdown-chapters{grid-template-columns:repeat(min(var(--chapter-cols, 5),5),1fr)}.channel-dropdown{position:absolute;top:calc(100% + 4px);bottom:auto;left:auto;right:0;transform:none;width:auto;max-width:280px;min-width:220px;max-height:300px}.demo3-footer{padding:12px 16px}.footer-nav,.font-size-btn,.view-toggle-btn{width:44px;height:44px}.carousel-btn{width:36px;height:36px}.channel-badge{width:20px;height:20px;margin-left:-6px}.badge-tooltip{font-size:11px;padding:5px 8px;max-width:220px}.channel-filter-logo{width:22px;height:22px}.channel-filter-name{font-size:16px}.channel-filter-clear{width:18px;height:18px}.channel-selector-btn{padding:4px 8px 4px 4px}.stacked-channel-avatars .stacked-avatar{width:20px;height:20px;margin-left:-6px}.channel-option-logo{width:24px;height:24px}.channel-option-name{font-size:13px}.channel-filter-total{font-size:14px}.video-count{font-size:16px;padding:4px 8px}}