@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=OpenDyslexic&family=Inter:wght@400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-red: #e63946;--body-color: #1a1a1a;--divine-color: #f2f2f2;--primary-blue: #4a678e;--primary-purple: #9279ba;--primary-yellow: #f1c40f;--primary-black: #111;--bg-light: #f2f2f2;--bg-white: #eae9d9;--shadow-offset: 8px;--shadow: rgba(0, 0, 0, .15);--text-primary: #1a1a1a;--text-secondary: #555;--text-tertiary: #777;--text-on-primary: #fff;--text-on-accent: #000;--success-bg: #d4edda;--success-border: #28a745;--success-text: #155724;--error-bg: #f8d7da;--error-border: #dc3545;--error-text: #721c24;--warning-bg: #fff3cd;--warning-border: #ffc107;--warning-text: #856404}[data-theme=dark]{--primary-red: #ff6b6b;--primary-blue: #4a678e;--primary-purple: #9279ba;--primary-yellow: #ffd93d;--primary-black: #f8f8f8;--body-color: #f2f2f2;--divine-color: #f2f2f2;--bg-light: #1a1a1a;--bg-white: #2d2d2d;--shadow-offset: 6px;--text-primary: #f2f2f2;--text-secondary: #bbb;--text-tertiary: #999;--text-on-primary: #1a1a1a;--text-on-accent: #000;--success-bg: #1e4620;--success-border: #5cb85c;--success-text: #a8e6a8;--error-bg: #4a1a1a;--error-border: #ff6b6b;--error-text: #ffb3b3;--warning-bg: #4a3d1a;--warning-border: #ffd93d;--warning-text: #ffe99d}[data-theme=ocean]{--primary-red: #4ecdc4;--body-color: #1a1a1a;--divine-color: #1a1a1a;--primary-blue: #1e3c72;--primary-yellow: #ffe66d;--primary-black: #2c5dcd;--bg-light: #e8f4f8;--bg-white: #fff;--shadow-offset: 8px;--text-primary: #1a1a1a;--text-secondary: #456;--text-tertiary: #678;--text-on-primary: #fff;--text-on-accent: #000;--success-bg: #d1f2eb;--success-border: #4ecdc4;--success-text: #0f5257;--error-bg: #ffe5e5;--error-border: #e74c3c;--error-text: #721c24;--warning-bg: #fff8dc;--warning-border: #ffe66d;--warning-text: #7d6608}[data-theme=scribe]{--red: #e8612b;--orange: #ff8e51;--yellow: #f8c666;--mustard: #d6971e;--rust: #92543b;--earth: #825b61;--sand: #bcadaf;--blush: #f2cbd1;--pale: #ffe8dc;--vellum: #1a1714;--ghost: #f7f5f1;--foam: #e9ebe2;--lichen: #d2d6c5;--moss: #3c402b;--slate: #3e3d3a;--stone: #343330;--dark-grey: #656461;--acid: #c4e456;--olive: #a4b55b;--green: #1fa647;--darkgreen: #2e321f;--deepgreen: #1f2310;--blue: #1f7fea;--purple: #925bff;--eggplant: #35313d;--moss-shadow: rgba(60, 64, 43, .2);--slate-sheer: rgba(62, 61, 58, .5);--ghost-sheer: rgba(247, 245, 241, .5);--elephant: #656461;--pewter: #c9c5bf;--scrim: rgba(255, 255, 255, .05);--sheer: rgba(194, 186, 196, .25);--soft: rgba(194, 186, 196, .7);--translucent: rgba(255, 255, 255, .5);--primary-red: var(--rust);--primary-blue: var(--slate);--primary-purple: var(--eggplant);--primary-yellow: var(--mustard);--primary-black: var(--moss);--body-color: var(--moss);--divine-color: var(--ghost);--bg-light: var(--foam);--bg-white: var(--vellum);--shadow-offset: 6px;--text-primary: var(--moss);--text-secondary: var(--elephant);--text-tertiary: var(--pewter);--text-on-primary: var(--vellum);--text-on-accent: var(--moss);--success-bg: var(--foam);--success-border: var(--olive);--success-text: var(--darkgreen);--error-bg: var(--blush);--error-border: var(--rust);--error-text: var(--earth);--warning-bg: var(--pale);--warning-border: var(--mustard);--warning-text: var(--stone)}.font-default{font-family:Segoe UI,Montserrat,-apple-system,sans-serif}.font-serif{font-family:Merriweather,Georgia,serif;line-height:1.8}.font-dyslexic{font-family:OpenDyslexic,sans-serif;line-height:1.9}.font-modern{font-family:Inter,system-ui,sans-serif;line-height:1.7;letter-spacing:-.01em}.text-small{font-size:.95em;line-height:1.6}.text-medium{font-size:1.1em;line-height:1.7}.text-large{font-size:1.3em;line-height:1.8}.text-xlarge{font-size:1.6em;line-height:1.9}@media(max-width:768px){.text-small{font-size:.9em}.text-medium{font-size:1em}.text-large{font-size:1.2em}.text-xlarge{font-size:1.4em}}.verse{transition:background .3s ease,border-left .3s ease;padding-left:8px;margin-left:-8px}.verse-bookmarked{position:relative}.verse-bookmarked:before{content:"🔖";position:absolute;left:-30px;top:0;font-size:1em;opacity:.7;transition:opacity .2s}.verse-bookmarked:hover:before{opacity:1}@media(max-width:768px){.verse-bookmarked:before{left:-25px;font-size:1em}}body{font-family:Segoe UI,Montserrat,sans-serif;background:var(--bg-light);color:var(--body-color);overflow-x:hidden;letter-spacing:.3px;overscroll-behavior-y:contain;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}:root.standalone body{padding-top:env(safe-area-inset-top)}:root.standalone .app-header{padding-top:calc(20px + env(safe-area-inset-top))}:root.standalone footer{padding-bottom:env(safe-area-inset-bottom)}.app-container{max-width:1200px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--primary-blue);color:var(--primary-black);padding:20px;text-align:center;border-bottom:8px solid var(--primary-red);box-shadow:0 var(--shadow-offset) 0 var(--primary-black)}.app-title{font-size:2.5em;font-weight:800;text-transform:uppercase;letter-spacing:2px}.app-subtitle{font-size:.9em;margin-top:5px;opacity:.9}footer{position:fixed;bottom:0;width:100%}.tab-button{flex:1;padding:20px;background:var(--bg-white);border-right:4px solid var(--primary-black);font-size:1em;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative}.tab-button:last-child{border-right:none}.tab-button:hover{background:var(--bg-light)}.tab-button.active{background:var(--primary-red);color:var(--primary-black)}input,select{color:var(--body-color)}.tab-content{flex:1;padding:30px 20px;display:none;animation:fadeIn .4s ease-out;background:var(--bg-white)}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bauhaus-card{background:var(--bg-white);padding:25px;margin-bottom:20px;position:relative}.verse-container{line-height:1.8;font-size:1.15em}.story-element{margin-bottom:10px;opacity:0;transform:translateY(30px);transition:all .6s ease-out}.story-element.visible{opacity:1;transform:translateY(0)}.narrative-board{background:var(--bg-white);border:7px solid var(--primary-blue);padding:20px;position:relative;font-size:1.1em;box-shadow:8px 8px 0 var(--primary-black);cursor:pointer;transition:all .3s ease;animation:slideInUp .4s ease-out}.narrative-board:hover{box-shadow:8px 8px 0 var(--primary-red);transform:translate(-2px,-2px)}.narrative-board.highlighted{background:#fff3cd;border-color:var(--primary-yellow)}.board-options{position:absolute;text-align:center;bottom:-16px;right:-13px;width:30px;height:30px;background:var(--primary-yellow);border:2px solid var(--primary-black);cursor:pointer;font-weight:700;font-size:1rem;color:var(--primary-black);padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.board-options:hover{background:var(--primary-purple);color:var(--primary-black);transform:scale(1.1)}.verse-number{display:inline-block;background:var(--primary-red);color:var(--primary-black);padding:4px 10px;font-weight:800;margin-right:10px;font-size:.85em;border:2px solid var(--primary-black);border-radius:10px;text-transform:uppercase}.chat-container{margin:20px 0}.message{display:flex;margin:15px 0;animation:slideInUp .4s ease-out;cursor:pointer;transition:all .3s ease}.message:hover{transform:translate(-5px)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hymnal-board{background:var(--bg-white);position:relative;border:7px solid var(--primary-yellow);padding:2.5rem 2rem;font-size:1.25rem;font-style:italic;text-align:center;line-height:2;box-shadow:8px 8px 0 var(--primary-black);cursor:pointer;transition:all .3s ease;animation:slideInUp .4s ease-out}.hymnal-board:hover{box-shadow:8px 8px 0 var(--primary-purple);transform:translate(-2px,-2px)}.law-board{background:var(--bg-white);position:relative;border:7px solid var(--primary-black);padding:20px;font-size:1.1em;font-weight:600;letter-spacing:.5px;box-shadow:8px 8px 0 var(--primary-black);cursor:pointer;transition:all .3s ease;animation:slideInUp .4s ease-out}.law-board:hover{box-shadow:8px 8px 0 var(--primary-red);transform:translate(-2px,-2px)}.letters-board{background:var(--bg-light);position:relative;border:2px solid var(--primary-black);border-top:12px solid var(--primary-red);padding:30px;font-size:1.15em;line-height:1.8;box-shadow:6px 6px 0 var(--primary-black);cursor:pointer;transition:all .3s ease;animation:slideInUp .4s ease-out}.letters-board:hover{box-shadow:8px 8px 0 var(--primary-black);transform:translate(-2px,-2px)}.technical-board{background:var(--bg-light);position:relative;border:3px dashed var(--primary-blue);padding:20px;font-family:Courier New,Courier,monospace;font-size:1em;line-height:1.6;box-shadow:6px 6px 0 var(--primary-black);cursor:pointer;transition:all .3s ease;animation:slideInUp .4s ease-out}.technical-board:hover{box-shadow:8px 8px 0 var(--primary-blue);transform:translate(-2px,-2px)}.lineage-container{width:100%;display:flex;flex-direction:column;margin:20px 0}.lineage-block{border:4px solid var(--primary-black);padding:20px;margin-bottom:-4px;position:relative;transition:transform .2s ease;animation:slideInUp .4s ease-out;cursor:pointer}.lineage-block:nth-child(4n+1){background:var(--primary-yellow);color:var(--text-on-accent)}.lineage-block:nth-child(4n+2){background:transparent;color:var(--body-color)}.lineage-block:nth-child(4n+3){background:var(--primary-blue);color:#fff}.lineage-block:nth-child(4n+4){background:var(--primary-black);color:#fff}.lineage-block:hover{transform:translate(10px);z-index:10}.lineage-block:after{content:"";position:absolute;bottom:-24px;left:20px;width:4px;height:24px;background:var(--primary-black);z-index:-1}.lineage-block:last-child:after{display:none}.lineage-role{text-transform:uppercase;font-weight:900;font-size:.75rem;letter-spacing:2px;margin-bottom:8px;opacity:.8}.lineage-name{font-weight:900;text-transform:uppercase;margin:0;font-size:1.3rem;line-height:1.3}.message.left{justify-content:flex-start}.message.right{justify-content:flex-end}.message-bubble{padding:20px 25px;border-radius:10px;border:2px solid var(--primary-black);background:var(--bg-white);max-width:70%;box-shadow:5px 5px 0 var(--primary-black);transition:all .3s ease}.message-bubble:hover{box-shadow:12px 12px 0 var(--primary-black);transform:translate(-2px,-2px)}.message-bubble.highlighted{background:#fff3cd}.message.speaker-jesus .message-bubble{background:var(--primary-red);color:var(--divine-color);border-color:var(--primary-black)}.message.speaker-nicodemus .message-bubble{background:var(--primary-blue);color:var(--primary-black);border-color:var(--primary-black)}.message.speaker-other .message-bubble{background:var(--primary-yellow);color:var(--primary-black);border-color:var(--primary-black)}.sender-head,.sender-head-right{min-width:50px;height:50px;border-radius:50%;background-color:#403f3f;padding:2px;box-shadow:6px 6px 0 var(--primary-black);display:flex;align-items:center;justify-content:center;font-size:1.5em}.sender-head{border-bottom-right-radius:0;margin-right:10px}.sender-head-right{border-bottom-left-radius:0;margin-left:10px}.sender-name{font-weight:800;text-transform:uppercase;margin-bottom:8px;font-size:.85em;letter-spacing:1px}.message-text{font-size:1.1em;line-height:1.5}.preach-container{margin:30px 0}.preach-bubble{background:var(--bg-white);border:2px solid var(--primary-black);padding:25px 30px;box-shadow:12px 12px 0 var(--primary-blue);text-align:center;cursor:pointer;transition:all .3s ease}.preach-bubble:hover{box-shadow:16px 16px 0 var(--primary-blue);transform:translate(-2px,-2px)}.preach-bubble.highlighted{background:#fff3cd}.preach-speaker{font-weight:800;text-transform:uppercase;font-size:1.1em;color:var(--primary-red);margin-bottom:15px;letter-spacing:2px}.preach-text{font-size:1.15em;line-height:1.7;color:var(--primary-black)}.reference-indicator{position:absolute;bottom:10px;right:5px;background:var(--primary-yellow);border:2px solid var(--primary-black);padding:5px 10px;font-size:.8em;font-weight:800;cursor:pointer;animation:pulse 2s infinite}.reference-indicator:hover{animation:none;background:var(--primary-red);color:var(--primary-black)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.chapter-selector{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.selector-button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--primary-black)}.forum-search{margin-bottom:25px}.forum-search-input{width:100%;padding:15px;border:2px solid var(--primary-black);font-size:1em;font-weight:600;background:var(--bg-white)}.forum-search-input:focus{outline:none;border-color:var(--primary-red);box-shadow:4px 4px 0 var(--primary-black)}.forum-post{background:var(--bg-white);border-bottom:2px solid var(--primary-black);margin-bottom:15px;display:flex;transition:all .3s ease;cursor:pointer}.forum-post:hover{box-shadow:8px 8px 0 var(--primary-blue);transform:translate(-2px,-2px)}.vote-sidebar{background:var(--bg-light);border-right:4px solid var(--primary-black);padding:15px 10px;display:flex;flex-direction:column;align-items:center;min-width:60px}.vote-arrow{font-size:1.5em;cursor:pointer;padding:5px;transition:all .2s ease}.vote-arrow:hover{transform:scale(1.3)}.vote-arrow.upvote:hover{color:var(--primary-red)}.vote-arrow.downvote:hover{color:var(--primary-blue)}.vote-count{font-weight:800;font-size:1.2em;margin:5px 0;color:var(--primary-black)}.post-content{flex:1;padding:20px}.post-header{display:flex;gap:10px;margin-bottom:10px;font-size:.85em;color:#666;flex-wrap:wrap}.post-flair{background:var(--primary-yellow);border:2px solid var(--primary-black);padding:2px 8px;font-weight:700;text-transform:uppercase;font-size:.8em}.post-flair.theology{background:var(--primary-red);color:var(--primary-black)}.post-flair.question{background:var(--primary-blue);color:var(--primary-black)}.post-author{font-weight:700;color:var(--primary-black)}.post-time{color:#999}.post-title{font-size:1.3em;font-weight:800;color:var(--primary-black);margin-bottom:10px;line-height:1.3}.post-verse-ref{background:var(--bg-light);border-left:4px solid var(--primary-red);padding:8px 12px;font-family:Courier New,monospace;font-weight:700;margin:10px 0}.post-preview{line-height:1.6;color:var(--body-color);margin-bottom:15px;border-bottom:2px solid var(--primary-black)}.post-meta{display:flex;gap:20px;font-size:.9em;color:#666;font-weight:600}.post-meta-item{cursor:pointer;transition:all .2s ease}.post-meta-item:hover{color:var(--primary-red)}.post-card{display:flex;background:var(--bg-white);border:3px solid var(--primary-black);box-shadow:6px 6px 0 var(--primary-black);margin-bottom:20px;cursor:pointer;transition:all .2s}.post-card:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--primary-black)}.vote-sidebar{display:flex;flex-direction:column;align-items:center;padding:15px 10px;background:var(--bg-light);border-right:3px solid var(--primary-black);min-width:60px;justify-content:center}.vote-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:5px;color:var(--primary-black);transition:all .2s}.vote-btn:hover{transform:scale(1.2)}.vote-btn.upvote:hover{color:var(--primary-red)}.vote-btn.downvote:hover{color:var(--primary-blue)}.vote-count{font-weight:700;font-size:18px;margin:5px 0}.post-content{flex:1;padding:15px 20px}.post-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;flex-wrap:wrap}.post-tag{padding:4px 12px;color:var(--bg-white);font-weight:700;font-size:11px;border:2px solid var(--primary-black)}.post-author{font-weight:600}.post-time{color:#666}.post-title{font-size:20px;font-weight:700;margin:0 0 10px;line-height:1.3}.post-verse-ref{color:var(--primary-blue);font-weight:600;margin-bottom:10px;font-size:14px}.post-preview{line-height:1.6;margin:0 0 15px}.post-meta{display:flex;gap:15px;font-size:13px;flex-wrap:wrap}.meta-item{font-weight:600;color:#666}.share-btn{background:none;border:none;font:inherit;cursor:pointer;padding:0;color:#666;font-weight:600}.share-btn:hover{color:var(--primary-blue)}.controversy{color:var(--primary-red)}@media(max-width:768px){.vote-sidebar{min-width:50px;padding:10px 5px}.vote-btn{font-size:16px}.vote-count{font-size:14px}.post-content{padding:12px 15px}.post-title{font-size:18px}}.controversy-card{background:var(--bg-white);border-left:12px solid var(--primary-red);border-top:4px solid var(--primary-black);border-right:4px solid var(--primary-black);border-bottom:4px solid var(--primary-black);padding:20px;margin:20px 0;box-shadow:10px 10px 0 var(--primary-blue)}.controversy-title{font-size:1.3em;font-weight:800;color:var(--primary-blue);text-transform:uppercase;margin-bottom:10px}.perspective{background:var(--bg-light);border:2px solid var(--primary-black);padding:15px;margin:10px 0}.perspective-label{font-weight:800;color:var(--primary-red);text-transform:uppercase;font-size:.9em;margin-bottom:5px}.vote-buttons{display:flex;gap:10px;margin-top:10px}.vote-button{padding:8px 16px;border:2px solid var(--primary-black);background:var(--bg-white);cursor:pointer;font-weight:700;transition:all .2s ease}.vote-button:hover{background:var(--primary-yellow)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--primary-blue);color:var(--primary-black);padding:20px;border:2px solid var(--primary-black);text-align:center;box-shadow:6px 6px 0 var(--primary-black)}.stat-number{font-size:2.5em;font-weight:800;display:block;margin-bottom:5px}.stat-label{text-transform:uppercase;font-size:.9em;font-weight:700}.streak-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:20px 0}.streak-day{aspect-ratio:1;background:var(--bg-white);border:2px solid var(--primary-black);display:flex;align-items:center;justify-content:center;font-weight:700}.streak-day.completed{background:var(--primary-yellow)}.streak-day.current{background:var(--primary-red);color:var(--primary-black)}.challenge-card{background:var(--bg-white);border:2px solid var(--primary-black);padding:20px;margin:15px 0;box-shadow:6px 6px 0 var(--primary-blue);transition:all .3s ease;cursor:pointer}.challenge-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--primary-blue)}.challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.challenge-title{font-size:1.2em;font-weight:800;color:var(--primary-black)}.challenge-badge{background:var(--primary-yellow);border:2px solid var(--primary-black);padding:5px 12px;font-weight:700;font-size:.85em;text-transform:uppercase}.challenge-badge.active{background:var(--primary-red);color:var(--primary-black)}.challenge-description{line-height:1.6;margin-bottom:15px;color:var(--primary-black)}.challenge-progress{background:var(--bg-light);border:2px solid var(--primary-black);padding:10px;margin-top:10px}.progress-bar-fill{background:var(--primary-yellow);height:20px;border:2px solid var(--primary-black);transition:width .3s ease}.challenge-meta{display:flex;gap:20px;margin-top:10px;font-size:.9em;font-weight:600;color:#666}.guide-card{background:var(--bg-white);border-left:12px solid var(--primary-red);border-top:4px solid var(--primary-black);border-right:4px solid var(--primary-black);border-bottom:4px solid var(--primary-black);padding:25px;margin:20px 0;box-shadow:10px 10px 0 var(--primary-yellow)}.guide-title{font-size:1.4em;font-weight:800;color:var(--primary-blue);text-transform:uppercase;margin-bottom:15px}.guide-category{display:inline-block;background:var(--primary-blue);color:var(--primary-black);padding:5px 15px;font-weight:700;font-size:.85em;text-transform:uppercase;margin-bottom:15px;border:2px solid var(--primary-black)}.guide-content{line-height:1.7;margin-bottom:15px}.guide-steps{background:var(--bg-light);border:2px solid var(--primary-black);padding:15px;margin:15px 0}.guide-step{padding:10px 0;border-bottom:2px solid #ddd}.guide-step:last-child{border-bottom:none}.step-number{display:inline-block;background:var(--primary-red);color:var(--primary-black);width:30px;height:30px;border:2px solid var(--primary-black);text-align:center;line-height:24px;font-weight:800;margin-right:10px}.guide-verse-ref{background:var(--primary-yellow);border:2px solid var(--primary-black);padding:10px 15px;margin-top:15px;font-weight:700;font-family:Courier New,monospace}.quiz-card{background:var(--bg-white);border:2px solid var(--primary-black);padding:30px;box-shadow:12px 12px 0 var(--primary-blue)}.traditional-quiz{padding:30px;background:var(--bg-white, #fff);border:4px solid var(--primary-black, #111);box-shadow:8px 8px 0 var(--primary-blue, #457b9d)}.quiz-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:.9em;color:#666;flex-wrap:wrap;gap:10px}.quiz-book{font-weight:700;color:var(--primary-blue, #457b9d)}.quiz-difficulty{text-transform:capitalize;padding:4px 8px;background:var(--primary-yellow, #f1c40f);color:var(--primary-black, #111);border:2px solid var(--primary-black, #111);font-weight:700;font-size:.85em}.next-section{margin-top:30px;text-align:center}.loading,.error{padding:40px;text-align:center;background:var(--bg-white, #fff);border:4px solid var(--primary-black, #111)}.journey-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:4px solid var(--primary-black, #111)}.journey-header h2{font-size:2em;color:var(--primary-blue, #457b9d);margin-bottom:10px;text-transform:uppercase}.journey-theme{font-size:1.1em;color:#666;font-style:italic}.journey-node{margin-bottom:30px}.node-prompt h3,.node-reflection h3,.choices-section h3{font-size:1.3em;color:var(--primary-black, #111);margin-bottom:15px}.node-prompt p,.node-reflection p{font-size:1.1em;line-height:1.6;margin-bottom:20px}.node-reference{margin:20px 0}.choices-section{margin-top:30px}.choices-grid{display:grid;gap:15px;margin-top:20px}.choice-button{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-white, #fff);border:3px solid var(--primary-black, #111);cursor:pointer;transition:all .3s ease;text-align:left}.choice-button:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--primary-black, #111)}.choice-button.biblical{border-color:#006400}.choice-button.biblical:hover{background:#90ee90}.choice-button.unbiblical{border-color:#8b0000}.choice-button.unbiblical:hover{background:#ffb6c6}.choice-label{flex:1;font-weight:700;font-size:1.1em}.choice-moral{font-size:1.5em;margin-left:15px}.continue-button,.restart-journey-button{padding:15px 30px;background:var(--primary-blue, #457b9d);color:#fff;border:4px solid var(--primary-black, #111);font-weight:700;font-size:1.1em;cursor:pointer;text-transform:uppercase;transition:all .3s ease;margin-top:20px}.continue-button:hover,.restart-journey-button:hover{background:var(--primary-yellow, #f1c40f);color:var(--primary-black, #111);transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--primary-black, #111)}.journey-actions{text-align:center;margin-top:30px;padding-top:20px;border-top:2px solid #ddd}.socratic-questions{padding:30px;background:var(--bg-white, #fff);border:4px solid var(--primary-black, #111);box-shadow:8px 8px 0 var(--primary-blue, #457b9d)}.quiz-topic{font-weight:700;color:var(--primary-blue, #457b9d);font-size:1.1em}.main-question{margin-bottom:40px;padding:30px;background:var(--primary-yellow, #f1c40f);border:4px solid var(--primary-black, #111)}.main-question h2{font-size:1.5em;color:var(--primary-black, #111);line-height:1.4}.positions-section{margin:30px 0}.positions-section h3{font-size:1.3em;color:var(--primary-black, #111);margin-bottom:20px}.position-card{margin-bottom:20px;padding:20px;background:var(--bg-light, #f2f2f2);border-left:4px solid var(--primary-blue, #457b9d)}.position-card h4{font-size:1.1em;color:var(--primary-blue, #457b9d);margin-bottom:10px}.position-card p{line-height:1.6;margin-bottom:15px}.position-references{display:flex;flex-wrap:wrap;gap:10px}.debate-strategy{margin:30px 0;padding:25px;background:var(--bg-white, #fff);border:3px solid var(--primary-black, #111)}.debate-strategy h3{font-size:1.3em;color:var(--primary-black, #111);margin-bottom:15px}.approach{font-size:1.1em;line-height:1.6;margin-bottom:20px;font-style:italic}.key-questions,.pitfalls{margin:20px 0}.key-questions h4,.pitfalls h4{font-size:1.1em;margin-bottom:10px;color:var(--primary-black, #111)}.key-questions ul,.pitfalls ul{list-style:none;padding:0}.key-questions li,.pitfalls li{padding:10px 10px 10px 30px;margin:8px 0;position:relative;line-height:1.5}.key-questions li:before{content:"❓";position:absolute;left:5px}.pitfalls li:before{content:"⚠️";position:absolute;left:5px}.reflection-section{margin:30px 0}.reflection-section h3{font-size:1.3em;color:var(--primary-black, #111);margin-bottom:15px}.thoughts-textarea{width:100%;padding:15px;border:4px solid var(--primary-black, #111);font-size:1em;font-family:inherit;line-height:1.6;resize:vertical}.thoughts-textarea:focus{outline:none;background:var(--bg-light, #f2f2f2)}.cross-references{margin:30px 0;padding:20px;background:var(--bg-light, #f2f2f2);border:2px solid var(--primary-black, #111)}.cross-references h4{margin-bottom:15px;color:var(--primary-black, #111)}.references-list{display:flex;flex-wrap:wrap;gap:10px}.actions{margin-top:30px;display:flex;gap:15px;justify-content:center}.save-button,.restart-button{padding:15px 30px;border:4px solid var(--primary-black, #111);font-weight:700;font-size:1.1em;cursor:pointer;text-transform:uppercase;transition:all .3s ease}.save-button{background:var(--primary-blue, #457b9d);color:#fff}.restart-button{background:var(--bg-white, #fff);color:var(--primary-black, #111)}.save-button:hover,.restart-button:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--primary-black, #111)}.save-button:hover{background:var(--primary-yellow, #f1c40f);color:var(--primary-black, #111)}.flashcard-mode{padding:30px;background:var(--bg-white, #fff);border:4px solid var(--primary-black, #111);box-shadow:8px 8px 0 var(--primary-blue, #457b9d)}.flashcard-header{text-align:center;margin-bottom:30px}.flashcard-header h2{font-size:2em;color:var(--primary-blue, #457b9d);margin-bottom:15px;text-transform:uppercase}.progress{font-size:1.1em;font-weight:700;margin:10px 0}.reviewed{font-size:.9em;color:#666}.flashcard-container{perspective:1000px;margin:40px auto;max-width:600px;cursor:pointer}.flashcard{position:relative;width:100%;height:400px;transition:transform .6s;transform-style:preserve-3d}.flashcard.flipped{transform:rotateY(0)}.flashcard-inner{position:relative;width:100%;height:100%}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:4px solid var(--primary-black, #111);background:var(--bg-white, #fff)}.flashcard-front{background:var(--primary-yellow, #f1c40f)}.flashcard-back{background:var(--primary-blue, #457b9d);color:#fff;transform:rotateY(180deg)}.card-label{font-size:.9em;font-weight:700;text-transform:uppercase;margin-bottom:20px;opacity:.8}.card-content{font-size:1.8em;font-weight:700;text-align:center;line-height:1.4}.flashcard-back .card-content{font-size:1.3em}.flip-hint{position:absolute;bottom:20px;font-size:.85em;opacity:.6;font-style:italic}.flashcard-controls{display:flex;gap:15px;justify-content:center;margin-top:30px}.control-button{padding:15px 30px;background:var(--bg-white, #fff);border:4px solid var(--primary-black, #111);font-weight:700;font-size:1.1em;cursor:pointer;text-transform:uppercase;transition:all .3s ease}.control-button.primary{background:var(--primary-blue, #457b9d);color:#fff}.control-button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--primary-black, #111)}.control-button.primary:hover:not(:disabled){background:var(--primary-yellow, #f1c40f);color:var(--primary-black, #111)}.control-button:disabled{opacity:.5;cursor:not-allowed}.flashcard-actions{text-align:center;margin-top:30px;padding-top:20px;border-top:2px solid #ddd}.empty-state{padding:60px 30px;text-align:center;background:var(--bg-white, #fff);border:4px solid var(--primary-black, #111);box-shadow:8px 8px 0 var(--primary-yellow, #f1c40f)}.empty-state h3{font-size:2em;color:var(--primary-blue, #457b9d);margin-bottom:20px}.empty-state p{font-size:1.1em;line-height:1.6;color:#666}.empty-state strong{color:var(--primary-blue, #457b9d)}.speed-recitation{padding:30px;background:var(--bg-white, #fff);border:4px solid var(--primary-black, #111);box-shadow:8px 8px 0 var(--primary-blue, #457b9d)}.recitation-header{text-align:center;margin-bottom:30px}.recitation-header h2{font-size:2em;color:var(--primary-blue, #457b9d);margin-bottom:15px;text-transform:uppercase}.attempted{font-size:.9em;color:#666}.timer-section{text-align:center;margin:30px 0}.timer{display:inline-block;width:150px;height:150px;line-height:150px;font-size:3em;font-weight:700;border:6px solid var(--primary-black, #111);border-radius:50%;background:var(--bg-white, #fff);color:var(--primary-black, #111)}.timer.active{background:var(--primary-yellow, #f1c40f)}.timer.warning{background:var(--primary-red, #e63946);color:#fff;animation:pulse .5s infinite}@keyframes pulse-timer{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-label{margin-top:15px;font-size:1.1em;font-weight:700}.verse-reference{text-align:center;margin:30px 0;padding:20px;background:var(--primary-blue, #457b9d);color:#fff;border:4px solid var(--primary-black, #111)}.verse-reference h3{font-size:1.5em}.start-section{text-align:center;margin:40px 0}.instructions{font-size:1.1em;line-height:1.6;margin-bottom:30px}.start-button{padding:20px 40px;background:var(--primary-red, #e63946);color:#fff;border:4px solid var(--primary-black, #111);font-weight:700;font-size:1.3em;cursor:pointer;text-transform:uppercase;transition:all .3s ease}.start-button:hover{background:var(--primary-yellow, #f1c40f);color:var(--primary-black, #111);transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--primary-black, #111)}.input-section{margin:30px 0}.recitation-input{width:100%;padding:15px;border:4px solid var(--primary-black, #111);font-size:1.1em;font-family:inherit;line-height:1.6;resize:vertical}.submit-button{margin-top:20px;padding:15px 30px;background:var(--primary-blue, #457b9d);color:#fff;border:4px solid var(--primary-black, #111);font-weight:700;font-size:1.1em;cursor:pointer;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-button:hover{background:var(--primary-yellow, #f1c40f);color:var(--primary-black, #111);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--primary-black, #111)}.result-section{margin:30px 0}.accuracy-display{text-align:center;padding:40px;margin-bottom:30px;border:4px solid var(--primary-black, #111)}.accuracy-display.excellent{background:#90ee90}.accuracy-display.good{background:var(--primary-yellow, #f1c40f)}.accuracy-display.fair{background:#ffb6c6}.accuracy-number{font-size:4em;font-weight:700;color:var(--primary-black, #111)}.accuracy-label{font-size:1.2em;text-transform:uppercase;font-weight:700}.comparison{margin:30px 0}.comparison-section{margin:20px 0;padding:20px;background:var(--bg-light, #f2f2f2);border-left:4px solid var(--primary-blue, #457b9d)}.comparison-section h4{margin-bottom:10px;color:var(--primary-blue, #457b9d)}.comparison-section p{line-height:1.6;font-size:1.05em}.result-actions{text-align:center;margin-top:30px}.next-verse-button{padding:15px 30px;background:var(--primary-blue, #457b9d);color:#fff;border:4px solid var(--primary-black, #111);font-weight:700;font-size:1.1em;cursor:pointer;text-transform:uppercase;transition:all .3s ease}.next-verse-button:hover{background:var(--primary-yellow, #f1c40f);color:var(--primary-black, #111);transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--primary-black, #111)}.recitation-actions{text-align:center;margin-top:30px;padding-top:20px;border-top:2px solid #ddd}.quiz-type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.quiz-type-button{padding:15px;background:var(--bg-white);border:2px solid var(--primary-black);color:var(--primary-black);font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;font-size:.85em;text-align:center}.quiz-type-button:hover{background:var(--primary-yellow);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--primary-black)}.quiz-type-button.active{background:var(--primary-red);color:var(--primary-black);box-shadow:6px 6px 0 var(--primary-black)}.quiz-question{font-size:1.3em;font-weight:700;margin-bottom:20px}.quiz-options{display:flex;flex-direction:column;gap:15px}.quiz-option{padding:15px 20px;background:var(--bg-white);border:2px solid var(--primary-black);color:var(--divine-color);cursor:pointer;font-weight:600;transition:all .2s ease;text-align:left}.quiz-option:hover{background:var(--bg-light);transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--primary-black)}.quiz-option.correct{background:#90ee90;border-color:#006400}.quiz-option.incorrect{background:#ffb6c6;border-color:#8b0000}.quiz-option.selected{background:var(--primary-yellow);border-width:6px}.character-journey{background:var(--bg-white);border:2px solid var(--primary-black);padding:25px;box-shadow:10px 10px 0 var(--primary-red)}.character-name{font-size:1.5em;font-weight:800;color:var(--primary-red);text-transform:uppercase;margin-bottom:10px}.scenario-text{font-size:1.1em;line-height:1.7;margin:20px 0;padding:20px;background:var(--bg-light);border-left:6px solid var(--primary-blue)}.choice-consequence{background:var(--primary-yellow);border:2px solid var(--primary-black);padding:20px;margin-top:20px;font-weight:600}.compass-container{text-align:center;padding:30px}.compass-result{background:var(--primary-blue);color:var(--primary-black);padding:30px;border:2px solid var(--primary-black);margin:20px 0}.compass-spectrum{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:20px;background:var(--bg-light);border:2px solid var(--primary-black)}.spectrum-marker{width:20px;height:20px;background:var(--primary-red);border:2px solid var(--primary-black);position:relative;transition:all .3s ease}.flashcard{perspective:1000px;margin:30px auto;max-width:600px}.flashcard-inner{position:relative;width:100%;min-height:300px;transition:transform .6s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border:2px solid var(--primary-black);padding:40px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.3em;font-weight:700;background:var(--bg-white);box-shadow:12px 12px 0 var(--primary-blue)}.flashcard-back{background:var(--primary-yellow);transform:rotateY(180deg)}.missing-word-input{display:inline-block;padding:8px 15px;border:2px solid var(--primary-black);font-size:1em;font-weight:700;margin:0 5px;min-width:150px;background:var(--bg-white)}.missing-word-input:focus{outline:none;background:var(--primary-yellow)}.recitation-timer{font-size:3em;font-weight:800;text-align:center;padding:30px;background:var(--primary-red);color:var(--primary-black);border:2px solid var(--primary-black);margin:20px 0;box-shadow:12px 12px 0 var(--primary-black)}.recitation-input{width:100%;min-height:150px;padding:20px;border:2px solid var(--primary-black);font-size:1.1em;font-family:inherit;resize:vertical}.recitation-score{background:var(--primary-yellow);padding:20px;border:2px solid var(--primary-black);text-align:center;font-size:1.3em;font-weight:800;margin-top:20px}.quiz-score{background:var(--primary-yellow);padding:20px;border:2px solid var(--primary-black);text-align:center;font-size:1.5em;font-weight:800;margin-top:20px}.quiz-progress{display:flex;gap:5px;margin:20px 0}.progress-dot{width:15px;height:15px;background:var(--bg-light);border:2px solid var(--primary-black)}.progress-dot.completed{background:var(--primary-yellow)}.progress-dot.current{background:var(--primary-red)}.primary-button{padding:15px 30px;background:var(--primary-red);color:var(--primary-black);border:2px solid var(--primary-black);border-radius:25px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease;font-size:1em;box-shadow:2px 2px}.primary-button:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--primary-black)}.secondary-button{padding:10px 12px;position:fixed;background:transparent;border:none;opacity:.8;color:var(--primary-black);font-weight:700;cursor:pointer;transition:all .2s ease;z-index:1;top:50%}.right-arr{right:0}.left-arr{left:0}.down-arr{position:fixed;background:transparent;border:none;color:var(--primary-black);left:47%;right:50%;bottom:15%;opacity:.6}.secondary-button:hover{background:var(--bg-light)}.search-container{margin-bottom:20px}.search-input{width:100%;padding:15px;border:2px solid var(--primary-black);font-size:1em;font-weight:600}.search-input:focus{outline:none;border-color:var(--primary-red)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:var(--bg-white);border:2px solid var(--primary-black);padding:30px;max-width:600px;width:90%;box-shadow:20px 20px 0 var(--primary-red)}.modal-close{float:right;font-size:2em;cursor:pointer;font-weight:700}.quiz-feedback{margin-top:20px;padding:20px;border:4px solid var(--primary-black, #111);display:flex;gap:15px;align-items:flex-start}.quiz-feedback.correct{background:#90ee90;border-color:#006400}.quiz-feedback.incorrect{background:#ffb6c6;border-color:#8b0000}.feedback-icon{font-size:2em;line-height:1}.feedback-content{flex:1}.feedback-content strong{display:block;font-size:1.1em;margin-bottom:8px;color:var(--primary-black, #111)}.feedback-content p{margin:8px 0;line-height:1.5;color:var(--primary-black, #111)}.reference-section{margin-top:12px;padding-top:12px;border-top:2px solid rgba(0,0,0,.2)}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--primary-black);border-top-color:var(--primary-red);border-radius:0;animation:spin 1s linear infinite}.kofi-strip{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;padding:8px 12px;border:2px solid var(--primary-black);background:var(--bg-light);box-shadow:3px 3px 0 var(--primary-black);text-decoration:none;color:var(--primary-black);font-size:.6rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;transition:all .15s ease;cursor:pointer}.kofi-strip:hover{background:var(--primary-yellow);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-black);text-decoration:none}.kofi-strip-icon{font-size:.95rem;line-height:1}.kofi-strip-text{line-height:1}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.app-title{font-size:1.5em;letter-spacing:1px}.app-subtitle{font-size:.8em}.tab-button{padding:12px 8px;font-size:.75em;letter-spacing:.5px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.bauhaus-card{padding:10px}.narrative-board{font-size:1em}.message-bubble{max-width:90%;padding:15px 18px;font-size:.95em}.sender-head,.sender-head-right{min-width:40px;height:40px;font-size:1.2em}.message-text{font-size:1em}.preach-bubble{padding:20px 15px;box-shadow:8px 8px 0 var(--primary-blue)}.preach-speaker{font-size:.95em}.preach-text{font-size:1em}.forum-post{flex-direction:column}.vote-sidebar{flex-direction:row;border-right:none;border-bottom:4px solid var(--primary-black);padding:10px;min-width:auto;justify-content:center;gap:15px}.post-content{padding:15px}.post-title{font-size:1.1em}.quiz-card{padding:20px 15px;box-shadow:8px 8px 0 var(--primary-blue)}.quiz-question{font-size:1.1em}.quiz-option{padding:12px 15px;font-size:.9em}.primary-button{padding:12px 20px;font-size:.9em}.secondary-button{padding:10px 13px;font-size:.85em}.selector-button{padding:8px 15px;font-size:.85em}.chapter-selector{gap:8px}.controversy-card{padding:15px;box-shadow:8px 8px 0 var(--primary-blue)}.controversy-title{font-size:1.1em}.perspective{padding:12px}.modal-content{padding:20px;max-width:95%;box-shadow:12px 12px 0 var(--primary-red)}.stat-card{padding:15px}.stat-number{font-size:2em}.theme-toggle{bottom:60px;right:-65px;padding:10px 15px;font-size:.85em}.reference-indicator{font-size:.7em;padding:4px 8px}.search-input,.forum-search-input{padding:12px;font-size:.95em}.question-card{padding:15px}.tab-name{color:var(--body-color);font-size:.45rem}:root{--shadow-offset: 6px}}.text-center{text-align:center}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.hidden{display:none}:global(body.immersive){background:#000;color:#fff}:global(body.immersive) header,:global(body.immersive) footer,:global(body.immersive) .desktop-header,:global(body.immersive) .theme-toggle{display:none!important}:global(body.immersive) .app-container{padding-bottom:0;max-width:800px}:global(body.immersive) .reader-container{max-width:700px;padding:40px 20px}:global(body.immersive) .bauhaus-card,:global(body.immersive) .narrative-board,:global(body.immersive) .message-bubble,:global(body.immersive) .preach-bubble{background:#1a1a1a;border-color:#333;color:#fff;box-shadow:none}:global(body.immersive) .verse-number{background:#333;border-color:#555}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}