:root{--primary-bg:#111827;--glass-bg:#1f293799;--glass-border:#ffffff1a;--accent-gold:#d4af37;--accent-gold-glow:#d4af374d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--font-inter:"Inter",sans-serif;--font-amiri:"Amiri",serif}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background-color:#111827;background-color:var(--primary-bg);color:#f3f4f6;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-inter);min-height:100vh;width:100vw}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-image:radial-gradient(circle at 15% 50%,#d4af370d,#0000 25%),radial-gradient(circle at 85% 30%,#1f293766,#0000 25%)}.prayer-container{animation:fadeUp .6s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);width:min(95%,480px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.prayer-header{display:flex;flex-direction:column;gap:.5rem;text-align:center}.header-top{justify-content:space-between;margin-bottom:.5rem}.header-top,.location{align-items:center;display:flex}.location{color:var(--text-secondary);font-size:.9rem;font-weight:500;gap:.5rem}.location svg{color:var(--accent-gold)}.athan-toggle{align-items:center;background:#0000;border:1px solid var(--glass-border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.athan-toggle:hover{background:#ffffff0d}.athan-toggle.active{border-color:var(--accent-gold);box-shadow:0 0 10px var(--accent-gold-glow);color:var(--accent-gold)}.prayer-header h1{color:var(--accent-gold);font-family:var(--font-amiri);font-size:clamp(2rem,6vw,2.5rem);font-weight:700;letter-spacing:.5px}.date{display:flex;flex-direction:column;gap:.25rem}.gregorian{color:var(--text-primary);font-size:1rem;font-weight:500}.hijri{color:var(--text-secondary);font-family:var(--font-amiri);font-size:.9rem;font-style:italic}.error-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 0;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #d4af3733;border-radius:50%;border-top:3px solid var(--accent-gold);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.next-prayer-card{align-items:center;background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid var(--accent-gold-glow);border-radius:16px;box-shadow:0 4px 20px var(--accent-gold-glow);display:flex;justify-content:space-between;overflow:hidden;padding:1.25rem;position:relative}.next-prayer-card:before{background:radial-gradient(circle at top right,#d4af3733,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.next-prayer-info h2{color:var(--text-secondary);font-size:1rem;font-weight:500;margin-bottom:.25rem}.highlight-text{color:var(--accent-gold);font-size:1.25rem;font-weight:700}.countdown-timer{color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:700;letter-spacing:1px}.next-prayer-time{color:var(--accent-gold);font-family:var(--font-amiri);font-size:2rem;font-weight:700}.times-container{display:flex;flex-direction:column;gap:1rem}.method-selector{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;padding:0 .5rem}.method-selector button{background:#0000;border:1px solid var(--text-secondary);border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:.25rem .75rem;transition:all .2s}.method-selector button:hover{border-color:var(--text-primary);color:var(--text-primary)}.times-list{display:flex;flex-direction:column;gap:.5rem}.prayer-row{align-items:center;background:#ffffff08;border:1px solid #0000;border-radius:12px;display:flex;justify-content:space-between;padding:.875rem 1rem;transition:all .2s ease}.prayer-row:hover{background:#ffffff0d;transform:translateX(4px)}.prayer-row.active-prayer{background:#d4af371a;border-color:var(--accent-gold-glow);box-shadow:inset 0 0 10px #d4af370d}.prayer-name{font-size:1.05rem;font-weight:500}.active-prayer .prayer-name{color:var(--accent-gold)}.prayer-time{font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:600}.active-prayer .prayer-time{color:var(--text-primary)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalIn .3s ease-out;background:var(--primary-bg);border:1px solid var(--accent-gold-glow);border-radius:20px;box-shadow:0 20px 40px #00000080;max-height:85vh;max-width:500px;overflow-y:auto;padding:1.5rem;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.modal-header h2{color:var(--accent-gold);font-family:var(--font-amiri);font-size:1.5rem}.close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:2rem;line-height:1;transition:color .2s}.close-button:hover{color:var(--text-primary)}.calculation-methods-list{display:flex;flex-direction:column;gap:.75rem}.calculation-method-item{background:#ffffff05;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;padding:1rem;transition:all .2s}.calculation-method-item:hover{background:#ffffff0d;border-color:#fff3}.calculation-method-item.selected{background:#d4af371a;border-color:var(--accent-gold)}.method-name{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.selected .method-name{color:var(--accent-gold)}.method-description{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem;width:100vw}
/*# sourceMappingURL=main.70352676.css.map*/