@import"https://cdn.jsdelivr.net/gh/rastikerdar/iran-sans-font@v1.0.0/dist/font-face.css";*{margin:0;padding:0;box-sizing:border-box;font-family:IRANSans,sans-serif}body{background-color:#f5f7fa;color:#2c3e50;line-height:1.6}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}button{font-family:IRANSans,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px}.app{min-height:100vh;display:flex;flex-direction:column;background-color:#f0f8ff}.header{background-color:#4caf50;color:#fff;padding:1rem;text-align:center;box-shadow:0 2px 4px #0000001a}main{flex:1;padding:2rem}.footer{background-color:#4caf50;color:#fff;text-align:center;padding:1rem;margin-top:auto}@media (max-width: 768px){.header h1{font-size:1.5rem}main{padding:1rem}}.home-container[data-v-9c85781d]{min-height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa}.content[data-v-9c85781d]{flex:1;padding:20px 20px 80px}.bottom-nav[data-v-9c85781d]{position:fixed;bottom:0;left:0;right:0;background:white;display:flex;justify-content:space-around;padding:10px 0;box-shadow:0 -2px 10px #0000001a;z-index:1000}.bottom-nav .nav-button[data-v-9c85781d]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;padding:8px 0;cursor:pointer;color:#666;transition:all .3s}.bottom-nav .nav-button.active[data-v-9c85781d]{color:#4caf50}.bottom-nav .nav-button i[data-v-9c85781d]{font-size:1.5rem;margin-bottom:4px}.bottom-nav .nav-button .icon[data-v-9c85781d]{font-size:.8rem}.steps-container[data-v-9c85781d]{display:flex;flex-direction:column;gap:20px;max-width:800px;margin:0 auto}.step[data-v-9c85781d]{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;position:relative;gap:20px;transition:transform .3s ease}.step[data-v-9c85781d]:hover{transform:translateY(-5px)}h1[data-v-9c85781d],h2[data-v-9c85781d],h3[data-v-9c85781d]{color:#2c3e50;margin-bottom:20px;font-size:1.5rem;text-align:center}p[data-v-9c85781d]{color:#666;line-height:1.6}.prayer-container[data-v-9c85781d]{padding:20px;max-width:1200px;margin:0 auto}.prayer-grid[data-v-9c85781d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.prayer-card[data-v-9c85781d]{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:all .3s ease;text-align:center}.prayer-card[data-v-9c85781d]:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.prayer-icon[data-v-9c85781d]{font-size:2.5rem;margin-bottom:15px}.prayer-card h3[data-v-9c85781d]{color:#2c3e50;margin-bottom:10px;font-size:1.3rem}.prayer-card p[data-v-9c85781d]{color:#666}.step-controls[data-v-9c85781d]{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:20px}.step-controls .nav-button[data-v-9c85781d]{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;font-size:.9rem;background-color:#2c3e50;color:#fff;border:none;cursor:pointer;transition:all .3s;gap:2px;box-shadow:0 4px 6px #0000001a}.step-controls .nav-button.disabled[data-v-9c85781d]{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.step-controls .nav-button[data-v-9c85781d]:not(.disabled):hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;background-color:#34495e}.step-controls .nav-button i[data-v-9c85781d]{font-size:1.2rem;margin-bottom:1px}.step-controls .nav-button span[data-v-9c85781d]{font-size:.8rem;font-weight:500}.play-button[data-v-9c85781d]{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;font-size:1.2rem;background-color:#e74c3c;color:#fff;border:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px #0000001a}.play-button.disabled[data-v-9c85781d]{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.play-button[data-v-9c85781d]:not(.disabled):hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;background-color:#c0392b}.modal[data-v-9c85781d]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;flex-direction:column}.modal-overlay[data-v-9c85781d]{position:absolute;width:100%;height:100%;background-color:#00000080}.modal-container[data-v-9c85781d]{position:relative;width:100%;height:100%;background:white;display:flex;flex-direction:column;z-index:2001}.modal-header[data-v-9c85781d]{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:20px;background:white;border-bottom:1px solid #eee;z-index:2002}.modal-body[data-v-9c85781d]{flex:1;padding:20px;overflow-y:auto}.step-container[data-v-9c85781d]{height:100%;display:flex;flex-direction:column}.step[data-v-9c85781d]{flex:1;display:flex;flex-direction:column;position:relative}.step-number[data-v-9c85781d]{position:absolute;top:20px;right:20px;background-color:#2c3e50;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 2px 4px #0003}.step-content[data-v-9c85781d]{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px}.step-image[data-v-9c85781d]{width:100%;max-width:400px;height:300px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;background-color:#f8f9fa}.step-image img[data-v-9c85781d]{width:100%;height:100%;object-fit:contain}.step-text[data-v-9c85781d]{width:100%;text-align:center}.step-controls[data-v-9c85781d]{position:sticky;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px;background:white;border-top:1px solid #eee;z-index:2002}.close-button[data-v-9c85781d]{background:none;border:none;font-size:24px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;transition:all .3s ease}.close-button[data-v-9c85781d]:hover{background-color:#f0f0f0;color:#333}.modal-enter-active[data-v-9c85781d],.modal-leave-active[data-v-9c85781d]{transition:all .3s ease}.modal-enter-from[data-v-9c85781d],.modal-leave-to[data-v-9c85781d]{opacity:0;transform:translateY(100%)}.modal-enter-to[data-v-9c85781d],.modal-leave-from[data-v-9c85781d]{opacity:1;transform:translateY(0)}@media (max-width: 600px){.content[data-v-9c85781d]{padding:15px 15px 70px}.nav-button i[data-v-9c85781d]{font-size:1.3rem}.nav-button .icon[data-v-9c85781d]{font-size:.7rem}.step-content[data-v-9c85781d]{flex-direction:column;align-items:flex-start}.step-image[data-v-9c85781d]{width:100%;height:200px}h1[data-v-9c85781d],h2[data-v-9c85781d],h3[data-v-9c85781d]{font-size:1.3rem}p[data-v-9c85781d]{font-size:.9rem}.prayer-grid[data-v-9c85781d]{grid-template-columns:1fr}.step-navigation-button[data-v-9c85781d],.play-button[data-v-9c85781d]{width:45px;height:45px;font-size:1.1rem}}.about-content[data-v-9c85781d]{max-width:800px;margin:0 auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.about-content h3[data-v-9c85781d]{color:#2c3e50;margin:25px 0 15px;font-size:1.3rem;text-align:right}.about-content ul[data-v-9c85781d]{text-align:right;padding-right:20px;color:#666;line-height:1.8}.about-content li[data-v-9c85781d]{margin-bottom:10px;position:relative}.about-content p[data-v-9c85781d]{text-align:right;line-height:1.8;margin-bottom:20px}.development-message[data-v-9c85781d]{text-align:center;margin-top:30px;padding:15px;background-color:#f8f9fa;border-radius:8px;max-width:800px;margin-left:auto;margin-right:auto}.development-message p[data-v-9c85781d]{color:#666;font-size:.9rem;line-height:1.6}