@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color: #1e3a8a;--secondary-color: #3b82f6;--background-color: #f8fafc;--text-color: #334155;--card-bg: #ffffff;--border-color: #e2e8f0;--shadow: 0 20px 40px -10px rgba(0, 0, 0, .1), 0 8px 20px -5px rgba(0, 0, 0, .08);--soft-shadow: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--glow-shadow: 0 0 20px rgba(59, 130, 246, .4);--transition: all .4s cubic-bezier(.4, 0, .2, 1);--border-radius: 20px;--content-padding: clamp(1.5rem, 5vw, 3rem);--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2)}body.barry-theme,body.wayne-theme{--primary-color: #1e3a8a;--secondary-color: #3b82f6;--background-color: radial-gradient(ellipse at top, #f0f9ff 0%, #dbeafe 50%, #93c5fd 100%);--text-color: #1e3a8a;--card-bg: rgba(255, 255, 255, .95);--border-color: #93c5fd;--accent-color: #60a5fa;--glow-shadow: 0 0 30px rgba(59, 130, 246, .4);background:var(--background-color);background-attachment:fixed}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--background-color);color:var(--text-color);line-height:1.7;transition:var(--transition);min-height:100vh;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body.font-small{font-size:16px}body.font-normal{font-size:18px}body.font-large{font-size:22px}body.font-small .devotional-content p,body.font-small .devotional-content div,body.font-small .scripture-text,body.font-small .scripture-reference,body.font-small .feedback-section h4{font-size:1rem!important;line-height:1.6!important}body.font-small .devotional-content h3{font-size:1.5rem!important}body.font-small .devotional-content h4{font-size:1.3rem!important}body.font-normal .devotional-content p,body.font-normal .devotional-content div,body.font-normal .scripture-text,body.font-normal .scripture-reference,body.font-normal .feedback-section h4{font-size:1.125rem!important;line-height:1.7!important}body.font-normal .devotional-content h3{font-size:1.7rem!important}body.font-normal .devotional-content h4{font-size:1.5rem!important}body.font-large .devotional-content p,body.font-large .devotional-content div,body.font-large .scripture-text,body.font-large .scripture-reference,body.font-large .feedback-section h4{font-size:1.375rem!important;line-height:1.8!important}body.font-large .devotional-content h3{font-size:2.1rem!important}body.font-large .devotional-content h4{font-size:1.8rem!important}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(30,58,138,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.4) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(15,23,42,.3) 0%,transparent 50%),radial-gradient(circle at 60% 40%,rgba(96,165,250,.2) 0%,transparent 40%);pointer-events:none;z-index:-1;opacity:.5}body.barry-theme:before{background:radial-gradient(circle at 20% 50%,rgba(30,58,138,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.4) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(15,23,42,.3) 0%,transparent 50%),radial-gradient(circle at 60% 40%,rgba(96,165,250,.2) 0%,transparent 40%)}body.wayne-theme:before{background:radial-gradient(circle at 20% 50%,rgba(30,58,138,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.4) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(15,23,42,.3) 0%,transparent 50%),radial-gradient(circle at 60% 40%,rgba(96,165,250,.2) 0%,transparent 40%)}#root{min-height:100vh;position:relative}.navbar{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:.5rem 1.5rem;box-shadow:var(--soft-shadow);border-bottom:1px solid var(--glass-border);z-index:1000;transition:var(--transition);transform:translateY(0)}.navbar-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;width:100%;position:relative}.navbar-left{position:relative}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.1) 100%);pointer-events:none;z-index:-1}.navbar.hidden{transform:translateY(-100%)}.menu-trigger{display:flex;align-items:center;padding:.75rem 1.5rem;background:rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:50px;cursor:pointer;transition:var(--transition);font-weight:600;font-size:.9rem;color:var(--text-color);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.menu-trigger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:var(--transition)}.menu-trigger:hover:before{left:100%}.menu-trigger:hover{background:rgba(255,255,255,.95);transform:translateY(-2px);box-shadow:0 8px 25px #00000026,0 0 20px #3b82f64d,inset 0 1px #fff6}.menu-trigger.active{background:var(--gradient-primary);color:#fff;transform:translateY(-1px);box-shadow:0 8px 25px #3b82f64d,0 0 30px #3b82f666}.menu-trigger.active .menu-trigger-chevron{transform:rotate(180deg)}.menu-trigger-icon{display:flex;align-items:center;gap:.5rem}.menu-trigger-text{font-weight:600;letter-spacing:.5px}.menu-trigger-chevron{display:flex;align-items:center;transition:var(--transition);opacity:.7}.slide-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;opacity:0;visibility:hidden;transition:var(--transition)}.slide-menu.active{opacity:1;visibility:visible}.slide-menu-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.slide-menu-content{position:absolute;top:0;right:0;width:420px;max-width:90vw;height:100vh;background:rgba(255,255,255,.98);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);box-shadow:-20px 0 60px #00000026,0 0 100px #3b82f61a;transform:translate(100%);transition:var(--transition);overflow-y:auto;border-left:1px solid var(--glass-border)}.slide-menu.active .slide-menu-content{transform:translate(0)}.slide-menu-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:1px solid var(--glass-border);background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(59,130,246,.05) 100%)}.slide-menu-header h3{margin:0;font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slide-menu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;cursor:pointer;transition:var(--transition);color:var(--text-color);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff4d}.slide-menu-close:hover{background:rgba(255,255,255,.95);transform:scale(1.05);box-shadow:0 6px 20px #00000026,0 0 15px #3b82f633}.theme-cards{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.theme-card{display:flex;align-items:center;padding:1.5rem;background:rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid var(--glass-border);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 8px 25px #00000014,inset 0 1px #fff3}.theme-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:var(--transition)}.theme-card:hover:before{left:100%}.theme-card:hover{transform:translateY(-4px);border-color:#3b82f64d;box-shadow:0 15px 40px #0000001f,0 0 30px #3b82f633,inset 0 1px #ffffff4d}.theme-card.active{border-color:var(--primary-color);background:rgba(255,255,255,.9);transform:translateY(-2px);box-shadow:0 15px 40px #3b82f633,0 0 40px #3b82f64d,inset 0 1px #fff6}.theme-card-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:20px;margin-right:1.5rem;box-shadow:0 8px 25px #3b82f64d,inset 0 1px #fff3;transition:var(--transition)}.theme-card:hover .theme-card-icon{transform:scale(1.05) rotate(5deg);box-shadow:0 12px 35px #3b82f666,0 0 20px #3b82f64d,inset 0 1px #ffffff4d}.theme-card-content{flex:1}.theme-card-content h4{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text-color)}.theme-card-content p{margin:0;color:var(--text-color);opacity:.8;font-size:1rem;line-height:1.5}.theme-card-check{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;transition:var(--transition);opacity:0;transform:scale(.8);box-shadow:0 4px 12px #3b82f64d,inset 0 1px #fff3}.theme-card.active .theme-card-check{opacity:1;transform:scale(1)}.current-theme-display{display:flex!important;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--gradient-primary);color:#fff;border-radius:25px;font-weight:600;font-size:.9rem;box-shadow:var(--glow-shadow),0 4px 15px #3b82f633;position:relative;overflow:hidden;opacity:1!important;cursor:pointer;transition:var(--transition);visibility:visible!important;z-index:999}.current-theme-display:hover{transform:translateY(-2px);box-shadow:var(--glow-shadow),0 6px 20px #3b82f64d}.theme-dropdown-arrow{transition:var(--transition)}.devotional-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:280px;max-height:250px;background:rgba(255,255,255,.95);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:0 8px 32px #00000026,0 4px 16px #00000014;overflow:hidden;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.devotional-dropdown-content{height:250px;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:var(--primary-color) rgba(0,0,0,.1)}.devotional-dropdown-content::-webkit-scrollbar{width:6px}.devotional-dropdown-content::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.devotional-dropdown-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px;opacity:.7}.devotional-dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.devotional-dropdown-item{padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;transition:var(--transition);position:relative}.devotional-dropdown-item:last-child{border-bottom:none}.devotional-dropdown-item:hover{background:rgba(59,130,246,.08)}.devotional-dropdown-item.active{background:rgba(59,130,246,.1);border-left:3px solid var(--primary-color)}.devotional-dropdown-title{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.85rem;font-weight:400;color:var(--text-color);line-height:1.4}.current-theme-display:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition)}.current-theme-display:hover:before{left:100%}.current-theme-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);flex-shrink:0}.current-theme-text{white-space:nowrap;flex-shrink:0;font-weight:600}.main-content{margin-top:clamp(45px,6vh,55px);padding:var(--content-padding);max-width:900px;margin-left:auto;margin-right:auto;margin-bottom:140px;position:relative}.devotional-container{background:var(--card-bg);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border-radius:var(--border-radius);padding:var(--content-padding);box-shadow:var(--shadow),0 0 50px #3b82f61a,inset 0 1px #fff3;border:1px solid var(--glass-border);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out;cursor:pointer;transition:var(--transition);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.devotional-container:hover{box-shadow:var(--shadow),0 0 80px #3b82f659,0 0 0 2px #3b82f666,0 0 30px #3b82f680,inset 0 1px #ffffff4d;border-color:#3b82f666;transform:translateY(-2px)}.devotional-container:active{box-shadow:var(--shadow),0 0 100px #3b82f666,0 0 0 3px #3b82f680,0 0 40px #3b82f699,inset 0 1px #fff6;border-color:#3b82f699;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.devotional-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.1) 100%);pointer-events:none;border-radius:var(--border-radius);z-index:-1}.devotional-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid var(--glass-border);position:relative;z-index:1;text-align:center}.devotional-header:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--gradient-primary);border-radius:2px}.devotional-title{font-size:clamp(2rem,6vw,3.5rem);color:var(--primary-color);margin:0;font-weight:700;line-height:1.1;position:relative;z-index:10}body.barry-theme .devotional-title{font-family:Dancing Script,cursive;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3));z-index:15;line-height:1.2;padding-bottom:.5rem}body.wayne-theme .devotional-title{font-family:Bebas Neue,cursive;font-size:clamp(2.5rem,7vw,4.5rem);letter-spacing:1.5px;text-shadow:0 2px 8px rgba(59,130,246,.3);position:relative;z-index:15}.devotional-subtitle{font-size:clamp(1.2rem,3vw,1.5rem);color:var(--secondary-color);margin:1rem 0 0;font-weight:500;opacity:.8;text-align:center;position:relative;z-index:1;background:transparent}.font-size-controls{display:flex;align-items:center;gap:1rem;margin:1rem auto 0;justify-content:center;position:relative;z-index:5}.font-control-label{font-size:.9rem;font-weight:500;color:var(--primary-color);margin-right:.5rem}.font-size-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:white;border:2px solid var(--primary-color);border-radius:50%;color:var(--primary-color);font-family:inherit;font-size:1.2rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--soft-shadow)}.font-size-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--glow-shadow)}.font-size-btn:disabled{opacity:.4;cursor:not-allowed}.font-size-label{font-size:.9rem;font-weight:500;color:var(--primary-color);min-width:60px;text-align:center}.font-size-icon{line-height:1}.font-size-section{margin-top:1.5rem;padding:1.5rem;border-top:1px solid rgba(59,130,246,.2)}.font-size-section h4{color:var(--primary-color);font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.font-size-controls-menu{display:flex;align-items:center;gap:1rem;justify-content:center}.font-size-btn-menu{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:white;border:2px solid var(--primary-color);border-radius:50%;color:var(--primary-color);font-family:inherit;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.font-size-btn-menu:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:translateY(-1px)}.font-size-btn-menu:disabled{opacity:.3;cursor:not-allowed}.font-size-label-menu{font-size:.9rem;font-weight:500;color:var(--primary-color);min-width:50px;text-align:center}.theme-indicator{background:var(--gradient-primary);color:#fff;padding:1.25rem 2rem;border-radius:50px;display:flex;align-items:center;gap:1rem;font-weight:600;font-size:1rem;box-shadow:var(--glow-shadow),0 8px 25px #3b82f64d,inset 0 1px #fff3;position:relative;overflow:hidden;z-index:2}.theme-indicator:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:var(--transition)}.theme-indicator:hover:before{left:100%}.theme-label{font-size:.9rem;opacity:.9}.devotional-content>div{margin-bottom:3rem;animation:fadeIn .8s ease-out;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.devotional-content>div:nth-child(1){animation-delay:.1s}.devotional-content>div:nth-child(2){animation-delay:.2s}.devotional-content>div:nth-child(3){animation-delay:.3s}.devotional-content>div:nth-child(4){animation-delay:.4s}.devotional-content h3{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem;position:relative}.devotional-content h3:before{content:"";width:4px;height:100%;background:var(--gradient-primary);border-radius:2px}.scripture-section h3:before{display:none}body.barry-theme .devotional-content h3{font-family:Dancing Script,cursive;font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.wayne-theme .devotional-content h3{font-family:Bebas Neue,cursive;font-size:1.7rem;letter-spacing:.5px;text-shadow:0 1px 3px rgba(59,130,246,.2)}.opening-question{background:var(--gradient-primary);color:#fff;padding:2.5rem;border-radius:var(--border-radius);margin-bottom:3rem;position:relative;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:var(--transition);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.opening-question:hover{box-shadow:var(--shadow),0 0 40px #3b82f680,0 0 0 2px #ffffff4d,0 0 20px #fff3;transform:translateY(-2px)}.opening-question:active{box-shadow:var(--shadow),0 0 60px #3b82f6b3,0 0 0 3px #fff6,0 0 30px #ffffff4d;transform:translateY(-1px)}.opening-question:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.15) 100%);pointer-events:none}.opening-question:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.opening-question h3{color:#fff!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:white!important;background-clip:unset!important;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}.opening-question h3:before{background:rgba(255,255,255,.3)!important}body.barry-theme .opening-question h3{color:#fff!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:white!important;background-clip:unset!important}body.wayne-theme .opening-question h3{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.fact-section{background:rgba(255,255,255,.7);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid var(--primary-color);border-radius:var(--border-radius);padding:2.5rem;box-shadow:var(--soft-shadow);position:relative;overflow:hidden;cursor:pointer;transition:var(--transition);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.fact-section:hover{box-shadow:var(--soft-shadow),0 0 35px #3b82f666,0 0 0 2px #3b82f64d,0 0 18px #3b82f666;border-color:#3b82f699;transform:translateY(-2px)}.fact-section:active{box-shadow:var(--soft-shadow),0 0 45px #3b82f680,0 0 0 3px #3b82f666,0 0 25px #3b82f680;border-color:#3b82f6b3;transform:translateY(-1px)}.fact-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none;border-radius:var(--border-radius)}.personal-question{background:var(--gradient-primary);color:#fff;padding:2.5rem;border-radius:var(--border-radius);margin-bottom:3rem;position:relative;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:var(--transition);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.personal-question:hover{box-shadow:var(--shadow),0 0 40px #3b82f680,0 0 0 2px #ffffff4d,0 0 20px #fff3;transform:translateY(-2px)}.personal-question:active{box-shadow:var(--shadow),0 0 60px #3b82f6b3,0 0 0 3px #fff6,0 0 30px #ffffff4d;transform:translateY(-1px)}.personal-question:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.15) 100%);pointer-events:none}.personal-question:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.personal-question h3{color:#fff!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:white!important;background-clip:unset!important;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}.personal-question h3:before{background:rgba(255,255,255,.3)!important}body.barry-theme .personal-question h3{color:#fff!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:white!important;background-clip:unset!important}body.wayne-theme .personal-question h3{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.scripture-section{background:rgba(255,255,255,.6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2.5rem;border-radius:var(--border-radius);border-left:6px solid var(--primary-color);border:1px solid var(--glass-border);box-shadow:var(--soft-shadow);position:relative;cursor:pointer;transition:var(--transition);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.scripture-section:hover{box-shadow:var(--soft-shadow),0 0 30px #3b82f64d,0 0 0 2px #3b82f633,0 0 15px #3b82f64d;border-color:#3b82f64d;transform:translateY(-2px)}.scripture-section:active{box-shadow:var(--soft-shadow),0 0 40px #3b82f666,0 0 0 3px #3b82f64d,0 0 20px #3b82f666;border-color:#3b82f666;transform:translateY(-1px)}.scripture-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none;border-radius:var(--border-radius)}.scripture-verse{margin-bottom:2rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.2);transition:var(--transition)}.scripture-verse:hover{transform:translate(4px)}.scripture-verse:last-child{border-bottom:none}.scripture-text{font-style:italic;margin-bottom:1rem;font-size:1.2rem;line-height:1.8;color:var(--text-color);position:relative;padding-left:0}.scripture-text:before{display:none}.scripture-reference{font-weight:600;color:var(--primary-color);text-align:right;display:block;font-size:1rem;opacity:.9}.illustration-section{font-size:1.2rem;line-height:1.9;padding:2.5rem;background:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);border:1px solid var(--glass-border);position:relative;cursor:pointer;transition:var(--transition);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.illustration-section:hover{box-shadow:0 8px 25px #0000001a,0 0 30px #3b82f633,0 0 0 2px #3b82f626,0 0 15px #3b82f640;border-color:#3b82f640;transform:translateY(-2px)}.illustration-section:active{box-shadow:0 8px 25px #00000026,0 0 40px #3b82f64d,0 0 0 3px #3b82f633,0 0 20px #3b82f659;border-color:#3b82f659;transform:translateY(-1px)}.illustration-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none;border-radius:var(--border-radius)}.reflection-question{background:rgba(255,255,255,.7);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid var(--primary-color);border-radius:var(--border-radius);padding:2.5rem;box-shadow:var(--soft-shadow);position:relative;overflow:hidden;cursor:pointer;transition:var(--transition);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.devotional-container h1,.devotional-container h3,.devotional-container p,.scripture-text,.scripture-reference{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;cursor:text}.reflection-question:hover{box-shadow:var(--soft-shadow),0 0 35px #3b82f666,0 0 0 2px #3b82f64d,0 0 18px #3b82f666;border-color:#3b82f699;transform:translateY(-2px)}.reflection-question:active{box-shadow:var(--soft-shadow),0 0 45px #3b82f680,0 0 0 3px #3b82f666,0 0 25px #3b82f680;border-color:#3b82f6b3;transform:translateY(-1px)}.reflection-question:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none;border-radius:var(--border-radius)}.feedback-section{margin-top:3rem;padding-top:2.5rem;border-top:2px solid var(--glass-border);text-align:center;animation-delay:.5s}.feedback-section h4{margin-bottom:2rem;color:var(--primary-color);font-size:1.3rem;font-weight:600}.feedback-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.feedback-btn{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;border:2px solid var(--primary-color);background:white;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--primary-color);border-radius:50px;cursor:pointer;transition:var(--transition);font-family:inherit;font-size:1.1rem;font-weight:500;min-width:160px;justify-content:center;box-shadow:var(--soft-shadow);position:relative;overflow:hidden}.feedback-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:var(--transition)}.feedback-btn:hover:before{left:100%}.feedback-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:var(--glow-shadow)}.feedback-btn:active{transform:translateY(-1px)}.feedback-btn.selected{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--glow-shadow)}.feedback-icon{font-size:1.4rem;font-weight:700}.footer{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);padding:1.5rem var(--content-padding);box-shadow:0 -20px 40px -10px #0000001a;border-top:1px solid var(--glass-border)}.new-devo-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:50px;cursor:pointer;font-family:inherit;font-size:1.2rem;font-weight:600;transition:var(--transition);box-shadow:var(--shadow);position:relative;overflow:hidden}.new-devo-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:var(--transition)}.new-devo-btn:hover:before{left:100%}.new-devo-btn:hover{transform:translateY(-4px);box-shadow:var(--glow-shadow)}.new-devo-btn:active{transform:translateY(-2px)}.new-devo-btn.inline{width:auto;margin:3rem auto 0;padding:1rem 2rem;font-size:1rem;display:block}.btn-icon{font-size:1.4rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes menuGlow{0%{box-shadow:var(--shadow),0 0 40px #3b82f626,inset 0 1px #ffffff4d}to{box-shadow:var(--shadow),0 0 60px #3b82f640,inset 0 1px #fff6}}.new-devo-btn:hover .btn-icon{animation-duration:.5s}@media (max-width: 768px){.main-content{padding:1.5rem;margin-top:40px}.devotional-container{padding:2rem;border-radius:16px}.devotional-header{flex-direction:column;gap:1.5rem;text-align:center}.fact-section,.opening-question,.scripture-section,.illustration-section,.personal-question,.reflection-question{padding:2rem}.feedback-buttons{flex-direction:column;align-items:center;gap:1rem}.feedback-btn{width:100%;max-width:280px;padding:1.25rem 2rem}.menu-trigger{padding:.5rem 1rem;font-size:.8rem}.slide-menu-content{width:100%;max-width:90vw}.theme-cards{padding:1.5rem;gap:1rem}.theme-card{padding:1.5rem}.theme-card-icon{width:60px;height:60px;font-size:2.5rem;margin-right:1rem}.theme-card-content h4{font-size:1.3rem}.theme-card-content p{font-size:.9rem}.current-theme-display{padding:.5rem 1rem;font-size:.85rem;gap:.5rem}.current-theme-icon{width:24px;height:24px;font-size:1rem}}@media (max-width: 480px){.navbar{padding:.375rem 1rem}.main-content{margin-top:35px;padding:1rem}.devotional-container{padding:1.5rem;border-radius:16px}.fact-section,.opening-question,.scripture-section{padding:1.5rem}.illustration-section,.personal-question{padding:1.5rem;font-size:1.1rem}.reflection-question{padding:1.5rem}.feedback-btn{padding:1rem 1.5rem;font-size:1rem}.new-devo-btn{padding:1.25rem;font-size:1.1rem}.menu-trigger{padding:.4rem .8rem;font-size:.75rem}.menu-trigger-text{display:none}.slide-menu-header{padding:1.5rem}.slide-menu-header h3{font-size:1.25rem}.theme-cards{padding:1rem}.theme-card{flex-direction:column;text-align:center;padding:1.5rem 1rem}.theme-card-icon{margin-right:0;margin-bottom:1rem;width:50px;height:50px;font-size:2rem}.theme-card-content h4{font-size:1.2rem}.theme-card-content p{font-size:.85rem}.theme-card-check{position:absolute;top:1rem;right:1rem;width:28px;height:28px}.devotional-dropdown{position:absolute;top:calc(100% + .5rem);right:0;left:auto;transform:none;margin-top:0;min-width:250px;max-width:90vw;max-height:60vh}.devotional-dropdown-content{max-height:70vh}.devotional-dropdown-item{padding:.75rem 1rem}.devotional-dropdown-title{font-size:.8rem}.current-theme-display{padding:.5rem .75rem;font-size:.8rem;gap:.4rem}.current-theme-icon{width:20px;height:20px;font-size:.9rem}.current-theme-text{font-size:.7rem}}@media (hover: none) and (pointer: coarse){.feedback-btn,.new-devo-btn,.theme-option,.hamburger-menu{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.feedback-btn:active,.new-devo-btn:active,.theme-option:active,.hamburger-menu:active{transform:scale(.98)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn-icon{animation:none!important}}@media (prefers-contrast: high){:root{--shadow: 0 4px 8px rgba(0, 0, 0, .4);--soft-shadow: 0 2px 4px rgba(0, 0, 0, .4);--glow-shadow: 0 0 10px rgba(0, 0, 0, .5)}.navbar,.devotional-container,.footer{border:2px solid var(--primary-color)}}@media (prefers-color-scheme: dark){:root{--background-color: #0f172a;--text-color: #e2e8f0;--card-bg: rgba(30, 41, 59, .95);--border-color: #334155;--glass-bg: rgba(30, 41, 59, .3);--glass-border: rgba(71, 85, 105, .3)}}@media print{.navbar,.footer,.feedback-section{display:none!important}.main-content{margin-top:0;margin-bottom:0}.devotional-container{box-shadow:none;border:1px solid #ccc}}