@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Amiri+Quran&display=swap";:root{--color-primary: #0d9488;--color-primary-dark: #0f766e;--color-primary-light: #5eead4;--color-secondary: #10b981;--color-accent: #7c3aed;--color-bg-light: #f0fdfa;--color-text-dark: #1f2937;--color-text-light: #6b7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Amiri,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;text-align:center;background-color:#f9fafb;color:var(--color-text-dark);line-height:1.6}.arabic-text{font-family:Amiri,serif;line-height:2;font-size:1.25rem}.quran-text{font-family:Amiri Quran,Amiri,serif;line-height:2.5;font-size:1.5rem;color:var(--color-primary-dark)}header h1{font-size:3.5rem!important;line-height:1.2!important}@media (min-width: 768px){header h1{font-size:4.5rem!important}}@media (min-width: 1024px){header h1{font-size:5.5rem!important}}header h1 span{font-size:4rem!important}@media (min-width: 768px){header h1 span{font-size:5rem!important}}header p{font-size:1.5rem!important;margin-bottom:2rem!important}@media (min-width: 768px){header p{font-size:1.75rem!important}}header button{padding:1.5rem 3rem!important;font-size:1.5rem!important;border-radius:1rem!important}header button span:first-child{font-size:2.5rem!important}main>div>div>button{padding:2rem!important;border-radius:1.5rem!important}main>div>div>button>span:first-child{font-size:3.5rem!important;display:block!important;margin-bottom:.75rem!important}main>div>div>button>div:first-of-type{font-size:2rem!important;font-weight:900!important}@media (min-width: 768px){main>div>div>button>div:first-of-type{font-size:2.25rem!important}}main>div:last-of-type>div:first-child>div{background:linear-gradient(to right,#14b8a6,#10b981)!important;padding:1.5rem 2.5rem!important;border-radius:1.5rem!important;box-shadow:0 20px 25px -5px #0003!important;display:inline-flex!important;align-items:center!important;gap:1.5rem!important;color:#fff!important}main>div:last-of-type>div:first-child span{font-size:4rem!important}main>div:last-of-type>div:first-child h2{font-size:2.5rem!important;font-weight:900!important}@media (min-width: 768px){main>div:last-of-type>div:first-child h2{font-size:3rem!important}}main>div:last-of-type>div:first-child p{font-size:1.5rem!important}@media (min-width: 768px){main>div:last-of-type>div:first-child p{font-size:1.75rem!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideInRight{animation:slideInRight .5s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.btn-primary{box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease;color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:1rem;background-image:linear-gradient(to right,#0d9488,#059669);border:none;cursor:pointer}.btn-primary:hover{box-shadow:0 20px 25px -5px #00000026;transform:scale(1.05);background-image:linear-gradient(to right,#0f766e,#047857)}.card{box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease;background-color:#fff;border-radius:1rem;padding:1.5rem}.card:hover{box-shadow:0 20px 25px -5px #00000026;transform:scale(1.02)}.card-gradient{box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease;border:1px solid #d1fae5;border-radius:1rem;padding:1.5rem;background-image:linear-gradient(to bottom right,#ffffff,#f0fdfa)}.input-field{width:100%;padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:1rem;font-size:1.125rem;transition:all .3s ease}.input-field:focus{border-color:#0d9488;outline:none;box-shadow:0 0 0 4px #0d94881a}.badge{display:inline-flex;align-items:center;font-size:.875rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px}.badge-primary{background-color:#ccfbf1;color:#115e59}.gradient-primary{background-image:linear-gradient(to right,#0d9488,#059669)}.hover-lift{transition:all .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #00000026}.gpu-accelerated{transform:translateZ(0);will-change:transform}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#0d9488,#10b981);border-radius:10px}@media (max-width: 768px){.quran-text{font-size:1.25rem;line-height:2.2}.card{padding:1rem}}@media (max-width: 640px){body{font-size:14px}.quran-text{font-size:1.1rem;line-height:2}}.similar-verses-container{max-width:800px;margin:20px auto;padding:20px;background:#f8f9fa;border-radius:15px;box-shadow:0 4px 15px #0000001a}.explorer-header{text-align:center;margin-bottom:30px}.explorer-header h2{color:#2c5e8e;font-size:28px;margin-bottom:10px}.exploration-options{display:grid;grid-template-columns:1fr;gap:20px}.option-card.large{background:white;padding:25px;border-radius:12px;border:2px solid #e9ecef;text-align:center;transition:all .3s ease}.option-card.large:hover{border-color:#2c5e8e;transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.option-card.large h3{color:#2c5e8e;font-size:22px;margin-bottom:10px}.option-card.large p{color:#6c757d;margin-bottom:20px}.btn-primary{background:#2c5e8e;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s ease}.btn-primary:hover{background:#1e4a6f}.surah-select,.range-inputs input{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;margin-bottom:15px;font-size:16px}.range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.no-results{text-align:center;padding:40px;background:white;border-radius:10px;margin:20px 0}.no-results-icon{font-size:48px;margin-bottom:20px}.no-results h3{color:#dc3545;margin-bottom:15px}.suggestions{text-align:right;margin-top:20px;color:#6c757d}.suggestions li{margin-bottom:8px}.gradient-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.card-gradient{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);padding:25px;border-radius:20px}.input-field{width:100%;padding:15px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s ease}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.badge{display:inline-block;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px}.badge-primary{background:#667eea;color:#fff}.quran-text{font-family:Amiri,serif;font-size:22px;line-height:2;color:#2d3748;text-align:right}.animate-fadeIn{animation:fadeIn .5s ease-in}.animate-scaleIn{animation:scaleIn .3s ease-out}.animate-slideInLeft{animation:slideInLeft .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.explorer-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.explorer-content{background:white;border-radius:16px;width:90%;max-width:1000px;height:90vh;overflow:hidden;display:flex;flex-direction:column}.explorer-body{padding:24px;overflow-y:auto;flex-grow:1}.search-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.option-card{background:white;border:2px solid #e5e7eb;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease}.option-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.option-card.selected{border-color:#667eea;background:#f0f4ff}.option-icon{font-size:48px;margin-bottom:12px}.option-title{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:8px}.option-description{color:#6b7280;font-size:14px}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.control-group{display:flex;flex-direction:column}.control-label{font-weight:600;color:#374151;margin-bottom:8px;text-align:right}.control-input{padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .3s ease}.control-input:focus{border-color:#667eea;outline:none}.search-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.search-button:disabled{opacity:.6;cursor:not-allowed}.results-grid{display:grid;gap:16px}.result-card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:box-shadow .3s ease}.result-card:hover{box-shadow:0 4px 12px #0000001a}.similarity-badge{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:14px}.verse-text{font-family:Amiri,serif;font-size:20px;line-height:2;color:#1f2937;text-align:right;margin:12px 0}.highlight-diff{background:#fef3c7;padding:2px 4px;border-radius:4px}.highlight-common{background:transparent}.comparison-view{background:#f9fafb;border-radius:8px;padding:16px;margin-top:16px}.comparison-verse{margin-bottom:16px}.comparison-header{font-weight:600;color:#374151;margin-bottom:8px;text-align:right}.loading-spinner{border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:16px;border-radius:8px;text-align:center;margin:16px 0}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:16px;border-radius:8px;text-align:center;margin:16px 0}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out}.diff-add{background-color:#bbf7d0;padding:2px 4px;border-radius:4px;font-weight:600}.diff-remove{background-color:#fecaca;padding:2px 4px;border-radius:4px;text-decoration:line-through;opacity:.7}.diff-common{background-color:transparent}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content{background:white;border-radius:20px;width:100%;max-width:1200px;height:90vh;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header{flex-shrink:0;padding:24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.modal-body{flex:1;overflow-y:auto;padding:24px}@media (max-width: 768px){.modal-content{width:95%;height:95vh}.modal-header,.modal-body{padding:16px}}