@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0f172a;--text-color:#f8fafc;--card-bg:#1e293bb3;--card-border:#ffffff1a;--accent-color:#38bdf8;--accent-glow:#38bdf866;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(at 0 0,#0f172a 0,#0000 50%),radial-gradient(at 50% 0,#38bdf826 0,#0000 50%),radial-gradient(at 100% 0,#0f172a 0,#0000 50%);background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:1.5rem;padding:2rem;box-shadow:0 8px 32px #0000004d}@media (width<=600px){.glass-card{border-radius:1.25rem;padding:1.25rem}}.btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:300px;padding:.85rem 1.75rem;font-family:inherit;font-size:1.05rem;font-weight:500;transition:all .3s;display:inline-flex}.btn:hover{background:#fff3;transform:translateY(-2px)}.btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:#0f172a;box-shadow:0 0 15px var(--accent-glow);font-weight:600}.btn-primary:hover{box-shadow:0 0 25px var(--accent-glow);background:#7dd3fc}.loader{border:3px solid #ffffff1a;border-top-color:var(--accent-color);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}h1,h2,h3{letter-spacing:-.025em;font-weight:600}p{line-height:1.6}.loader-container.svelte-15i9c6e{flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.header.svelte-15i9c6e{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.date-info.svelte-15i9c6e{text-align:center;flex-direction:column;gap:.25rem;display:flex}.hijri.svelte-15i9c6e{color:var(--accent-color);font-size:1.25rem;font-weight:600}.gregorian.svelte-15i9c6e{color:#94a3b8;font-size:.9rem}.countdown-card.svelte-15i9c6e{text-align:center;background:#0f172a66;border:1px solid #ffffff1a;border-radius:1.25rem;width:100%;max-width:400px;padding:1.5rem 3rem;box-shadow:0 4px 20px #0003}.countdown-card.svelte-15i9c6e h3:where(.svelte-15i9c6e){color:#cbd5e1;margin-bottom:.25rem;font-size:.95rem;font-weight:500}.timer.svelte-15i9c6e{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 15px #ffffff4d;font-size:clamp(2rem,8vw,3rem);font-weight:700}.times-grid.svelte-15i9c6e{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;width:100%;display:grid}.time-item.svelte-15i9c6e{background:#ffffff08;border:1px solid #ffffff0d;border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;padding:.85rem;transition:all .3s;display:flex}.time-item.active.svelte-15i9c6e{background:var(--accent-glow);border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 10px 25px #0003}.prayer-name.svelte-15i9c6e{color:#cbd5e1;font-size:.9rem;font-weight:500}.time-item.active.svelte-15i9c6e .prayer-name:where(.svelte-15i9c6e){color:#fff}.prayer-time.svelte-15i9c6e{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:600}@media (width<=400px){.times-grid.svelte-15i9c6e{grid-template-columns:repeat(2,1fr)}.countdown-card.svelte-15i9c6e{padding:1.25rem}}@media (width>=401px) and (width<=600px){.times-grid.svelte-15i9c6e{grid-template-columns:repeat(3,1fr)}.countdown-card.svelte-15i9c6e{padding:1.25rem 2rem}}.compass-container.svelte-1lasmjy{text-align:center;margin-top:2rem}h2.svelte-1lasmjy{margin-bottom:.5rem;font-size:1.5rem}.direction-info.svelte-1lasmjy{color:#94a3b8;margin-bottom:1.5rem;font-size:.9rem}.loader-container.svelte-1lasmjy{flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.permission-prompt.svelte-1lasmjy{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.error.svelte-1lasmjy{color:var(--error-color);margin-top:.5rem;font-size:.85rem}.compass-wrapper.svelte-1lasmjy{aspect-ratio:1;background:#0f172a80;border:2px solid #ffffff1a;border-radius:50%;width:100%;max-width:280px;margin:2rem auto;position:relative;box-shadow:inset 0 0 20px #00000080}.compass.svelte-1lasmjy{border-radius:50%;width:100%;height:100%;transition:transform .2s ease-out;position:absolute;top:0;left:0}.compass-rose.svelte-1lasmjy{width:100%;height:100%;position:absolute;top:0;left:0}.compass-rose.svelte-1lasmjy span:where(.svelte-1lasmjy){color:#fff9;font-weight:700;position:absolute}.north.svelte-1lasmjy{top:10px;left:50%;transform:translate(-50%);color:var(--error-color)!important}.east.svelte-1lasmjy{top:50%;right:15px;transform:translateY(-50%)}.south.svelte-1lasmjy{bottom:10px;left:50%;transform:translate(-50%)}.west.svelte-1lasmjy{top:50%;left:15px;transform:translateY(-50%)}.qibla-pointer.svelte-1lasmjy{width:100%;height:100%;position:absolute;top:0;left:0}.pointer-arrow.svelte-1lasmjy{filter:drop-shadow(0 0 8px var(--accent-glow));position:absolute;top:10%;left:50%;transform:translate(-50%)}.device-pointer.svelte-1lasmjy{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-text.svelte-1lasmjy{color:#cbd5e1;min-height:1.5rem;margin-top:1rem;font-size:.95rem}.qibla-found.svelte-1lasmjy{color:var(--success-color);text-shadow:0 0 10px #10b98180;font-size:1.1rem;font-weight:700}main.svelte-1n46o8q{max-width:800px;padding:env(safe-area-inset-top,2rem) 1rem env(safe-area-inset-bottom,2rem) 1rem;flex-direction:column;width:100%;min-height:100vh;margin:0 auto;display:flex}.header.svelte-1n46o8q{text-align:center;margin-bottom:2rem;padding-top:1rem}.header.svelte-1n46o8q h1:where(.svelte-1n46o8q){color:#fff;text-shadow:0 0 20px #fff3;margin-bottom:.5rem;font-size:clamp(2rem,5vw,2.5rem)}.header.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--accent-color);letter-spacing:.05em;margin-bottom:1rem;font-size:1.1rem;font-weight:500}.location-badge.svelte-1n46o8q{color:#e2e8f0;background:#ffffff1a;border:1px solid #ffffff0d;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:inline-flex}.components-container.svelte-1n46o8q{flex-direction:column;gap:2rem;display:flex}.location-card.svelte-1n46o8q{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;margin:auto 0;padding:3rem 1.5rem;display:flex}.loader-container.svelte-1n46o8q{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.error-icon.svelte-1n46o8q{color:var(--error-color);margin-bottom:-.5rem}.hint.svelte-1n46o8q{color:#94a3b8;max-width:400px;font-size:.9rem}