body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.main-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.main-header{margin-bottom:60px;text-align:center}.main-header h1{color:#1f2937;font-size:3.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.main-description{color:#6b7280;font-size:1.1rem;font-weight:400;letter-spacing:.3px;margin-top:15px}.main-buttons{flex-wrap:wrap;gap:40px}.large-button,.main-buttons{display:flex;justify-content:center}.large-button{align-items:center;border:none;border-radius:16px;box-shadow:0 4px 12px #00000014;color:#fff;cursor:pointer;font-size:1.8rem;font-weight:600;height:220px;text-decoration:none;transition:all .25s ease;width:220px}.large-button:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.large-button:active{transform:translateY(-2px)}.bible-button{background-color:#ef4444}.praise-button{background-color:#3b82f6}.button-text{text-align:center}.secret-button{background-color:initial;border:none;bottom:10px;cursor:default;height:50px;opacity:0;outline:none;position:absolute;right:10px;width:50px}.secret-button:hover{cursor:default}@media (max-width:768px){.main-header h1{font-size:2.5rem}.main-description{font-size:1rem}.main-buttons{gap:20px}.large-button{font-size:1.4rem;height:180px;width:180px}}.category-container{background-color:#f5f5f5;min-height:100vh;padding:40px 20px;position:relative}.back-button{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:1rem;font-weight:500;left:20px;padding:10px 20px;position:absolute;top:20px;transition:all .2s ease}.back-button:hover{background-color:#f9fafb;border-color:#d1d5db}.back-button:active{background-color:#f3f4f6}.view-all-answers-button{background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;position:absolute;right:20px;top:20px;transition:all .2s ease}.view-all-answers-button:hover{background-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.view-all-answers-button:active{transform:translateY(0)}.category-header{margin-bottom:50px;margin-top:20px;text-align:center}.category-header h1{color:#1f2937;font-size:3rem;font-weight:700;margin:0 0 10px}.category-header p{color:#6b7280;font-size:1.1rem;font-weight:400;margin:0}.category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin:0 auto;max-width:1200px}.category-button{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#1f2937;cursor:pointer;font-size:1.1rem;font-weight:600;padding:30px;transition:all .2s ease}.category-button:hover{background-color:#f0f9ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61f;transform:translateY(-2px)}.category-button:active{transform:translateY(0)}@media (max-width:768px){.category-header h1{font-size:2rem}.category-grid{grid-template-columns:1fr}.category-button{font-size:1rem;padding:25px}}.difficulty-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;position:relative}.difficulty-header{margin-bottom:50px;text-align:center}.difficulty-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0}.difficulty-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;max-width:600px;width:100%}.difficulty-button{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#1f2937;cursor:pointer;font-size:1.5rem;font-weight:600;padding:40px;transition:all .2s ease}.difficulty-button:hover{background-color:#f0f9ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61f;transform:translateY(-2px)}.difficulty-button:active{transform:translateY(0)}@media (max-width:768px){.difficulty-header h1{font-size:1.8rem}.difficulty-button{font-size:1.2rem;padding:30px}}.quiz-container{background-color:#f5f5f5;min-height:100vh;padding:40px 20px;position:relative}.quiz-content{background-color:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;margin:0 auto;max-width:800px;padding:50px}.quiz-header{margin-bottom:40px;text-align:center}.quiz-header h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 15px}.difficulty-badge{background-color:#3b82f6;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin:0;padding:8px 16px}.quiz-question{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:12px;margin-bottom:40px;padding:30px}.quiz-question h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin-bottom:15px;margin-top:0}.question-text{color:#374151;font-size:1.3rem;font-weight:500;line-height:1.8;margin:15px 0}.quiz-image{border-radius:8px;height:auto;margin-top:20px;max-width:100%}.audio-container{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:20px}.audio-container audio{margin-top:15px;width:100%}#youtube-player{display:none}.audio-control-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:12px 24px;transition:all .2s ease}.audio-control-button:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.audio-control-button:active:not(:disabled){transform:translateY(0)}.audio-control-button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.quiz-actions{margin:40px 0;min-height:150px}.answer-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:18px;transition:all .2s ease;width:100%}.answer-button:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.answer-button:active{transform:translateY(0)}.quiz-answer{animation:slideIn .3s ease-out;background-color:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:25px}.quiz-answer h3{color:#16a34a;font-size:1.2rem;font-weight:600;margin-bottom:10px;margin-top:0}.answer-text{color:#166534;font-size:1.4rem;font-weight:700;margin:15px 0}.answer-explanation{border-top:1px solid #86efac;margin-top:20px;padding-top:20px}.answer-explanation h4{color:#16a34a;font-size:1rem;font-weight:600;margin:0 0 10px}.answer-explanation p{color:#166534;font-weight:500;line-height:1.6;margin:0}.next-button{background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:15px;transition:all .2s ease;width:100%}.next-button:hover{background-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.next-button:active{transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.quiz-content{padding:30px}.quiz-header h2{font-size:1.8rem}.quiz-question{padding:20px}.question-text{font-size:1.1rem}.answer-text{font-size:1.2rem}}.quiz-error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.error-icon{animation:bounce .6s ease-in-out infinite;font-size:80px;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.quiz-error-container h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:10px}.error-message{color:#6b7280;font-size:1.1rem;font-weight:500;margin-bottom:8px}.error-subtext{color:#9ca3af;font-size:1rem;margin-bottom:30px}.error-button{background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .2s ease}.error-button:hover{background-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.error-button:active{transform:translateY(0)}.answer-page-container{background-color:#f5f5f5;min-height:100vh;padding:20px 15px;position:relative}.answer-page-content{margin:0 auto;max-width:1200px;padding-top:20px}.answer-page-header{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;margin-bottom:25px;padding:15px;text-align:center}.answer-page-header h1{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 8px}.answer-page-info{color:#6b7280;font-size:.95rem;font-weight:500;margin:5px 0}.answer-page-count{color:#9ca3af;font-size:.85rem;font-weight:500;margin:3px 0}.answer-list{display:flex;flex-direction:column;gap:12px}.answer-item{background-color:#fff;border-left:3px solid #3b82f6;border-radius:6px;box-shadow:0 1px 3px #0000000f;padding:15px}.answer-item-number{background-color:#3b82f6;border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:10px;padding:3px 10px}.answer-item-question{margin-bottom:10px}.answer-item-question h3{color:#1f2937;font-size:.85rem;font-weight:600;margin:0 0 5px}.answer-item-question p{color:#374151;font-size:.95rem;font-weight:500;line-height:1.5;margin:0}.answer-item-image{border-radius:4px;height:auto;margin:10px 0;max-height:200px;max-width:100%;object-fit:contain}.answer-item-audio{background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:4px;color:#1e40af;display:inline-block;font-size:.8rem;font-weight:600;margin:8px 0;padding:6px 12px}.answer-item-answer{background-color:#f0fdf4;border:1px solid #86efac;border-radius:6px;margin-top:10px;padding:12px}.answer-item-answer h3{color:#16a34a;font-size:.85rem;font-weight:600;margin:0 0 5px}.answer-highlight{color:#166534;font-size:1rem;font-weight:700;margin:0}.answer-item-explanation{background-color:#fef3c7;border:1px solid #fde047;border-radius:6px;margin-top:10px;padding:12px}.answer-item-explanation h4{color:#92400e;font-size:.8rem;font-weight:600;margin:0 0 5px}.answer-item-explanation p{color:#78350f;font-size:.85rem;font-weight:500;line-height:1.4;margin:0}@media (max-width:768px){.answer-page-header h1{font-size:1.3rem}.answer-page-info{font-size:.9rem}.answer-item{padding:12px}.answer-item-question p{font-size:.9rem}.answer-highlight{font-size:.95rem}.view-all-answers-button{display:block;margin:10px auto 20px;position:static;width:calc(100% - 40px)}}.register-container{background-color:#f5f5f5;min-height:100vh;padding:40px 20px;position:relative}.register-content{background-color:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;margin:0 auto;max-width:800px;padding:40px}.register-header{margin-bottom:40px;text-align:center}.register-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 10px}.register-header p{color:#6b7280;font-size:1.1rem;margin:0}.register-form{display:flex;flex-direction:column;gap:25px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#374151;font-size:.95rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-message{border-radius:8px;font-weight:500;padding:15px;text-align:center}.form-message.success{background-color:#f0fdf4;border:1px solid #86efac;color:#166534}.form-message.error{background-color:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.submit-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px;transition:all .2s ease}.submit-button:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width:768px){.register-content{padding:30px 20px}.register-header h1{font-size:2rem}.form-row{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root,body,html{height:100%;width:100%}button{font-family:inherit}
/*# sourceMappingURL=main.f7ef1320.css.map*/