:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;font-family:Inter,system-ui,sans-serif;background:#0f172a;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100svh;width:100%;display:flex;color:#7fffd4}.current-prayer-section{width:100%;max-width:420px;text-align:center;margin-bottom:2rem}.current-prayer-section h3{margin-bottom:1rem}.current-name{font-weight:700;font-size:1rem}.current-time{font-size:.85rem;opacity:.9}.app-container{flex:1;width:100%;min-height:100svh;padding:clamp(1rem,3vw,2.5rem);display:flex;justify-content:center;transition:background 1.5s ease;position:relative}.content-wrapper{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center}.app-container:before{content:"";position:fixed;width:60vw;height:60vw;max-width:700px;max-height:700px;background:radial-gradient(circle,rgba(255,255,255,.05),transparent 70%);top:-20%;right:-20%;filter:blur(120px);animation:floatGlow 12s ease-in-out infinite;pointer-events:none}.sky-fajr{background:linear-gradient(180deg,#1e3a8a,#0f172a)}.sky-dhuhr{background:linear-gradient(180deg,#facc15,#f97316)}.sky-asr{background:linear-gradient(180deg,#fb923c,#ea580c)}.sky-maghrib{background:linear-gradient(180deg,#7c3aed,#4c1d95)}.sky-isha{background:linear-gradient(180deg,#0f172a,#020617)}.header{text-align:center;margin-bottom:clamp(1.5rem,3vw,3rem)}.header h1{font-size:clamp(1.6rem,4vw,2.6rem);margin-bottom:.5rem}.header p{font-size:clamp(.85rem,2vw,1rem);opacity:.85}.main-ring-section{width:100%;max-width:650px;padding:clamp(1.5rem,3vw,2.5rem);border-radius:28px;text-align:center;background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 60px #00000080,inset 0 1px #ffffff0d;transition:transform .3s ease,box-shadow .3s ease}.main-ring-section:hover{transform:translateY(-6px);box-shadow:0 35px 80px #0009,inset 0 1px #ffffff14}.main-ring-section h3{font-size:clamp(1rem,2.5vw,1.3rem);margin-bottom:1.2rem}.main-ring-section p{margin-top:1rem;font-size:clamp(1rem,2.8vw,1.3rem);font-weight:600}.prayer-grid{width:100%;margin-top:clamp(1.5rem,3vw,3rem);display:grid;gap:clamp(.8rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.prayer-card{padding:clamp(1rem,2vw,1.6rem);border-radius:22px;text-align:center;background:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);transition:all .35s ease;box-shadow:0 15px 30px #00000059,inset 0 1px #ffffff0a}.prayer-card:hover{transform:translateY(-6px) scale(1.03);background:#ffffff1f}.prayer-card.active{border:1px solid rgba(255,255,255,.35);animation:pulseGlow 3s infinite ease-in-out}.ring-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.ring-center{position:absolute;text-align:center;font-size:clamp(.75rem,2vw,.95rem);font-weight:600;pointer-events:none}.skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff2e,#ffffff0f 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:22px}.skeleton-circle{width:clamp(120px,30vw,220px);height:clamp(120px,30vw,220px);border-radius:50%;margin:0 auto}.skeleton-card{height:clamp(100px,20vw,150px)}@keyframes floatGlow{0%{transform:translateY(0)}50%{transform:translateY(30px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 12px #ffffff26}50%{box-shadow:0 0 30px #fff6}to{box-shadow:0 0 12px #ffffff26}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.main-rings-row{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;margin-top:2rem}.ring-column{display:flex;flex-direction:column;align-items:center;text-align:center}.ring-subtext{margin-top:1rem;font-size:.9rem}.waiting-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;animation:fadeIn .8s ease forwards}.loader-ring{width:80px;height:80px;border-radius:50%;border:6px solid rgba(255,255,255,.1);border-top:6px solid #34d399;animation:spin 1.2s linear infinite;margin-bottom:1.5rem}.animated-text{font-size:1rem;opacity:.9;letter-spacing:.4px}.dots span{animation:blink 1.4s infinite both}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}