.settings-card.svelte-poz57w{position:absolute;top:5vh;left:16px;right:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:16px;box-shadow:0 8px 24px #0000004d}.settings-label.svelte-poz57w{display:block;font-size:14px;color:#bbb;margin-bottom:8px}.select-wrapper.svelte-poz57w{position:relative}select.svelte-poz57w{width:100%;height:48px;appearance:none;-webkit-appearance:none;color:#fff;border:1px solid #2a2a2a;border-radius:12px;padding:0 44px 0 14px;font-size:16px;outline:none}select.svelte-poz57w:focus{border-color:#4f9cff}.chevron.svelte-poz57w{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none;fill:none;stroke:#aaa;stroke-width:2}.bottom-nav.svelte-1vz4ggg{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;justify-content:space-around;align-items:center;width:90%;max-width:400px;height:70px;border-radius:35px;box-shadow:0 8px 20px #00000026;z-index:100;padding:0 10px}.nav-item.svelte-1vz4ggg{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;background:none;border:none;flex:1;font-size:12px;transition:color .3s;cursor:pointer}.nav-item.svelte-1vz4ggg svg:where(.svelte-1vz4ggg){width:28px;height:28px;margin-bottom:-6px;transition:transform .3s}.nav-item.active.svelte-1vz4ggg{color:#000}.nav-item.active.svelte-1vz4ggg svg:where(.svelte-1vz4ggg){transform:translateY(-4px) scale(1.2)}.indicator.svelte-1vz4ggg{position:absolute;bottom:-7px;width:25px;height:6px;border-radius:50%;background-color:#000;opacity:0;transition:opacity .3s,transform .3s}.nav-item.active.svelte-1vz4ggg .indicator:where(.svelte-1vz4ggg){opacity:1;transform:translateY(0)}.nav-item.svelte-1vz4ggg span:where(.svelte-1vz4ggg){pointer-events:none}.nav-item.svelte-1vz4ggg:focus{outline:none}.mosque-list.svelte-1vz4ggg{position:fixed;border-radius:14px;padding:16px;top:5vh;width:90vw;transform:translate(-50%);height:75vh;box-shadow:0 8px 20px #00000026;z-index:100;margin:0 auto;display:flex;flex-direction:column;gap:12px;overflow:auto}.mosque.svelte-1vz4ggg{position:static;width:100%;max-width:none;border-radius:12px;box-shadow:0 6px 16px #00000014;padding:10px}.mosque-title.svelte-1vz4ggg{font-size:large;font-style:bold}.mosque-address.svelte-1vz4ggg{font-size:small;font-weight:500;font-style:italic;color:gray}