:root{--bg-color: #020202;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .5);--accent: #ffffff;--imsak-glow: #6366f1;--gunes-glow: #f59e0b;--ogle-glow: #3b82f6;--ikindi-glow: #6d28d9;--aksam-glow: #f97316;--yatsi-glow: #1e1b4b;--transition-slow: all 1.2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg-color);color:var(--text-primary);height:100vh;overflow:hidden}#app.atmospheric{height:100%;display:flex;justify-content:center;align-items:center;position:relative}.glow-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.glow{position:absolute;width:80vw;height:80vw;border-radius:50%;filter:blur(120px);opacity:.15;transition:var(--transition-slow)}#glow-1{top:-10%;left:-10%;background-color:var(--ogle-glow)}#glow-2{bottom:-10%;right:-10%;background-color:var(--imsak-glow)}.content{position:relative;z-index:10;width:100%;max-width:600px;height:100%;padding:4rem 2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}header{animation:slideDown 1s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.location{font-size:.8rem;text-transform:uppercase;letter-spacing:.4em;font-weight:600;margin-bottom:.75rem}.main-date{font-size:1.1rem;font-weight:500;margin-bottom:.25rem}.sub-date{font-size:.8rem;color:var(--text-secondary)}.center-focus{flex:1;display:flex;justify-content:center;align-items:center}.progress-container{position:relative;width:320px;height:320px;display:flex;justify-content:center;align-items:center}.progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-track{fill:none;stroke:#ffffff0d;stroke-width:1}.progress-ring-fill{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke 1s ease;filter:drop-shadow(0 0 8px var(--accent))}.progress-container.warning .progress-ring-fill{stroke:#fbbf24;filter:drop-shadow(0 0 12px #fbbf24)}.progress-container.warning .main-countdown{color:#fbbf24;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.current-prayer-info{display:flex;flex-direction:column;align-items:center}.status-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--text-secondary);margin-bottom:1.5rem;margin-top:.5rem}h1{font-family:Playfair Display,serif;font-size:4.5rem;font-weight:700;font-style:italic;line-height:1;margin-top:2rem}.main-countdown{font-size:1.5rem;font-weight:300;letter-spacing:.1em;font-variant-numeric:tabular-nums;margin-bottom:0}.horizontal-timeline{display:flex;gap:2rem;padding-bottom:2rem;width:100%;justify-content:center}.timeline-item{display:flex;flex-direction:column;gap:.5rem;align-items:center;opacity:.6;transition:all .5s ease}.timeline-item.active{opacity:1}.timeline-item.active .t-label{color:var(--text-primary)}.t-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.t-time{font-size:1rem;font-weight:500}.timeline-dot{width:4px;height:4px;border-radius:50%;background:currentColor;margin-top:4px}.btn-text{background:transparent;border:none;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;padding:1rem;transition:color .3s ease}.btn-text:hover{color:var(--text-primary)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem}.modal.hidden{display:none}.modal-content{width:100%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;gap:2rem}.modal-header{display:flex;justify-content:space-between;align-items:center}.btn-close{background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer}.table-container{overflow-y:auto}table{width:100%;border-collapse:collapse}th,td{padding:1.25rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}td{font-size:.9rem}tr.today{color:#3b82f6}@media(max-width:480px){h1{font-size:3rem}.progress-container{width:280px;height:280px}.horizontal-timeline{gap:1rem;flex-wrap:wrap}}