code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#00796b;--primary-color-dark:#005b5b;--secondary-color:#90caf9;--text-color:#424242;--background-color:#f5f5f5;--highlight-color:#ff0;--button-hover-color:#005b5b;--error-color:#e53935;--verse-color:#555;--tile-border-color:#90caf9}body{background-color:#f5f5f5;background-color:var(--background-color);color:#424242;color:var(--text-color);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}*,:after,:before{box-sizing:border-box}.hamburger-menu{left:10px;position:fixed;top:1px;z-index:1003}.menu-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1.5rem;outline:none}.menu-button:hover{color:var(--primary-color-dark)}.nav-links{align-items:start;background-color:#fff;box-shadow:2px 0 5px #0000004d;display:flex;flex-direction:column;height:100vh;left:-100%;overflow-y:auto;padding-top:60px;position:fixed;top:0;transition:left .3s ease-in-out;width:250px;z-index:1002}.nav-links.open{left:0}.nav-links a{align-items:center;color:#333;display:flex;font-size:1.2rem;padding:15px 25px;text-decoration:none;width:100%}.nav-links a:hover{background-color:#e0f7fa;color:#00796b}.nav-icon{color:#00796b}.nav-icon,.nav-icondev{font-size:1.5rem;margin-right:10px}.nav-icondev{color:#888a89}.nav-icon:hover{color:#c10505}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.home-container{flex-direction:column;overflow-x:hidden}.home-container,.welcome-section{align-items:center;display:flex;width:100%}.welcome-section{background:linear-gradient(45deg,#00796bb3,#009688b3);background-size:400% 400%;height:50vh;justify-content:center;padding:20px 0;position:relative;transition:background-color .5s ease}.welcome-section:hover{background:linear-gradient(45deg,#009688b3,#00796bb3)}.welcome-section:before{background:#00796b66;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.welcome-content{background-color:#ffffffb3;border-radius:10px;max-width:800px;padding:20px 40px;text-align:center;z-index:1}.welcome-content h1{color:#00796b;font-size:3rem;margin-bottom:15px}.welcome-content p{color:#424242;font-size:1.5rem;margin-bottom:20px}.cta-button{background-color:#00796b;border-radius:25px;font-size:1.1rem;padding:10px 25px;text-decoration:none}.cta-button:hover{background-color:#005f56;transform:scale(1.1)}.menu-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1200px;padding:40px 0;width:90%}.menu-item{align-items:center;background-color:#fff;border:2px solid #d1eeeb;border-radius:10px;color:#00796b;padding:20px;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.menu-item:hover{background-color:#e3f2fd;box-shadow:0 8px 16px #0003;transform:translateY(-10px) scale(1.05)}.menu-icon{color:#00796b;font-size:2.5rem;margin-bottom:10px}.menu-text{font-size:1.2rem;font-weight:700}@media (max-width:768px){.menu-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:20px 0}.menu-item{padding:15px}.menu-icon{font-size:2rem;margin-bottom:8px}.menu-text{font-size:1rem}}.features-section{background-color:#f5f5f5;max-width:1200px;padding:40px 20px;text-align:center;width:90%}.features-section h2{color:#00796b;font-size:2.5rem;margin-bottom:30px}.features-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{border:2px solid #d1eeeb;padding:30px 20px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-10px) scale(1.05)}.feature-icon{color:#00796b;font-size:3rem;margin-bottom:20px}.feature-card h3{color:#00796b;font-size:1.8rem;margin-bottom:15px}.feature-card p{color:#424242;margin-bottom:20px}.learn-more{color:#00796b;font-size:1rem;font-weight:700;text-decoration:none;transition:color .3s ease}.learn-more:hover{color:#005f56}@media (max-width:768px){.features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-card{padding:20px}.feature-card h3{font-size:1.5rem}.feature-card p{font-size:.9rem}}.testimonials-section{background-color:#f5f5f5;max-width:1200px;padding:40px 20px;text-align:center;width:90%}.testimonials-section h2{color:#00796b;font-size:2.5rem;margin-bottom:30px}.testimonials-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.testimonial-card{background-color:#fff;border:2px solid #00796b;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px 30px;transition:transform .3s ease,box-shadow .3s ease;width:300px}.testimonial-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-10px) scale(1.05)}.testimonial-icon{color:#e53935;font-size:1.5rem;margin-bottom:15px}.testimonial-card p{color:#424242;font-size:1rem;font-style:italic;margin-bottom:15px}.testimonial-card h4{color:#00796b;font-size:1.1rem}@media (max-width:768px){.testimonials-grid{flex-direction:column;gap:20px}.testimonial-card{width:100%}}.inspirational-section{background-color:#fff;box-shadow:0 4px 10px #0000001a;padding:40px 20px;text-align:center;width:100%}.inspirational-section h2{color:#00796b;font-size:2.5rem;margin-bottom:20px}.inspirational-section p{color:#424242;font-size:1.2rem;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:800px}.inspirational-section .cta-button{background-color:#00796b;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;padding:10px 25px;text-decoration:none;transition:background-color .3s ease}.inspirational-section .cta-button:hover{background-color:#005f56}@media (max-width:768px){.inspirational-section h2{font-size:2rem}.inspirational-section p{font-size:1rem}}.home-channel{margin:40px 0;text-align:center;width:100%}.home-channel iframe{aspect-ratio:16/9;border:none;max-width:1200px;width:80%}.random-playlist{margin-top:20px;text-align:center}.random-playlist iframe{aspect-ratio:16/9;border:none;max-width:1000px;width:80%}#controls{right:20px;top:2px}#slide-bottom-play-btn{z-index:2000}#audio-progress-bar{background:#000000b3;border-radius:5px;bottom:0;font-size:.8em;left:50%;max-width:500px;padding:5px 10px;position:fixed;text-align:center;transform:translateX(-50%);width:90%;z-index:2000}#audio-progress-bar input[type=range]{-webkit-appearance:none;background:#444;border-radius:4px;height:12px;margin-bottom:8px;outline:none;touch-action:none;width:100%}#audio-progress-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#01ca12;border-radius:50%;cursor:pointer;height:16px;width:16px}#audio-progress-bar .audio-time-display{color:#ccc;margin-top:2px}body{display:flex;flex-direction:column;justify-content:center}body,html{color:#fff}#lyrics-container{background-color:#000}#logo{left:0;top:0}.controls-row{display:flex;flex-direction:row;justify-content:flex-end}button,input[type=range],select{background-color:#000;border:none;border-radius:3px;color:#999;font-size:12px;margin:5px;padding:5px}#lyrics-box{word-wrap:break-word;padding:65px}.tile{border-radius:10px;padding:20px}#slide-bottom-play-btn,#slide-next-btn,#slide-prev-btn{background:#0000;border:none;border-radius:50%;bottom:150px;color:#fff;cursor:pointer;font-size:24px;opacity:.9;padding:50px;position:absolute}#slide-bottom-play-btn:hover,#slide-next-btn:hover,#slide-prev-btn:hover{opacity:1}#video-container{display:none;left:0;position:absolute;top:0;z-index:999}#video-container,iframe{height:100%;width:100%}@media (max-width:600px){#blogspot-selector,#category-selector,#display-mode-selector,#font-range,#lines-per-slide-range,#logo,#search-input,#song-selector{font-size:40px;top:0;width:100%}#controls{align-items:flex-start;flex-direction:column;right:40}.controls-row.bottom-row,.controls-row.top-row{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-right:20px;width:90%}.controls-row.top-row{margin-bottom:10px}#controls button,#controls input[type=text],#controls select{margin:2px;padding:2px}#hide-controls-btn{background-color:#00000080;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px;position:fixed;right:10px;top:10px;z-index:1002}#hide-controls-btn:hover{background-color:#000000b3}}#lyrics{word-wrap:break-word;font-size:40px;padding:20px;white-space:normal}@media(max-width:1024px){#lyrics{font-size:60px}#lyrics-box{font-size:35px}}@media(max-width:600px){#lyrics{font-size:40px}#lyrics-box{font-size:25px}}@media(max-width:400px){#lyrics{font-size:30px}#lyrics-box{font-size:15px}}#lyrics-container{background:#000;display:flex;flex-direction:column;height:100%;justify-content:flex-start;position:relative;text-align:center;width:100%}#font-size-value,#lines-per-slide-value{font-weight:700;margin-left:5px}#lyrics-box{align-items:center;display:none;flex:1 1;justify-content:center;padding:10px;position:relative}#controls{background:#000;justify-content:flex-end;padding:5px;position:absolute;right:20;top:2;width:97%}#controls button,#controls input[type=text],#controls select{background-color:#000;border:none;border-radius:3px;color:#999;font-size:14px;margin:3px;padding:3px}#youtube-selector{width:40px}#slide-play-pause-btn{background:#555;border:none;border-radius:3px;color:#fff;cursor:pointer;display:none;font-size:16px;margin-left:10px;padding:3px 8px}.title-slide{color:#ff0;font-weight:700}.english-lyrics{color:#ff0}.non-english-lyrics{color:#fff}#music-container,#video-container{display:none;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:999}#music-container iframe,#video-container iframe{height:100%;width:100%}#music-container{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;overflow:auto;padding:20px}#music-content-right,#music-embed-left{box-sizing:border-box;height:98%;margin:1%;width:48%}#music-content-right{background-color:#111;border-radius:5px;overflow-y:auto;padding:10px;text-align:left}.music-nav-button{background:#00000080;border:none;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;font-size:30px;opacity:.7;padding:10px;position:absolute;z-index:1000}.music-nav-button:hover{opacity:1}#music-prev-btn{left:20px}#music-next-btn{right:20px}#hidden-audio-player{height:200px;left:-9999px;position:absolute;visibility:hidden;width:200px}.slide-nav-button{background:#0000;border:none;border-radius:50%;bottom:150px;color:#fff;cursor:pointer;display:none;font-size:24px;opacity:.9;padding:50px;position:absolute;transform:translateY(50%);z-index:1000}.slide-nav-button:hover{opacity:1}#slide-prev-btn{transform:translate(-125%,50%)}#slide-next-btn,#slide-prev-btn{bottom:100px;color:#00796b;font-size:50px;left:50%}#slide-next-btn{transform:translate(25%,50%)}#slide-prev-song-btn{transform:translate(-175%,50%)}#slide-next-song-btn,#slide-prev-song-btn{bottom:100px;color:#0e675c;font-size:50px;left:50%}#slide-next-song-btn{transform:translate(75%,50%)}.entire-song{display:block;font-size:20px;line-height:1.4;overflow:auto;padding:20px;text-align:left}#playback-rate-display{color:#ccc;margin-left:10px}#presenter-mode-container{align-items:center;display:none;flex-direction:column;height:98%;justify-content:flex-start;width:98%}#presenter-current,#presenter-next{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:10px;white-space:pre-wrap;width:100%}#presenter-current{flex:0.60 1}#presenter-next{color:grey;flex:0.40 1}#watermark{color:#d3262612;font-size:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#slide-bottom-play-btn{background:#00796b;border:none;border-radius:50%;bottom:100px;color:#fff;cursor:pointer;display:none;font-size:24px;opacity:.9;padding:30px;position:absolute;transform:translateY(50%);z-index:1000}#slide-bottom-play-btn:hover{background:#01ca12;opacity:1}#slide-bottom-play-btn{left:50%;transform:translate(-50%,50%)}#tiles-container{display:none;flex-wrap:wrap;overflow-y:auto;padding:10px 10.5px 0;width:100%}#tiles-container,.tile{align-items:center;box-sizing:border-box;justify-content:center}.tile{aspect-ratio:4/3;background-color:#fff;border-radius:15px;color:#000;cursor:pointer;display:flex;height:100px;margin:10px;padding:10px;text-align:center;transition:background-color .5s ease,color .5s ease;width:200px}.tile:hover{background-color:gold;color:#000;transition:background-color .3s ease,color .3s ease}@media (max-width:600px){.tile{font-size:12px;height:80px;margin:5px;padding:10px;width:80px}}#back-to-songs-btn{background-color:#4262cb;border:none;border-radius:3px;color:#fcf4f4;cursor:pointer;display:none;margin:10px auto;padding:10px 20px;transition:background-color .3s,color .3s}#back-to-songs-btn:hover{background-color:#ff0;color:#000}.modal{background-color:#000c;display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background-color:#222;border:1px solid #888;border-radius:5px;color:#fff;margin:10% auto;padding:20px;position:relative;width:80%}.close{color:#aaa;cursor:pointer;font-size:30px;font-weight:700;position:absolute;right:25px;top:10px}.close:focus,.close:hover{color:#fff;cursor:pointer;text-decoration:none}.shortcuts-list{list-style:none;padding:0}.shortcuts-list li{margin:10px 0}.shortcut-key{color:#4caf50;font-weight:700}#hide-controls-btn{background-color:#00000080;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px;position:fixed;right:10px;top:10px;z-index:1002}.mobile-always-visible{display:block!important;position:fixed;z-index:1001}@media (max-width:768px){.mobile-always-visible{display:block!important}}#hide-controls-btn:hover{background-color:#000000b3}#logo{background-color:#000;color:#939292;font-size:16px;left:20px;padding:10px;position:absolute;top:5px;z-index:1001}#watermark0{color:#6260604d;font-size:100px;left:50%;top:50%;transform:translate(-50%,-50%)}#watermark,#watermark0{font-weight:700;pointer-events:none;position:fixed;-webkit-user-select:none;user-select:none;z-index:1}#watermark{color:#403f3f4d;font-size:140px;left:5%;transform:rotate(-35deg);width:100%}.br-bible-reader-root{background-color:#000;color:#f0f0f0;display:flex;flex-direction:column;min-height:100vh}#br-bible-container{display:flex;flex:1 1;flex-direction:column;margin:0;padding:5px}#br-controls{align-items:center;background-color:#111111f2;box-shadow:0 2px 5px #00000080;display:flex;flex-wrap:wrap;font-size:14px;justify-content:space-between;left:0;padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}#br-controls.br-hidden{display:none}.br-controls-group{align-items:center;display:flex;flex-wrap:wrap}#br-toggle-controls-btn{background:#ffffff1a;border:none;border-radius:50%;color:#f0f0f0;cursor:pointer;font-size:18px;opacity:.7;padding:8px;position:fixed;right:15px;top:10px;transition:opacity .3s;z-index:1100}#br-toggle-controls-btn:hover{opacity:1}#br-controls input[type=text],#br-controls select{background-color:#333;border:none;border-radius:4px;color:#f0f0f0;font-size:14px;margin:0 5px;min-width:80px;padding:5px 8px}#br-content-box{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:10px 20px}.br-highlighted{background-color:#ff03;color:#ff0}.br-word-highlight{background-color:#ff03;color:#000}#br-title{color:#f1c40f;font-size:2.5rem;font-weight:700;margin-bottom:10px;margin-top:10px;text-align:center}.br-responsive-text,.br-verse{word-wrap:break-word;font-size:calc(2vw + 2.5vh);line-height:1.4;margin:10px 0}.br-verse{color:#f0f0f0}.br-verse-number{color:#ff0;font-weight:700;margin-right:5px}.br-nav-button{background:#ffffff1a;border:none;border-radius:50%;bottom:20px;color:#f0f0f0;cursor:pointer;font-size:24px;opacity:.7;padding:15px;position:fixed;transition:opacity .3s;z-index:1000}.br-nav-button:hover{opacity:1}#br-prev-btn{left:45%}#br-next-btn,#br-prev-btn{font-size:32px;transform:translateX(-50%)}#br-next-btn{left:55%}#br-up-btn{left:70%}#br-down-btn,#br-up-btn{font-size:32px;transform:translateX(-50%)}#br-down-btn{left:30%}#br-play-pause-btn{background-color:#555;border:none;border-radius:3px;color:#f0f0f0;cursor:pointer;font-size:14px;padding:5px 10px}#br-play-pause-btn:hover{background-color:#666}#br-playback-rate-display{color:#f0f0f0;font-size:12px;margin-left:5px}#br-slider-container{align-items:center;color:#f0f0f0;display:flex;margin-left:10px}#br-lines-slider{margin:0 10px;width:150px}#br-fontsize-container{align-items:center;color:#f0f0f0;display:flex;margin-left:10px}#br-fontsize-slider{margin:0 10px;width:150px}#br-fontsize-value,#br-slider-value{color:#f0f0f0;text-align:center;width:30px}#br-wpm-slider-container{align-items:center;color:#f0f0f0;display:flex;margin-left:10px}#br-wpm-slider{margin:0 10px;width:150px}#br-wpm-value{color:#f0f0f0;text-align:center;width:30px}#br-highlight-color-container,#br-voice-toggle-container{align-items:center;color:#f0f0f0;display:flex;margin-left:10px}#br-share-btn{background-color:#2980b9;border:none;border-radius:4px;color:#f0f0f0;cursor:pointer;font-size:14px;margin-left:5px;padding:5px 10px}#br-share-btn:hover{background-color:#3498db}#br-help-btn{background-color:#8e44ad;border:none;border-radius:50%;color:#f0f0f0;cursor:pointer;font-size:18px;height:30px;margin-left:5px;width:30px}#br-help-btn:hover{background-color:#9b59b6}.br-tooltip{display:inline-block;position:relative}.br-tooltip .br-tooltiptext{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-80px;opacity:0;padding:5px 0;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:160px;z-index:1001}.br-tooltip .br-tooltiptext:after{border:5px solid #0000;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.br-tooltip:hover .br-tooltiptext{opacity:1;visibility:visible}.br-help-modal{background-color:#000c;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.br-help-modal-content{background-color:#222;border:1px solid #888;border-radius:8px;color:#f0f0f0;margin:10% auto;padding:20px;position:relative;width:80%}.br-close-help{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700;position:absolute;right:20px;top:10px}.br-close-help:focus,.br-close-help:hover{color:#fff;cursor:pointer}.br-autocomplete-active{background-color:#575757!important;color:#f0f0f0}.br-hidden{display:none}.br-autocomplete-items{background-color:#333;border:1px solid #d4d4d4;border-top:none;left:0;position:absolute;right:0;top:100%;z-index:1002}.br-autocomplete-item{background-color:#333;color:#f0f0f0;cursor:pointer;padding:10px}.br-autocomplete-item:hover{background-color:#575757}#br-verse-input{background-color:#333;border:none;border-radius:4px;color:#f0f0f0}.br-help-modal-content{max-height:80vh;overflow-y:auto}@media (max-width:600px){#br-controls{align-items:flex-start;flex-direction:column}.br-controls-group{justify-content:flex-start;margin-bottom:8px;width:100%}#br-controls input[type=text],#br-controls select{margin:4px 0;max-width:none;width:100%}}@media (max-width:768px){#br-controls input[type=text],#br-controls select{font-size:12px}.br-responsive-text,.br-verse{font-size:calc(1.8vw + 2vh)}}@media (max-width:480px){.br-bible-reader-root{padding:0 10px}#br-title{font-size:1.2rem}.br-responsive-text,.br-verse{font-size:calc(2vw + 2vh)}.br-nav-button{font-size:20px;padding:10px}#br-prev-btn{left:40%}#br-next-btn{left:60%}#br-up-btn{left:80%}#br-down-btn{left:20%}#br-lines-slider{width:100px}#br-slider-container{align-items:flex-start;flex-direction:column}#br-help-btn,#br-share-btn{margin-left:0;margin-top:5px}}body,html{font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.bible-reader-root,body,html{background-color:#000;color:#f0f0f0}.bible-reader-root{display:flex;flex-direction:column;min-height:100vh}#bible-container{display:flex;flex:1 1;flex-direction:column;margin:0;padding:5}#controls{align-items:center;background-color:#111111f2;box-shadow:0 2px 5px #00000080;display:flex;flex-wrap:wrap;font-size:14px;justify-content:space-between;left:0;padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}#controls.hidden{display:none}#controls .controls-group{align-items:center;display:flex;flex-wrap:wrap}#controls input[type=text],#controls select{background-color:#333;border:none;border-radius:4px;color:#fff;font-size:14px;margin:0 5px;min-width:80px;padding:5px 8px}#content-box{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:10px 20px}.highlighted{background-color:#ff03;color:#ff0}.word-highlight{background-color:#ff03;color:#000}#title{color:#f1c40f;font-size:1.5rem;font-weight:700;margin-bottom:10px;margin-top:20px;text-align:center}.verse{word-wrap:break-word;color:#f0f0f0;font-size:calc(2vw + 2.5vh);line-height:1.4;margin:10px 0}.verse-number{color:#ff0;font-weight:700;margin-right:5px}.nav-button{background:#ffffff1a;border:none;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;font-size:24px;opacity:.7;padding:15px;position:fixed;transition:opacity .3s;z-index:1000}.nav-button:hover{opacity:1}#prev-btn{left:45%}#next-btn,#prev-btn{transform:translateX(-50%)}#next-btn{left:55%}#prev-chapter-btn{left:35%;transform:translateX(-50%)}#next-chapter-btn{left:65%;transform:translateX(-50%)}#play-pause-btn{background-color:#555;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}#playback-rate-display{font-size:12px;margin-left:5px}#fontsize-container,#slider-container{align-items:center;display:flex;margin-left:10px}#lines-slider{margin:0 10px;width:150px}#slider-value{text-align:center;width:30px}#highlight-color-container,#voice-toggle-container,#wpm-slider-container{align-items:center;display:flex;margin-left:10px}#wpm-slider{margin:0 10px;width:150px}#wpm-value{text-align:center;width:30px}#fontsize-slider{margin:0 10px;width:150px}#fontsize-value{text-align:center;width:30px}#share-btn{background-color:#2980b9;border:none;border-radius:4px;font-size:14px;padding:5px 10px}#help-btn,#share-btn{color:#fff;cursor:pointer;margin-left:5px}#help-btn{background-color:#8e44ad;border:none;border-radius:50%;font-size:18px;height:30px;width:30px}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-80px;opacity:0;padding:5px 0;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:160px;z-index:1001}.tooltip .tooltiptext:after{border:5px solid #0000;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}#help-modal{background-color:#000c;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}#help-modal-content{background-color:#222;border:1px solid #888;border-radius:8px;color:#fff;margin:10% auto;padding:20px;position:relative;width:80%}#close-help{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700;position:absolute;right:20px;top:10px}#close-help:focus,#close-help:hover{color:#fff;cursor:pointer}.autocomplete-active{background-color:#575757!important;color:#fff}@media (max-width:600px){#controls{align-items:flex-start;flex-direction:column}#controls .controls-group{justify-content:flex-start;margin-bottom:8px;width:100%}#controls input[type=text],#controls select{margin:4px 0;max-width:none;width:100%}}.search-form{margin-bottom:20px;width:100%}.search-input{border:2px solid #d1eeeb;border-radius:25px 0 0 25px;width:100%}.search-button{border:2px solid #d1eeeb;border-radius:0 25px 25px 0}.playlist-search-form{align-items:center;flex-direction:column}.playlist-search-form .search-input{border-radius:25px;margin-bottom:10px}.playlist-search-form .search-button{border-left:2px solid #d1eeeb;border-radius:25px;width:150px}.playlist-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:1000px}.playlist-item{cursor:pointer;padding:20px}.playlist-image{border-radius:8px;height:auto;margin-bottom:10px;width:100%}.podcasts-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.podcasts-header{margin-bottom:40px;text-align:center}.podcasts-heading{align-items:center;color:#00796b;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:20px}.podcasts-icon{margin-right:10px}.podcasts-intro{color:#424242;font-size:1.2rem}.search-form{margin-bottom:40px}.search-input{border:2px solid #90caf9;border-radius:5px 0 0 5px;font-size:1rem;max-width:400px;outline:none;padding:10px 15px;transition:border-color .3s ease;width:60%}.search-input:focus{border-color:#00796b}.search-button{background-color:#00796b;border:2px solid #90caf9;border-left:none;border-radius:0 5px 5px 0;padding:10px 15px}.search-button:hover{background-color:#005b5b}.status-message{color:#424242;font-size:1rem;margin-bottom:20px}.status-message.error{color:#e53935}.podcasts-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.podcast-card{background-color:#f9f9f9;border:2px solid #90caf9;border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.podcast-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.podcast-thumbnail{height:180px;object-fit:cover;width:100%}.podcast-details{display:flex;flex:1 1;flex-direction:column;padding:20px}.podcast-title{color:#00796b;font-size:1.5rem;margin-bottom:5px}.podcast-author{color:#424242;font-size:1rem;margin-bottom:15px}.podcast-description{color:#424242;flex:1 1;font-size:.95rem;margin-bottom:15px}.episodes-list{margin-top:10px;text-align:left}.episodes-list h3{color:#00796b;font-size:1.2rem;margin-bottom:10px}.episode{margin-bottom:15px}.episode-title{color:#00796b;font-size:1rem;margin-bottom:5px}.podcast-audio{outline:none;width:100%}.no-episodes{color:#e53935;font-size:.9rem}@media (max-width:768px){.podcasts-heading{font-size:2rem}.podcasts-intro{font-size:1rem}.search-input{width:70%}.podcast-title{font-size:1.3rem}.podcast-description{font-size:.85rem}.episodes-list h3{font-size:1.1rem}.episode-title{font-size:.95rem}}@media (max-width:480px){.podcasts-container{padding:20px 0;width:95%}.podcasts-heading{font-size:1.8rem}.podcasts-intro{font-size:.9rem}.search-input{width:80%}.podcast-title{font-size:1.1rem}.podcast-description{font-size:.8rem}.episodes-list h3{font-size:1rem}.episode-title{font-size:.85rem}}.blog-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.blog-header{margin-bottom:40px;text-align:center}.blog-heading{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.blog-heading,.blog-icon{color:#00796b;font-size:2.5rem}.blog-icon{margin-right:10px}.blog-intro{color:#424242;font-size:1.2rem}.blog-embed{align-items:center;background-color:#fff;border:2px solid #d1eeeb;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.blog-embed:hover{box-shadow:0 10px 15px #0003;transform:translateY(-5px)}.blog-iframe{border:none;border-radius:8px;height:80vh;width:100%}@media (max-width:992px){.blog-heading{font-size:2rem}.blog-intro{font-size:1rem}.blog-iframe{height:70vh}}@media (max-width:768px){.blog-heading{font-size:1.8rem}.blog-intro{font-size:.95rem}.blog-iframe{height:60vh}}@media (max-width:480px){.blog-container{padding:20px 0;width:95%}.blog-heading{font-size:1.6rem}.blog-intro{font-size:.9rem}.blog-iframe{height:50vh}}.marketplace-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.marketplace-header{margin-bottom:40px;text-align:center}.marketplace-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.marketplace-heading,.marketplace-icon{color:var(--primary-color);font-size:3rem}.marketplace-icon{margin-right:10px}.marketplace-intro{color:var(--text-color);font-size:1.2rem}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.category-card{align-items:center;background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.category-card:hover{box-shadow:0 10px 15px #0003;transform:translateY(-5px)}.category-icon{font-size:3rem}.category-icon,.category-title{color:var(--primary-color);margin-bottom:15px}.category-title{font-size:1.8rem}.category-description{color:var(--text-color);font-size:1.1rem;margin-bottom:20px;padding:0 5px;text-align:center}.amazon-widget{margin-top:10px;min-height:10px;width:100%}.navigation-link-back{margin-top:40px}@media (max-width:992px){.marketplace-heading{font-size:2.5rem}.marketplace-intro{font-size:1rem}.categories-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.category-card{padding:15px}.category-icon{font-size:2.5rem;margin-bottom:10px}.category-title{font-size:1.5rem}.category-description{font-size:.95rem;margin-bottom:15px}.amazon-widget{min-height:180px}}@media (max-width:768px){.marketplace-heading{font-size:2rem}.marketplace-intro{font-size:.95rem}.categories-grid{gap:20px;grid-template-columns:1fr}.category-card{padding:15px}.category-icon{font-size:2rem;margin-bottom:8px}.category-title{font-size:1.3rem}.category-description{font-size:.9rem;margin-bottom:15px}.amazon-widget{min-height:200px}}@media (max-width:480px){.marketplace-container{padding:20px 10px;width:95%}.marketplace-heading{font-size:1.8rem}.marketplace-intro{font-size:.9rem}.categories-grid{gap:15px;grid-template-columns:1fr}.category-card{padding:10px}.category-icon{font-size:1.8rem;margin-bottom:5px}.category-title{font-size:1.2rem}.category-description{font-size:.85rem;margin-bottom:10px}.amazon-widget{min-height:200px}.navigation-link-back .cta-button{justify-content:center;width:100%}}.media-container{align-items:center;background-color:#f5f5f5;color:#333;display:flex;flex-direction:column;overflow-x:hidden;padding:60px 0 20px;width:100%}.media-header{margin-bottom:40px;text-align:center}.media-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.media-heading,.media-icon{color:var(--primary-color);font-size:3rem}.media-icon{margin-right:10px}.media-intro{color:var(--text-color);font-size:1.2rem}.video-container{height:calc(100vh - 60px);top:60px}.bible-study-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:40px 20px;width:90%}.bible-study-header{margin-bottom:30px;text-align:center}.bible-study-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.bible-study-heading,.bible-study-icon{color:var(--primary-color);font-size:2.5rem}.bible-study-icon{margin-right:10px}.bible-study-intro{color:var(--text-color);font-size:1.2rem}.bible-study-search{margin-bottom:30px}.search-form{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.form-group{align-items:center;gap:10px}.keywords-input,.search-input,.version-select{border:2px solid var(--secondary-color);border-radius:5px;flex:1 1 200px;font-size:1rem;outline:none;padding:10px 15px}.keywords-input:focus,.search-input:focus,.version-select:focus{border-color:var(--primary-color)}.cta-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}.cta-button:hover{background-color:var(--primary-color-dark)}.bible-study-status{color:var(--text-color);font-size:1.2rem;margin-bottom:30px}.bible-study-status.error{color:var(--error-color)}.bible-study-status.loading:before{animation:spin 1s linear infinite;border-top:4px solid var(--secondary-color);border:4px solid var(--secondary-color);border-radius:50%;border-top-color:var(--primary-color);content:"";display:inline-block;height:24px;margin-right:10px;vertical-align:middle;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.bible-study-display{margin-top:20px}.bible-text{color:var(--text-color);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px;text-align:left}.bible-text p{margin-bottom:10px;position:relative}.verse{color:var(--primary-color);font-weight:700}.highlight{background-color:#ff0;font-weight:700}.copy-button{background:none;border:none;cursor:pointer;font-size:1rem;margin-left:10px;transition:transform .2s ease}.copy-button:hover{transform:scale(1.2)}.bookmark-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1.2rem;margin-left:5px;transition:transform .2s ease,color .2s ease}.bookmark-button:hover{color:var(--primary-color-dark);transform:scale(1.2)}.bookmarks-section{margin-top:30px;text-align:left}.bookmarks-section h2{color:var(--primary-color);font-size:2rem;margin-bottom:15px}.bookmarks-list{list-style-type:none;padding:0}.bookmarks-list li{align-items:center;display:flex;margin-bottom:10px}.bookmark-link{background-color:var(--secondary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;margin-right:10px;padding:5px 10px;text-align:left;transition:background-color .3s ease}.bookmark-link:hover{background-color:var(--primary-color)}.remove-bookmark{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:1rem;transition:color .3s ease}.remove-bookmark:hover{color:#c62828}@media (max-width:768px){.bible-study-heading{font-size:2rem}.bible-study-intro{font-size:1rem}.keywords-input,.search-input,.version-select{flex:1 1 100%}.cta-button{width:100%}.bible-text{font-size:1rem}}@media (max-width:480px){.bible-study-container{padding:20px 10px;width:95%}.bible-study-heading{font-size:1.8rem}.bible-study-intro{font-size:.9rem}.form-group,.search-form{align-items:stretch;flex-direction:column}.form-group{gap:10px}.search-button{margin-left:0}.bible-text{font-size:.9rem}}.karaoke-container{align-items:center;background-color:#f5f5f5;color:#333;display:flex;flex-direction:column;overflow-x:hidden;padding:60px 0 20px;width:100%}.karaoke-header{margin-bottom:40px;text-align:center}.karaoke-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.karaoke-heading,.karaoke-icon{color:var(--primary-color);font-size:3rem}.karaoke-icon{margin-right:10px}.karaoke-intro{color:var(--text-color);font-size:1.2rem}.playlist-grid{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);justify-content:center;margin-top:20px;max-width:800px;width:90%}.playlist-item{align-items:center;background-color:#fff;border:2px solid #d1eeeb;border-radius:10px;color:#00796b;display:flex;flex-direction:column;padding:30px;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.playlist-item:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.playlist-item .icon{color:#00796b;font-size:50px;margin-bottom:10px}.playlist-item h3{color:#00796b;font-size:1.5rem;margin-bottom:10px}.video-container{height:calc(100vh - 40px);left:0;position:absolute;top:40px;width:100%}.video-container iframe{border:none;height:100%;width:100%}.back-button{background-color:#00796b;border:none;border-radius:25px;bottom:20px;color:#fff;cursor:pointer;font-size:1rem;left:50%;padding:10px 25px;position:absolute;transform:translateX(-50%);transition:background-color .3s ease}.back-button:hover{background-color:#005f56}@media (max-width:768px){.playlist-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.playlist-item h3{font-size:1.2rem}}.events-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.events-header{margin-bottom:40px;text-align:center}.events-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.events-heading,.events-icon{color:var(--primary-color);font-size:3rem}.events-icon{margin-right:10px}.events-intro{color:var(--text-color);font-size:1.2rem}.events-calendar{align-items:center;background-color:#fff;border:2px solid #90caf9;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;height:60vh;justify-content:center;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.events-calendar:hover{box-shadow:0 10px 15px #0003;transform:translateY(-5px)}.events-iframe{border:none;border-radius:8px;height:100%;width:100%}.navigation-link-back{margin-top:30px}@media (max-width:992px){.events-heading{font-size:2.5rem}.events-intro{font-size:1rem}.events-calendar{height:50vh;padding:15px}}@media (max-width:768px){.events-heading{font-size:2rem}.events-intro{font-size:.95rem}.events-calendar{height:45vh;padding:10px}.events-iframe{height:100%}}@media (max-width:480px){.events-container{padding:20px 10px;width:95%}.events-heading{font-size:1.8rem}.events-intro{font-size:.9rem}.events-calendar{height:40vh;padding:5px}}.social-media-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.social-media-header{margin-bottom:40px;text-align:center}.social-media-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.social-media-heading,.social-media-icon{color:var(--primary-color);font-size:3rem}.social-media-icon{margin-right:10px}.social-media-intro{color:var(--text-color);font-size:1.2rem}.social-media-links{margin-bottom:40px}.social-links-heading{color:var(--primary-color);font-size:2rem;margin-bottom:20px}.social-media-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.social-tile{align-items:center;background-color:#f0f4f8;border:2px solid var(--secondary-color);border-radius:10px;color:var(--text-color);display:flex;flex-direction:column;padding:20px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.social-tile:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.social-icon{font-size:2rem;margin-bottom:10px}.social-text{font-size:1rem;font-weight:700}.facebook{color:#3b5998}.twitter{color:#1da1f2}.instagram{color:#e4405f}.youtube{color:red}.share-buttons{margin-bottom:40px}.share-buttons-heading{color:var(--primary-color);font-size:2rem;margin-bottom:20px}.share-buttons-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.share-button{align-items:center;background-color:#f0f4f8;border:2px solid var(--secondary-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.share-button:hover{background-color:var(--primary-color);color:#fff}.share-icon{font-size:1.5rem;margin-right:10px}.facebook-share{border-color:#3b5998}.twitter-share{border-color:#1da1f2}.instagram-share{border-color:#e4405f}.youtube-share{border-color:red}@media (max-width:768px){.social-media-container{padding:40px 20px}.social-media-heading{font-size:2.5rem}.social-media-intro{font-size:1rem}.share-buttons-heading,.social-links-heading{font-size:1.8rem}.social-media-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.social-tile{padding:15px}.social-icon{font-size:1.5rem}.social-text{font-size:.9rem}.share-buttons-container{gap:15px}.share-button{padding:8px 16px}}@media (max-width:480px){.social-media-container{padding:20px 10px;width:95%}.social-media-heading{font-size:1.8rem}.social-media-intro{font-size:.9rem}.share-buttons-heading,.social-links-heading{font-size:1.5rem}.social-media-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.social-tile{padding:10px}.social-icon{font-size:1.2rem}.social-text{font-size:.8rem}.share-buttons-container{gap:10px}.share-button{font-size:.9rem;padding:8px 12px}}.youtube-page{align-items:center;display:flex;flex-direction:column;padding:60px 0 20px;width:100%}.featured-playlist{margin-bottom:40px;max-width:1000px;width:80%}.featured-playlist iframe{aspect-ratio:16/9;border:none;width:100%}.playlist-list{display:flex;flex-direction:column;gap:40px;max-width:1000px;width:80%}.playlist-item iframe{aspect-ratio:16/9;border:none;width:100%}.live-streaming-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.live-streaming-header{margin-bottom:40px;text-align:center}.live-streaming-heading{align-items:center;color:var(--primary-color);display:flex;font-size:3rem;justify-content:center;margin-bottom:10px}.live-streaming-icon{color:var(--primary-color);font-size:3rem;margin-right:10px}.live-streaming-intro{color:var(--text-color);font-size:1.2rem}.youtube-embed{align-items:center;display:flex;justify-content:center;margin-bottom:40px}.youtube-embed iframe{border-radius:10px;box-shadow:0 4px 6px #0000001a}@media (max-width:768px){.live-streaming-heading{font-size:2.5rem}.live-streaming-intro{font-size:1rem}.youtube-embed iframe{height:400px}}@media (max-width:480px){.live-streaming-container{padding:20px 10px;width:95%}.live-streaming-heading{font-size:1.8rem}.live-streaming-intro{font-size:.9rem}.youtube-embed iframe{height:300px}.navigation-link-back .cta-button{justify-content:center;width:100%}}.small-groups-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.small-groups-header{margin-bottom:40px;text-align:center}.small-groups-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.small-groups-heading,.small-groups-icon{color:var(--primary-color);font-size:3rem}.small-groups-icon{margin-right:10px}.small-groups-intro{color:var(--text-color);font-size:1.2rem}.small-groups-form{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:30px}.form-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.form-field{display:flex;flex:1 1 30%;flex-direction:column}.form-field label{font-weight:700;margin-bottom:5px}.form-field select{border:1px solid #ccc;border-radius:5px;padding:8px}.form-field select:disabled{background-color:#f0f0f0;cursor:not-allowed}.search-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:0 auto;padding:12px 30px;transition:background-color .3s ease}.search-button:hover{background-color:var(--primary-color-dark)}.search-button:disabled{background-color:#a5d6a7;cursor:not-allowed}@media (max-width:992px){.small-groups-heading{font-size:2.5rem}.small-groups-intro{font-size:1rem}.form-group{flex-direction:column}.form-field{flex:1 1 100%}}@media (max-width:480px){.small-groups-container{padding:20px 10px;width:95%}.small-groups-heading{font-size:1.8rem}.small-groups-intro{font-size:.9rem}.form-group{gap:10px}.form-field{flex:1 1 100%}.search-button{width:100%}}.resource-library-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.resource-library-header{margin-bottom:40px;text-align:center}.resource-library-heading{align-items:center;color:var(--primary-color);display:flex;font-size:3rem;justify-content:center;margin-bottom:10px}.resource-library-icon{color:var(--primary-color);font-size:3rem;margin-right:10px}.resource-library-intro{color:var(--text-color);font-size:1.2rem}.google-drive-embed{align-items:center;display:flex;height:600px;justify-content:center;margin-bottom:40px;width:90%}.google-drive-embed iframe{border-radius:10px;box-shadow:0 4px 6px #0000001a}@media (max-width:768px){.resource-library-heading{font-size:2.5rem}.resource-library-intro{font-size:1rem}.google-drive-embed iframe{height:90%;width:90%}}@media (max-width:480px){.resource-library-container{padding:20px 10px;width:95%}.resource-library-heading{font-size:1.8rem}.resource-library-intro{font-size:.9rem}.google-drive-embed iframe{height:90%;width:90%}.navigation-link-back .cta-button{justify-content:center;width:100%}}.gamification-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.gamification-header{margin-bottom:40px;text-align:center}.gamification-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.gamification-heading,.gamification-icon{color:var(--primary-color);font-size:3rem}.gamification-icon{margin-right:10px}.gamification-intro{color:var(--text-color);font-size:1.2rem}.gamification-dashboard{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:40px}.badges-section,.points-section{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;flex:1 1 45%;padding:20px}.badges-section h2,.points-section h2{color:var(--primary-color);font-size:1.8rem;margin-bottom:15px}.points{color:var(--primary-color-dark);font-size:2.5rem;font-weight:700}.badges-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.badge{align-items:center;display:flex;flex-direction:column}.badge-icon{font-size:2rem;margin-bottom:5px}.badge-text{color:var(--text-color);font-size:1rem}.starter{color:gold}.achiever{color:silver}.champion{color:#cd7f32}.gamification-activities{margin-bottom:40px;text-align:center}.gamification-activities h2{color:var(--primary-color);font-size:2rem;margin-bottom:20px}.activities-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.activity-card{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.activity-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.activity-icon{font-size:2rem}.activity-card h3,.activity-icon{color:var(--primary-color);margin-bottom:10px}.activity-card h3{font-size:1.5rem}.activity-card p{color:var(--text-color);font-size:1rem;margin-bottom:15px}.earn-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.earn-button:hover{background-color:var(--primary-color-dark)}@media (max-width:992px){.gamification-heading{font-size:2.5rem}.gamification-intro{font-size:1rem}.gamification-dashboard{align-items:center;flex-direction:column;gap:20px}.badges-section,.points-section{flex:1 1 80%}.gamification-activities h2{font-size:1.8rem}.activities-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.activity-card{padding:15px}}@media (max-width:480px){.gamification-container{padding:20px 10px;width:95%}.gamification-heading{font-size:1.8rem}.gamification-intro{font-size:.9rem}.gamification-activities h2{font-size:1.5rem}.activities-grid{gap:10px;grid-template-columns:1fr}.activity-card{padding:10px}.share-buttons-container{align-items:center;flex-direction:column}.share-button{justify-content:center;width:100%}}.counseling-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.counseling-header{margin-bottom:40px;text-align:center}.counseling-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.counseling-heading,.counseling-icon{color:var(--primary-color);font-size:3rem}.counseling-icon{margin-right:10px}.counseling-intro{color:var(--text-color);font-size:1.2rem}.counseling-types{margin-bottom:40px;text-align:center}.counseling-types h2{color:var(--primary-color);font-size:2rem;margin-bottom:20px}.counseling-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.counseling-card{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px}.counseling-title{color:var(--primary-color);font-size:1.5rem;margin-bottom:10px}.counseling-description{color:var(--text-color);font-size:1rem}.counseling-how-we-help{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:30px;text-align:center}.counseling-how-we-help h2{color:var(--primary-color);font-size:2rem;margin-bottom:20px}.counseling-how-we-help p{color:var(--text-color);font-size:1rem;margin-bottom:20px}.connect-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 30px;transition:background-color .3s ease}.connect-button:hover{background-color:var(--primary-color-dark)}@media (max-width:768px){.counseling-heading{font-size:2.5rem}.counseling-intro{font-size:1rem}.counseling-how-we-help h2,.counseling-types h2{font-size:1.8rem}.counseling-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.counseling-card{padding:15px}.counseling-title{font-size:1.3rem}.counseling-description{font-size:.95rem}}@media (max-width:480px){.counseling-container{padding:20px 10px;width:95%}.counseling-heading{font-size:1.8rem}.counseling-intro{font-size:.9rem}.counseling-how-we-help h2,.counseling-types h2{font-size:1.5rem}.counseling-grid{gap:10px;grid-template-columns:1fr}.counseling-card{padding:10px}.counseling-title{font-size:1.2rem}.counseling-description{font-size:.85rem}.connect-button{width:100%}}.mentorship-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.mentorship-header{margin-bottom:40px;text-align:center}.mentorship-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.mentorship-heading,.mentorship-icon{color:var(--primary-color);font-size:3rem}.mentorship-icon{margin-right:10px}.mentorship-intro{color:var(--text-color);font-size:1.2rem}.mentorship-info{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:40px;padding:30px}.mentorship-info h2{color:var(--primary-color);font-size:2rem;margin-bottom:15px}.mentorship-info p{color:var(--text-color);font-size:1rem}.mentee-enrollment,.mentor-nomination{margin-bottom:40px;text-align:center}.mentee-enrollment h2,.mentor-nomination h2{color:var(--primary-color);font-size:2rem;margin-bottom:15px}.mentee-enrollment p,.mentor-nomination p{color:var(--text-color);font-size:1rem;margin-bottom:20px}.enroll-button,.nominate-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 30px;transition:background-color .3s ease}.enroll-button:hover,.nominate-button:hover{background-color:var(--primary-color-dark)}.mentorship-how-it-works{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:40px;padding:30px}.mentorship-how-it-works h2{color:var(--primary-color);font-size:2rem;margin-bottom:15px}.mentorship-how-it-works ol{margin:0 auto;max-width:800px;text-align:left}.mentorship-how-it-works li{color:var(--text-color);font-size:1rem;margin-bottom:10px}@media (max-width:768px){.mentorship-heading{font-size:2.5rem}.mentorship-intro{font-size:1rem}.mentee-enrollment h2,.mentor-nomination h2,.mentorship-how-it-works h2,.mentorship-info h2{font-size:1.8rem}.mentorship-how-it-works ol{padding-left:20px}.enroll-button,.nominate-button{font-size:.95rem;padding:10px 25px}}@media (max-width:480px){.mentorship-container{padding:20px 10px;width:95%}.mentorship-heading{font-size:1.8rem}.mentorship-intro{font-size:.9rem}.mentee-enrollment h2,.mentor-nomination h2,.mentorship-how-it-works h2,.mentorship-info h2{font-size:1.5rem}.mentorship-how-it-works ol{padding-left:15px}.enroll-button,.nominate-button{font-size:.9rem;padding:10px;width:100%}}.volunteer-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.volunteer-header{margin-bottom:40px;text-align:center}.volunteer-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.volunteer-heading,.volunteer-icon{color:var(--primary-color);font-size:3rem}.volunteer-icon{margin-right:10px}.volunteer-intro{color:var(--text-color);font-size:1.2rem}.volunteer-roles{margin-bottom:40px;text-align:center}.volunteer-roles h2{color:var(--primary-color);font-size:2rem;margin-bottom:20px}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.role-card{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px}.role-card h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:10px}.role-card p{color:var(--text-color);font-size:1rem}.volunteer-nominate{margin-bottom:40px;text-align:center}.volunteer-nominate h2{color:var(--primary-color);font-size:2rem;margin-bottom:15px}.volunteer-nominate p{color:var(--text-color);font-size:1rem;margin-bottom:20px}.nominate-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 30px;transition:background-color .3s ease}.nominate-button:hover{background-color:var(--primary-color-dark)}.volunteer-support{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:40px;padding:30px}.volunteer-support h2{color:var(--primary-color);font-size:2rem;margin-bottom:15px}.volunteer-support ul{list-style-type:disc;margin:0 auto;max-width:800px;text-align:left}.volunteer-support li{color:var(--text-color);font-size:1rem;margin-bottom:10px}@media (max-width:768px){.volunteer-heading{font-size:2.5rem}.volunteer-intro{font-size:1rem}.volunteer-nominate h2,.volunteer-roles h2,.volunteer-support h2{font-size:1.8rem}.roles-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.role-card{padding:15px}.role-card h3{font-size:1.3rem}.role-card p{font-size:.95rem}.nominate-button{font-size:.95rem;padding:10px 25px}}@media (max-width:480px){.volunteer-container{padding:20px 10px;width:95%}.volunteer-heading{font-size:1.8rem}.volunteer-intro{font-size:.9rem}.volunteer-nominate h2,.volunteer-roles h2,.volunteer-support h2{font-size:1.5rem}.roles-grid{gap:10px;grid-template-columns:1fr}.role-card{padding:10px}.role-card h3{font-size:1.2rem}.role-card p{font-size:.85rem}.nominate-button{font-size:.9rem;padding:10px;width:100%}.volunteer-support ul{padding-left:20px}}.forums-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.forums-header{margin-bottom:40px;text-align:center}.forums-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.forums-heading,.forums-icon{color:var(--primary-color);font-size:3rem}.forums-icon{margin-right:10px}.forums-intro{color:var(--text-color);font-size:1.2rem}.forum-embed{align-items:center;display:flex;justify-content:center;margin-bottom:40px}.forum-embed iframe{border-radius:10px;box-shadow:0 4px 6px #0000001a}@media (max-width:768px){.forums-heading{font-size:2.5rem}.forums-intro{font-size:1rem}.forum-embed iframe{height:500px}}@media (max-width:480px){.forums-container{padding:20px 10px;width:95%}.forums-heading{font-size:1.8rem}.forums-intro{font-size:.9rem}.forum-embed iframe{height:400px}.navigation-link-back .cta-button{justify-content:center;width:100%}}.prayer-wall-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.prayer-wall-header{margin-bottom:40px;text-align:center}.prayer-wall-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.prayer-wall-heading,.prayer-wall-icon{color:var(--primary-color);font-size:3rem}.prayer-wall-icon{margin-right:10px}.prayer-wall-intro{color:var(--text-color);font-size:1.2rem}.prayer-request-form{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:40px;padding:30px;text-align:center}.prayer-request-form h2{color:var(--primary-color);font-size:2rem;margin-bottom:15px}.prayer-request-form p{color:var(--text-color);font-size:1rem;margin-bottom:20px}.submit-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 30px;transition:background-color .3s ease}.submit-button:hover{background-color:var(--primary-color-dark)}.prayer-requests{margin-bottom:40px;text-align:center}.prayer-requests h2{color:var(--primary-color);font-size:2rem;margin-bottom:20px}.prayer-requests iframe{border-radius:10px;box-shadow:0 4px 6px #0000001a}@media (max-width:768px){.prayer-wall-heading{font-size:2.5rem}.prayer-wall-intro{font-size:1rem}.prayer-request-form h2{font-size:1.8rem}.prayer-requests iframe{height:350px}}@media (max-width:480px){.prayer-wall-container{padding:20px 10px;width:95%}.prayer-wall-heading{font-size:1.8rem}.prayer-wall-intro{font-size:.9rem}.prayer-request-form h2{font-size:1.5rem}.prayer-request-form p{font-size:.9rem}.submit-button{width:100%}.prayer-requests iframe{height:300px}}.profile-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.profile-header{margin-bottom:40px;text-align:center}.profile-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.profile-heading,.profile-icon{color:var(--primary-color);font-size:3rem}.profile-icon{margin-right:10px}.profile-intro{color:var(--text-color);font-size:1.2rem}.profile-info{align-items:center;background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;margin-bottom:40px;padding:30px}.profile-avatar{margin-right:20px}.avatar-icon{color:var(--primary-color);font-size:6rem}.profile-details h2{color:var(--primary-color);font-size:2rem;margin-bottom:10px}.profile-details p{color:var(--text-color);font-size:1rem;margin-bottom:5px}.profile-achievements{margin-bottom:40px;text-align:center}.profile-achievements h2{color:var(--primary-color);font-size:2rem;margin-bottom:20px}.achievements-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.achievement-card{align-items:center;display:flex;flex-direction:column}.achievement-icon{color:var(--primary-color);font-size:2rem;margin-bottom:5px}.achievement-text{color:var(--text-color);font-size:1rem}.profile-benefits{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:40px;padding:30px}.profile-benefits h2{color:var(--primary-color);font-size:2rem;margin-bottom:15px}.profile-benefits ul{list-style-type:disc;margin:0 auto;max-width:800px;text-align:left}.profile-benefits li{color:var(--text-color);font-size:1rem;margin-bottom:10px}.profile-login{margin-bottom:40px;text-align:center}.profile-login h2{color:var(--primary-color);font-size:2rem;margin-bottom:15px}.login-button{align-items:center;background-color:#db4437;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;padding:12px 30px;transition:background-color .3s ease}.login-button:hover{background-color:#c33d2e}.login-icon{font-size:1.5rem;margin-right:10px}@media (max-width:768px){.profile-heading{font-size:2.5rem}.profile-intro{font-size:1rem}.profile-info{align-items:center;flex-direction:column;text-align:center}.profile-info .profile-avatar{margin-bottom:20px;margin-right:0}.profile-details h2{font-size:1.8rem}.profile-details p{font-size:.95rem}.achievements-grid{align-items:center;flex-direction:column}.achievement-card{margin-bottom:10px}.profile-benefits h2,.profile-login h2{font-size:1.8rem}.profile-benefits ul{padding-left:20px}}@media (max-width:480px){.profile-container{padding:20px 10px;width:95%}.profile-heading{font-size:1.8rem}.profile-intro{font-size:.9rem}.profile-info h2{font-size:1.5rem}.profile-info p{font-size:.85rem}.achievements-grid{align-items:center;flex-direction:column;gap:10px}.achievement-card{margin-bottom:5px}.profile-benefits h2,.profile-login h2{font-size:1.5rem}.profile-benefits ul{padding-left:15px}.login-button{font-size:.9rem;padding:10px;width:100%}}.community-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.community-header{margin-bottom:40px;text-align:center}.community-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.community-heading,.community-icon{color:var(--primary-color);font-size:3rem}.community-icon{margin-right:10px}.community-intro{color:var(--text-color);font-size:1.2rem}.community-embed{align-items:center;display:flex;justify-content:center;margin-bottom:40px}.community-embed iframe{border-radius:10px;box-shadow:0 4px 6px #0000001a}@media (max-width:768px){.community-heading{font-size:2.5rem}.community-intro{font-size:1rem}.community-embed iframe{height:500px}}@media (max-width:480px){.community-container{padding:20px 10px;width:95%}.community-heading{font-size:1.8rem}.community-intro{font-size:.9rem}.community-embed iframe{height:400px}.navigation-link-back .cta-button{justify-content:center;width:100%}}.help-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px;width:90%}.help-header{margin-bottom:40px;text-align:center}.help-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.help-heading,.help-icon{color:var(--primary-color);font-size:3rem}.help-icon{margin-right:10px}.help-intro{color:var(--text-color);font-size:1.2rem}.features-overview{margin-bottom:40px;text-align:center}.features-overview h2{color:var(--primary-color);font-size:2rem;margin-bottom:20px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.feature-card{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px}.feature-card h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:10px}.feature-card p{color:var(--text-color);font-size:1rem}.help-goals{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:40px;padding:30px}.help-goals h2{color:var(--primary-color);font-size:2rem;margin-bottom:15px}.help-goals ul{list-style-type:disc;margin:0 auto;max-width:800px;text-align:left}.help-goals li{color:var(--text-color);font-size:1rem;margin-bottom:10px}.faq-section{margin-bottom:40px}.faq-section h2{color:var(--primary-color);font-size:2rem;margin-bottom:20px}.faq-item{background-color:#f0f4f8;border:2px solid var(--secondary-color);border-radius:10px;margin-bottom:20px;padding:20px}.faq-item h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:10px}.faq-item p{color:var(--text-color);font-size:1rem}.contact-support{margin-bottom:40px;text-align:center}.contact-support h2{color:var(--primary-color);font-size:2rem;margin-bottom:15px}.contact-support p{color:var(--text-color);font-size:1rem}.contact-support a{color:var(--primary-color);text-decoration:underline}@media (max-width:768px){.help-heading{font-size:2.5rem}.help-intro{font-size:1rem}.contact-support h2,.faq-section h2,.features-overview h2,.help-goals h2{font-size:1.8rem}.features-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.feature-card{padding:15px}.feature-card h3{font-size:1.3rem}.feature-card p{font-size:.95rem}.faq-item h3{font-size:1.1rem}.faq-item p{font-size:.95rem}}@media (max-width:480px){.help-container{padding:20px 10px;width:95%}.help-heading{font-size:1.8rem}.help-intro{font-size:.9rem}.contact-support h2,.faq-section h2,.features-overview h2,.help-goals h2{font-size:1.5rem}.features-grid{gap:10px;grid-template-columns:1fr}.feature-card{padding:10px}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.85rem}.faq-item h3{font-size:1rem}.faq-item p{font-size:.85rem}}.under-dev-container{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:100px 20px;text-align:center;width:90%}.under-dev-content{align-items:center;display:flex;flex-direction:column;margin-bottom:40px}.under-dev-icon{font-size:5rem}.under-dev-content h1,.under-dev-icon{color:var(--primary-color);margin-bottom:20px}.under-dev-content h1{font-size:2.5rem}.under-dev-content p{color:var(--text-color);font-size:1.2rem}.navigation-link-back{text-align:center}.navigation-link-back .cta-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.navigation-link-back .cta-button:hover{background-color:var(--primary-color-dark)}.back-icon{font-size:1.2rem;margin-right:8px}@media (max-width:768px){.under-dev-container{padding:80px 20px}.under-dev-icon{font-size:4rem}.under-dev-content h1{font-size:2rem}.under-dev-content p{font-size:1rem}}@media (max-width:480px){.under-dev-container{padding:60px 10px;width:95%}.under-dev-icon{font-size:3rem}.under-dev-content h1{font-size:1.8rem}.under-dev-content p{font-size:.9rem}.navigation-link-back .cta-button{justify-content:center;width:100%}}.infographics-container{margin:0 auto;max-width:1200px;padding:60px 20px;position:relative;width:90%}.infographics-header{margin-bottom:40px;text-align:center}.infographics-heading{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.infographics-heading,.infographics-icon{color:var(--primary-color);font-size:3rem}.infographics-icon{margin-right:10px}.infographics-intro{color:var(--text-color);font-size:1.2rem}.infographics-logo{height:40px;left:10px;position:absolute;top:10px;width:40px}.infographics-input{margin-bottom:40px;text-align:center}.infographics-input h1{color:var(--text-color)}.infographics-input textarea{font-size:1rem;margin-top:10px;min-height:150px;padding:10px;width:100%}.tiles-view{width:100%}.tile-group{margin-bottom:30px}.tile-group h2{color:var(--primary-color);cursor:pointer}.tiles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:10px}.tile-item{background-color:#3f8760;border:2px solid var(--secondary-color);border-radius:10px;cursor:pointer;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.tile-item:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.tile-toggle{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;padding:8px 16px}.icon-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1.5rem}.icon-button:hover{color:var(--primary-color-dark)}.title-input{margin-top:10px}.title-input input{font-size:1.2rem;padding:8px;width:100%}.infographics-input button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.gradient-controls{display:flex;gap:10px;justify-content:center;margin-top:10px}.gradient-controls label,.infographics-input label,.view-controls label{color:var(--text-color)}.view-controls label{flex:1 1 150px}.view-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.export-btn{background-color:var(--secondary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.export-btn+.export-btn{margin-left:10px}.icon-button.export-btn{background:none;color:var(--primary-color);margin-top:0;padding:0}.icon-button.export-btn:hover{color:var(--primary-color-dark)}.controls-toggle{background:none;border:none;color:var(--primary-color);margin-top:0;padding:0}.top-controls{align-items:center;display:flex;gap:10px;margin-bottom:10px}.top-controls input[list],.top-controls select{padding:4px 8px}.json-select input{padding:6px 8px;width:300px}.controls-pane{background-color:#f9f9f9;border-radius:4px;margin-top:10px;padding:10px}.controls-pane.collapsed{display:none}@media (max-width:768px){.controls-toggle{display:block}.gradient-controls,.view-controls{flex-wrap:wrap}}.infographics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.infographic-page{border-radius:10px;margin-top:20px;padding:20px;position:relative}.page-number{align-items:center;background:#0003;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.infographic-footer{font-size:.75rem;margin-top:10px;opacity:.7;text-align:center}.infographic-title{font-size:2rem;margin-bottom:20px;text-align:center}.infographic-card{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;padding:20px;text-align:left}.infographic-card.circle-card{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center}.infographic-card h3{margin-bottom:10px}.topic-text{display:inline-block;word-break:break-word}.subtopic{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:8px}.subtopic span{flex:1 1 auto;word-break:break-word}.subtopics.list{display:block}.subtopics.grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.subtopics.tile{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:minmax(40px,auto);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.subtopics.tile .subtopic{align-items:center;background:#fff6;border:2px solid var(--tile-border-color);border-radius:6px;display:flex;flex-wrap:wrap;min-height:40px;overflow-wrap:anywhere;padding:6px;word-break:break-word}.subtopics.bubble{display:flex;flex-wrap:wrap;gap:8px}.subtopics.bubble .subtopic{background:#fff6;border-radius:20px;padding:6px 12px}.subtopics.mindmap{border-left:2px solid #0000004d;display:block;padding-left:12px}.subtopics.tile-rel{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:minmax(40px,auto);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.subtopics.shadow .subtopic{align-items:center;background:#fff9;border-radius:6px;box-shadow:0 2px 6px #0003;display:flex;padding:6px}.subtopics.glass .subtopic{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff4d;border-radius:10px;display:flex;padding:6px 10px}.subtopics.outline .subtopic{align-items:center;border:1px solid #0003;border-radius:6px;display:flex;margin-bottom:6px;padding:6px 10px}.subtopics.card{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.subtopics.card .subtopic{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;display:flex;padding:8px}.subtopics.neumorphic .subtopic{align-items:center;background:#e0e0e0;border-radius:12px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;display:flex;padding:6px 12px}.subtopics.gradient-border .subtopic{align-items:center;background:#fff;border-radius:8px;display:flex;padding:6px 12px;position:relative}.subtopics.gradient-border .subtopic:before{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:10px;content:"";inset:-2px;position:absolute;z-index:-1}.subtopics.round .subtopic{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 5px #0000001a;display:flex;padding:6px 14px}.subtopics.taglist{display:flex;flex-wrap:wrap;gap:6px}.subtopics.taglist .subtopic{align-items:center;background:#f0f0f0;border-radius:4px;display:flex;padding:4px 10px}.subtopics.circle{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.subtopics.circle .subtopic{align-items:center;background:#fff6;border-radius:6px;display:flex;flex-direction:column;justify-content:center;min-height:40px;min-width:80px;padding:6px 12px;text-align:center;word-break:break-word}.subtopics.hex{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.subtopics.hex .subtopic{align-items:center;background:#fff6;-webkit-clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);display:flex;flex-direction:column;height:55px;justify-content:center;text-align:center;width:100px}.subtopics.timeline{padding-left:20px;position:relative}.subtopics.timeline:before{background:var(--primary-color);bottom:0;content:"";left:5px;position:absolute;top:0;width:2px}.subtopics.timeline .subtopic{align-items:center;display:flex;margin-bottom:20px;position:relative}.subtopics.timeline .subtopic:before{background:var(--primary-color);border-radius:50%;content:"";height:10px;left:-15px;position:absolute;top:8px;width:10px}.subtopics.stack .subtopic{border-bottom:1px solid #0000001a;display:block;padding:10px}.subtopics.frosted,.subtopics.pill,.subtopics.sketch{display:flex;flex-wrap:wrap;gap:8px}.subtopics.pill .subtopic{align-items:center;background:var(--primary-color);border-radius:999px;color:#fff;display:flex;padding:6px 16px}.subtopics.sketch .subtopic{align-items:center;border:2px dashed var(--primary-color);border-radius:6px;display:flex;padding:6px 12px}.subtopics.frosted .subtopic{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff40;border-radius:8px;display:flex;padding:6px 12px}.subtopics.paper .subtopic{align-items:center;background:#fdf6e3;border:1px solid #e3d5b8;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;padding:6px 10px}.subtopics.ribbon .subtopic{align-items:center;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:6px;color:#fff;display:flex;padding:6px 12px}.subtopics.cloud .subtopic{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 5px #0000001a;display:flex;padding:6px 14px}.subtopics.note .subtopic{align-items:center;background:#fffacd;border-radius:4px;box-shadow:0 2px 4px #0003;display:flex;padding:6px 12px;transform:rotate(-1deg)}.relations{font-size:.8em;margin-left:20px}.relation:before{content:"\2192";margin-right:4px}.subtopic-icon{font-size:1.2em}.subtopic-icon,.topic-icon{margin-right:20px}.topic-header{align-items:center;background:#fff6;border-radius:6px;display:flex;margin-bottom:8px;padding:6px 10px}.subtopic-desc{font-size:.85em}.subtopic-desc,.subtopic-verse{margin-left:24px;width:100%;word-break:break-word}.subtopic-verse{color:var(--verse-color);font-size:.65em;opacity:.8}.topic-desc{font-size:.9em;margin-bottom:8px;word-break:break-word}@media (max-width:480px){.infographics-container{padding:20px 10px}.gradient-controls,.view-controls{flex-wrap:wrap}.controls-toggle{display:block}}.slideshow-overlay{color:var(--text-color);left:0;position:fixed;top:0;z-index:2000}.slideshow-content,.slideshow-overlay{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.slideshow-content{flex-direction:column;position:relative;text-align:center}.slideshow-controls{align-items:center;bottom:20px;display:flex;gap:6px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease-in-out}.slideshow-controls button{font-size:.8rem;padding:2px 6px}.play-wrapper{align-items:center;display:flex}.speed-display{font-size:.6rem;margin-left:4px}.slideshow-controls.visible{opacity:1}.slideshow-logo{height:40px;position:absolute;right:10px;top:10px}.slideshow-content h1,.slideshow-content h2,.slideshow-content h3{font-size:clamp(2rem,8vh,5rem);margin:1.2rem 0}.slideshow-content.topicCard{justify-content:space-between;padding:2% 0}.slideshow-content.topicCard h2{font-size:clamp(1.2rem,4vh,3rem)}.topic-card-header{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;max-height:none;padding:1rem;width:100%}.slide-icon{margin-bottom:1rem}.slide-verse{font-size:clamp(1.2rem,4vh,2.5rem);margin-top:.75rem}.topic-card-subtopics{grid-gap:12px;box-sizing:border-box;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));justify-items:center;max-height:60%;overflow-y:auto;padding:1rem}.card-subtopic,.topic-card-subtopics{align-self:flex-start!important;aspect-ratio:3/2;width:100%}.card-subtopic{align-items:center;background:#fffc;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;height:auto;justify-content:center;max-height:120px;min-height:80px;min-width:220px;padding:.75rem 1rem;text-align:center}.card-subtopic span{flex:1 1 auto;font-size:clamp(.9rem,3vh,1.3rem);margin:0;overflow-wrap:anywhere;word-break:break-word}.card-subtopic .subtopic-icon{margin:0}@media (max-width:600px),(orientation:portrait){.slideshow-content{overflow-y:auto}.slideshow-content.topicCard{padding:1rem 0}.topic-card-header{max-height:none}.topic-card-subtopics{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:none}.card-subtopic{height:auto;min-height:100px;min-width:120px}}@media (orientation:landscape) and (max-height:500px){.slideshow-content.topicCard{align-items:stretch;flex-direction:row}.topic-card-header{flex:0 0 40%;max-height:none}.topic-card-subtopics{flex:1 1;max-height:none}}.chat-bubble{align-items:center;background-color:#00796b;border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:fixed;right:20px;transition:background-color .3s,transform .3s;width:60px;z-index:1000}.chat-bubble:hover{background-color:#005f56;transform:scale(1.1)}.chat-window{background-color:#fff;border-radius:10px;bottom:90px;box-shadow:0 8px 16px #0000004d;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:fixed;right:20px;width:300px;z-index:1000}.chat-header{align-items:center;background-color:#00796b;color:#fff;display:flex;justify-content:space-between;padding:10px}.chat-header h3{font-size:1.2rem;margin:0}.close-icon{cursor:pointer;font-size:1rem}.chat-messages{background-color:#f5f5f5;flex:1 1;overflow-y:auto;padding:10px}.message{word-wrap:break-word;border-radius:15px;font-size:.9rem;margin-bottom:10px;max-width:80%;padding:8px 12px}.message.user{align-self:flex-end;background-color:#dcf8c6}.message.assistant{align-self:flex-start;background-color:#fff;border:1px solid #00796b}.chat-input{background-color:#f9f9f9;border-top:1px solid #ddd;display:flex;padding:10px}.chat-input textarea{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:.9rem;height:40px;padding:8px;resize:none}.chat-input button{align-items:center;background-color:#00796b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:35px;justify-content:center;margin-left:10px;transition:background-color .3s;width:35px}.chat-input button:disabled{background-color:#a5d6a7;cursor:not-allowed}.chat-input button:hover:not(:disabled){background-color:#005f56}.character-count{color:#555;font-size:.8rem;padding:0 10px 10px;text-align:right}@media (max-width:480px){.chat-window{bottom:80px;right:5%;width:90%}}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background-color:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%}.header{align-items:center;display:flex;justify-content:center;left:0;padding:17px 20px;position:fixed;top:0;transition:background-color .3s ease-in-out;width:100%;z-index:1000}.header.home{background-color:#ecf0f7;color:#7c7a7a}.header.other{background-color:#000;color:#7c7a7a}body{padding-top:40px}.logo{align-items:center;display:flex;font-size:1rem;font-weight:400;gap:8px}.logo-icon{height:24px;width:24px}.hidden-text{visibility:hidden}.header-logo{height:40px;position:absolute;right:10px;top:5px}.not-found{align-items:center;color:#ff5252;display:flex;font-size:2rem;height:100vh;justify-content:center}
/*# sourceMappingURL=main.aa01631b.css.map*/