:root{--gold:#b87916;--gold-light:#e5b84d;--gold-pale:#fff2c9;--gold-dim:#81530f;--gold-glow:#b879161c;--gold-border:#b8791638;--gold-border-hover:#b879167a;--emerald:#146b5d;--emerald-light:#218c78;--emerald-pale:#218c781f;--emerald-border:#218c7857;--emerald-text:#0f6f60;--deep:#f7fbf7;--deep-alt:#fff;--surface:#fff;--surface-2:#f3f8f4;--surface-3:#e8f2ec;--text-primary:#17251f;--text-muted:#5e7168;--text-faint:#7f9188;--danger-bg:#fff0f0;--danger-border:#b02a2a47;--danger-text:#9f2424;--font-display:"Cinzel Decorative",serif;--font-arabic:"Amiri",serif;--font-body:"Lato",sans-serif;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:40px;--sp-2xl:64px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:50px;--ease:cubic-bezier(0.23,1,0.32,1);--t-fast:0.15s ease;--t-base:0.25s ease;--t-slow:0.40s var(--ease);--shadow-gold:0 18px 42px #b8791626;--shadow-deep:0 18px 48px #1e382c29;--z-sticky:50;--z-overlay:199;--z-modal:200}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,html{min-width:320px;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 0,#b879161f,#0000 30%),radial-gradient(circle at 88% 8%,#234f731a,#0000 32%),linear-gradient(180deg,#fbfff9,#eef7f1 48%,#fffaf0);color:#17251f;color:var(--text-primary);font-family:Lato,sans-serif;font-family:var(--font-body);line-height:1.6;min-height:100vh;min-height:100dvh}body:before{background-image:linear-gradient(30deg,#0000 46%,#146b5d1f 47% 53%,#0000 54%),linear-gradient(150deg,#0000 46%,#b879161a 47% 53%,#0000 54%),radial-gradient(circle,#9e513824 0 2px,#0000 3px);background-size:72px 72px,72px 72px,36px 36px;content:"";inset:0;opacity:.42;pointer-events:none;position:fixed;z-index:-1}button{background:none;border:none;cursor:pointer;font-family:inherit}img{display:block}a{color:inherit;text-decoration:none}#root{min-height:100vh;min-height:100dvh;width:100%}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #146b5d52;outline-offset:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlide{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGold{0%,to{box-shadow:0 0 0 0 #d4a83266}50%{box-shadow:0 0 0 8px #d4a83200}}.app{display:flex;flex-direction:column;max-width:100vw;min-height:100vh;min-height:100dvh;overflow-x:hidden;width:100%}.app>main{flex:1 1}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{overflow-x:hidden;width:100%}img{height:auto;max-width:100%}.container{padding:15px;width:100%}@media screen and (max-width:768px){h1{font-size:24px}h1,h2{text-align:center}h2{font-size:20px}p{font-size:14px}.cards{display:flex;flex-direction:column;gap:15px}button{width:100%}}.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(90deg,#fffffff5,#f5fcf8f5),repeating-linear-gradient(45deg,#146b5d14 0 6px,#0000 6px 18px);border-bottom:2px solid #b879163d;padding:0 var(--sp-lg);position:sticky;top:0;z-index:var(--z-sticky)}.header__inner{align-items:center;display:flex;gap:var(--sp-md);height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative}.header__inner:before{background:linear-gradient(90deg,#146b5d 0 18%,#e5b84d 18% 31%,#234f73 31% 44%,#9e5138 44% 57%,#146b5d 57% 74%,#e5b84d 74% 100%);bottom:-2px;content:"";height:4px;left:0;position:absolute;right:0}.header__logo{cursor:pointer;-webkit-user-select:none;user-select:none}.header__actions,.header__logo{align-items:center;display:flex;gap:12px;min-width:0}.header__nav{align-items:center;background:#f5fbf7;border:1px solid #146b5d24;border-radius:8px;display:flex;gap:6px;padding:4px}.header__nav-link{align-items:center;border-radius:6px;color:var(--text-muted);display:inline-flex;font-family:var(--font-body);font-size:12px;font-weight:900;justify-content:center;min-height:34px;padding:7px 12px}.header__nav-link--active{background:var(--emerald);color:#fff}.header__crescent{animation:sway 4s ease-in-out infinite;background:radial-gradient(circle,#218c78 0 52%,#146b5d 53% 100%);border:2px solid #e5b84db8;border-radius:50%;box-shadow:0 8px 22px #146b5d33;color:#fff;display:inline-block;display:grid;font-size:26px;height:42px;line-height:1;place-items:center;width:42px}.header__brand{display:flex;flex-direction:column;gap:2px;min-width:0}.header__brand-title{color:var(--gold);font-family:var(--font-display);font-size:13px;letter-spacing:.12em;line-height:1}.header__brand-sub{color:var(--text-muted);font-family:var(--font-body);font-size:10px;letter-spacing:.1em;line-height:1}.header__geo-btn{align-items:center;background:var(--gold-glow);border:1px solid var(--gold-border);border-radius:var(--r-sm);color:var(--gold);display:flex;font-family:var(--font-body);font-size:12px;font-weight:700;gap:7px;letter-spacing:.04em;padding:8px 14px;transition:background var(--t-base),border-color var(--t-base),color var(--t-base);white-space:nowrap}.header__geo-btn:hover:not(:disabled){background:#d4a83233;border-color:#d4a83273}.header__geo-btn:disabled{cursor:not-allowed;opacity:.55}.header__geo-btn--active{animation:pulseGold 2s ease infinite;background:var(--emerald-pale);border-color:var(--emerald-border);color:var(--emerald-text)}@media (max-width:480px){.header{padding:0 6px}.header__inner{gap:6px;height:auto;min-height:64px;width:100%}.header__logo{gap:6px}.header__crescent{font-size:21px;height:34px;width:34px}.header__brand-title{font-size:10px}.header__brand-sub,.header__geo-label{display:none}.header__geo-btn{padding:8px}.header__actions{gap:5px;min-width:0}.header__nav{gap:3px;padding:3px}.header__nav-link{font-size:11px;padding:7px 6px}}.qibla{grid-gap:clamp(18px,4vw,34px);align-items:center;background:linear-gradient(135deg,#ffffffeb,#eff9f3f5),repeating-linear-gradient(45deg,#b8791614 0 8px,#0000 8px 22px);border:1px solid #146b5d33;border-radius:8px;box-shadow:0 18px 42px #1e382c1a;display:grid;gap:clamp(18px,4vw,34px);grid-template-columns:minmax(0,1fr) 260px;margin:34px auto 80px;overflow:hidden;padding:clamp(20px,4vw,32px);position:relative;width:min(1120px,calc(100% - 32px))}.qibla:after,.qibla:before{border:1px solid #b879163d;clip-path:polygon(5% 0,95% 0,100% 16%,100% 84%,95% 100%,5% 100%,0 84%,0 16%);content:"";inset:10px;pointer-events:none;position:absolute}.qibla:after{border-color:#146b5d2e;inset:18px}.qibla--compact{margin:22px 0 0;width:100%}.qibla__content{position:relative;z-index:1}.qibla__eyebrow{color:var(--emerald);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.qibla h2{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.15;margin:8px 0 10px}.qibla p{color:var(--text-muted);font-size:15px;line-height:1.7;max-width:560px}.qibla p strong{color:var(--gold-dim);font-weight:900}.qibla__facts{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.qibla__facts div{background:#ffffffb8;border:1px solid #146b5d29;border-radius:8px;min-height:76px;padding:13px 14px}.qibla__facts dt{color:var(--emerald);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.qibla__facts dd{color:var(--text-primary);font-size:13px;font-weight:800;margin-top:6px}.qibla__selectors{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.qibla__select{grid-gap:7px;display:grid;gap:7px}.qibla__select span{color:var(--emerald);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.qibla__select select{appearance:none;-webkit-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath d='m1 1 4.5 4.5L10 1' stroke='%23146b5d' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #146b5d2e;border-radius:8px;color:var(--text-primary);font:inherit;font-size:13px;font-weight:800;min-height:44px;padding:0 38px 0 12px;width:100%}.qibla__select select:disabled{background-color:#f4f8f5;color:var(--text-faint);cursor:not-allowed}.qibla__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.qibla__actions button{background:var(--emerald);border:1px solid #146b5d2e;border-radius:8px;color:#fff;font-size:12px;font-weight:900;min-height:42px;padding:9px 14px}.qibla__actions button:nth-child(2){background:#fff;color:var(--emerald)}.qibla__actions button:disabled{cursor:not-allowed;opacity:.62}.qibla__status{background:#fff8e6bd;border:1px solid #b8791633;border-radius:8px;color:var(--gold-dim);font-size:12px;font-weight:800;margin-top:12px;padding:9px 11px}.qibla__dial{aspect-ratio:1;background:radial-gradient(circle at center,#fff 0 15%,#0000 15.5%),conic-gradient(from 0deg,#0f6f60,#e4b43f,#234f73,#9e5138,#0f6f60);border:10px solid #fff;border-radius:50%;box-shadow:inset 0 0 0 1px #146b5d38,inset 0 0 0 18px #ffffffb8,0 18px 36px #1e382c2e;justify-self:center;position:relative;width:240px;z-index:1}.qibla__dial:before{background:#fdfaf0;border-radius:50%;box-shadow:inset 0 0 0 1px #b8791638;content:"";inset:36px;position:absolute}.qibla__mark{color:var(--text-primary);font-size:12px;font-weight:900;position:absolute;z-index:2}.qibla__mark--n{left:50%;top:17px;transform:translateX(-50%)}.qibla__mark--e{right:20px;top:50%;transform:translateY(-50%)}.qibla__mark--s{bottom:17px;left:50%;transform:translateX(-50%)}.qibla__mark--w{left:20px;top:50%;transform:translateY(-50%)}.qibla__needle{inset:24px;position:absolute;transform-origin:center;transition:transform .18s linear;will-change:transform;z-index:3}.qibla__needle span{background:linear-gradient(180deg,#9e5138,#e5b84d);box-shadow:0 6px 16px #7a402642;clip-path:polygon(50% 0,100% 100%,50% 84%,0 100%);height:94px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:16px}.qibla__center{background:var(--emerald);border:5px solid #fff;border-radius:50%;box-shadow:0 4px 12px #1e382c38;height:26px;inset:50%;position:absolute;transform:translate(-50%,-50%);width:26px;z-index:4}.qibla__degree{bottom:54px;color:var(--gold-dim);font-size:12px}.qibla__degree,.qibla__heading{font-weight:900;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:4}.qibla__heading{bottom:34px;color:var(--text-muted);font-size:11px}@media (max-width:760px){.qibla{width:min(100% - 24px,1120px)}.qibla,.qibla__actions,.qibla__facts{grid-template-columns:1fr}.qibla__actions{display:grid}.qibla__selectors{grid-template-columns:1fr}.qibla__dial{width:min(230px,80vw)}}.searchbar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff0;border-bottom:1px solid var(--gold-border);padding:14px var(--sp-lg);position:sticky;top:64px;z-index:40}.searchbar__inner{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:1200px}.searchbar__row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.searchbar__field{align-items:center;display:flex;flex:1 1;min-width:200px;position:relative}.searchbar__icon{color:var(--text-muted);display:flex;left:12px;pointer-events:none;position:absolute}.searchbar__input{background:var(--surface-2);border:1px solid var(--gold-border);border-radius:var(--r-md);color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;padding:10px 36px 10px 38px;transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.searchbar__input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a8321a}.searchbar__input::placeholder{color:var(--text-muted)}.searchbar__input::-webkit-search-cancel-button{display:none}.searchbar__clear-x{background:none;border:none;color:var(--text-muted);font-size:18px;line-height:1;padding:2px 4px;position:absolute;right:10px;transition:color var(--t-fast)}.searchbar__clear-x:hover{color:var(--gold)}.searchbar__select{appearance:none;-webkit-appearance:none;background:var(--surface-2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath d='m1 1 4.5 4.5L10 1' stroke='%23a09070' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--gold-border);border-radius:var(--r-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:700;min-width:158px;outline:none;padding:10px 34px 10px 14px;transition:border-color var(--t-fast)}.searchbar__select:focus{border-color:var(--gold)}.searchbar__select option{background:#fff;color:var(--text-primary)}.searchbar__info{align-items:center;animation:fadeUp .3s ease both;display:flex;flex-wrap:wrap;gap:10px}.searchbar__count{color:var(--text-muted);font-family:var(--font-body);font-size:12px}.searchbar__count strong{color:var(--gold);font-weight:700}.searchbar__badge{align-items:center;background:var(--gold-glow);border:1px solid var(--gold-border);border-radius:var(--r-pill);display:inline-flex;font-size:11px;gap:5px;padding:3px 10px}.searchbar__badge,.searchbar__reset{color:var(--gold);font-family:var(--font-body);font-weight:700}.searchbar__reset{background:none;border:none;border-radius:var(--r-sm);font-size:12px;padding:2px 6px;transition:background var(--t-fast)}.searchbar__reset:hover{background:var(--gold-glow)}@media (max-width:640px){.searchbar{padding:12px 6px;top:64px}.searchbar__row{align-items:stretch;flex-direction:column}.searchbar__field,.searchbar__select{min-width:0;min-width:auto}.searchbar__select{width:100%}}.hero{background:linear-gradient(135deg,#fffdf5f0,#eaf7eff0 52%,#fff5d7f0),repeating-linear-gradient(45deg,#146b5d2e 0 10px,#0000 10px 32px),repeating-linear-gradient(135deg,#9e51381f 0 10px,#0000 10px 32px);overflow:hidden;padding:var(--sp-2xl) var(--sp-lg) 52px;position:relative;text-align:center}.hero__bg-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='96' height='96' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fff' stroke-width='4'%3E%3Cpath d='m48 4 10 28 30-4-24 20 24 20-30-4-10 28-10-28-30 4 24-20L8 28l30 4Z'/%3E%3Cpath d='m48 20 8 20 20 8-20 8-8 20-8-20-20-8 20-8Z'/%3E%3C/g%3E%3Cpath d='m48 4 10 28-10 16-10-16Z' fill='%23146b5d' fill-opacity='.18'/%3E%3Cpath d='m8 28 30 4 10 16H32Z' fill='%23b87916' fill-opacity='.18'/%3E%3Cpath d='m88 68-30-4-10-16h16Z' fill='%23234f73' fill-opacity='.14'/%3E%3C/svg%3E");opacity:.58}.hero__bg-pattern,.hero__glow{inset:0;pointer-events:none;position:absolute}.hero__glow{background:radial-gradient(ellipse at 50% -5%,#218c7821 0,#0000 65%)}.hero__content{animation:fadeUp .9s var(--ease) both;margin:0 auto;max-width:860px;position:relative;z-index:1}.hero__arabic{color:var(--gold);font-family:var(--font-arabic);font-size:34px;letter-spacing:.06em;line-height:1.4;margin-bottom:8px}.hero__title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3.1rem);letter-spacing:.02em;line-height:1.15;margin-bottom:14px}.hero__title-accent{color:var(--gold)}.hero__subtitle{color:var(--text-muted);font-family:var(--font-body);font-size:16px;line-height:1.7;margin:0 auto 36px;max-width:520px}.hero__pills{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.hero__pill{background:#ffffffc7;border:1px solid #218c782e;border-radius:8px;box-shadow:0 6px 18px #1e382c12;cursor:default;min-width:72px;padding:6px 10px;text-align:center;transition:background var(--t-base),border-color var(--t-base),transform var(--t-base)}.hero__pill:hover{background:#fff;border-color:#218c7857;transform:translateY(-2px)}.hero__pill-time{color:var(--gold);display:block;font-family:var(--font-display);font-size:12px;line-height:1.2}.hero__pill-count{color:var(--text-muted);display:block;font-family:var(--font-body);font-size:11px;letter-spacing:.04em;margin-top:2px}@media (max-width:600px){.hero{padding:48px var(--sp-md) 40px}.hero__arabic{font-size:26px}.hero__subtitle{font-size:14px}.hero__pills{gap:6px}.hero__pill{min-width:62px;padding:5px 8px}.hero__pill-time{font-size:11px}.hero__pill-count{font-size:10px}}.masjid-list{margin:0 auto;max-width:1200px;padding:var(--sp-xl) var(--sp-lg) 80px;width:100%}.masjid-list__audio{align-items:center;background:linear-gradient(135deg,#fff,#f3fbf6 58%,#fff8e6);border:1px solid #146b5d29;border-radius:8px;box-shadow:0 16px 36px #1e382c17;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px;padding:16px 18px}.masjid-list__audio-label{color:var(--gold-dim);display:block;font-family:var(--font-body);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.masjid-list__audio-title{color:var(--text-primary);font-family:var(--font-display);font-size:18px;line-height:1.25;margin-top:4px}.masjid-list__audio-player{width:min(100%,420px)}.masjid-list__alert{align-items:center;animation:fadeUp .3s ease both;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--r-md);color:var(--danger-text);display:flex;font-family:var(--font-body);font-size:13px;gap:8px;margin-bottom:var(--sp-lg);padding:12px var(--sp-md)}.masjid-list__table-wrap{background:#fff;border:1px solid #146b5d29;border-radius:8px;box-shadow:0 18px 42px #1e382c1a;overflow-x:auto}.masjid-list__table{border-collapse:collapse;font-family:var(--font-body);min-width:760px;width:100%}.masjid-list__table th{background:linear-gradient(135deg,#dff6e8,#f2fbf6 58%,#fff8df);color:var(--emerald);font-size:12px;font-weight:900;letter-spacing:.06em;line-height:1.35;padding:15px 18px;text-align:left;text-transform:uppercase;white-space:nowrap}.masjid-list__table td{border-top:1px solid #146b5d1a;color:var(--text-primary);font-size:14px;line-height:1.55;padding:16px 18px;vertical-align:middle}.masjid-list__table tbody tr{transition:background var(--t-base)}.masjid-list__table tbody tr:hover{background:#f7fdf9}.masjid-list__name-button{background:#0000;border:0;color:var(--text-primary);display:block;font-family:var(--font-display);font-size:16px;font-weight:800;line-height:1.3;max-width:100%;padding:0;text-align:left;width:fit-content}.masjid-list__name-button:hover{color:var(--emerald)}.masjid-list__area{color:var(--text-muted);display:block;font-size:12px;font-weight:700;margin-top:4px}.masjid-list__eid-time{align-items:center;background:#fff8e6;border:1px solid #b8791638;border-radius:8px;color:var(--gold-dim);display:inline-flex;font-weight:900;min-height:34px;padding:6px 12px;white-space:nowrap}.masjid-list__address-button{background:#fff;border:1px solid #146b5d33;border-radius:8px;color:var(--emerald);font-family:var(--font-body);font-size:12px;font-weight:900;min-height:34px;padding:7px 12px;white-space:nowrap}.masjid-list__address-button:hover{background:var(--emerald-pale)}.masjid-list__address-row td{background:#f7fdf9;color:var(--text-muted);font-size:13px;line-height:1.55;padding:12px 18px}.masjid-list__address-label{color:var(--emerald);font-weight:900;margin-right:8px}@media (max-width:700px){.masjid-list{box-sizing:border-box;max-width:none;padding:16px 10px 52px;width:100%}.masjid-list__audio{align-items:stretch;border-radius:8px;box-shadow:none;flex-direction:column;margin-bottom:14px;padding:14px 12px}.masjid-list__audio-title{font-size:15px}.masjid-list__audio-player{width:100%}.masjid-list__table-wrap{background:#fff;border:1px solid #146b5d24;border-radius:8px;box-shadow:none;box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}.masjid-list__table{min-width:0;table-layout:fixed;width:100%}.masjid-list__table th{font-size:9px;letter-spacing:0;line-height:1.2;padding:9px 4px;white-space:nowrap}.masjid-list__table td{font-size:11px;line-height:1.25;overflow:hidden;padding:8px 4px;text-overflow:ellipsis;white-space:nowrap}.masjid-list__table td:first-child,.masjid-list__table th:first-child{width:47%}.masjid-list__table td:nth-child(2),.masjid-list__table th:nth-child(2){text-align:center;width:21%}.masjid-list__table td:nth-child(3),.masjid-list__table th:nth-child(3){text-align:right;width:32%}.masjid-list__name-button{display:block;font-size:11px;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.masjid-list__area{display:none}.masjid-list__eid-time{background:#0000;border:0;display:block;font-size:11px;justify-content:flex-end;max-width:100%;min-height:0;padding:0;text-align:right}.masjid-list__address-button{font-size:10px;max-width:100%;min-height:26px;padding:4px 5px}.masjid-list__address-row td{padding:9px 10px;text-align:left;white-space:normal}}.masjid-list__empty{animation:fadeUp .4s ease both;padding:80px 20px;text-align:center}.masjid-list__empty-icon{display:block;font-size:56px;margin-bottom:var(--sp-md);opacity:.7}.masjid-list__empty-title{color:var(--text-muted);font-family:var(--font-display);font-size:18px;margin-bottom:8px}.masjid-list__empty-sub{color:var(--text-faint);font-family:var(--font-body);font-size:14px}.modal-overlay{align-items:center;animation:overlayIn .25s ease both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000d1;display:flex;inset:0;justify-content:center;padding:var(--sp-md);position:fixed;z-index:var(--z-overlay)}.modal{animation:modalSlide .35s var(--ease) both;background:var(--surface);border:1px solid #d4a83266;border-radius:var(--r-xl);max-height:90vh;max-width:540px;overflow-y:auto;scrollbar-color:var(--gold-border) #0000;scrollbar-width:thin;width:100%;z-index:var(--z-modal)}.modal::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-track{background:#0000}.modal::-webkit-scrollbar-thumb{background:var(--gold-border);border-radius:4px}.modal__hero{position:relative}.modal__hero-img{display:block;height:220px;object-fit:cover;width:100%}.modal__hero-img,.modal__hero-overlay{border-radius:var(--r-xl) var(--r-xl) 0 0}.modal__hero-overlay{background:linear-gradient(0deg,#0d1117ed 0,#0d11170d 55%,#0000);inset:0;position:absolute}.modal__close{align-items:center;background:#000000a6;border:1px solid #ffffff2e;border-radius:50%;color:#fff;display:flex;font-size:18px;height:34px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;transition:background var(--t-fast),transform var(--t-fast);width:34px}.modal__close:hover{background:#d4a8324d;transform:scale(1.08)}.modal__hero-info{bottom:16px;left:20px;position:absolute;right:60px}.modal__hero-name{color:var(--text-primary);font-family:var(--font-display);font-size:18px;line-height:1.25;margin:0}.modal__hero-meta{color:var(--gold);font-family:var(--font-body);font-size:12px;letter-spacing:.03em;margin-top:4px}.modal__body{padding:22px 24px 26px}.modal__row{gap:14px;margin-bottom:14px}.modal__info-block,.modal__row{display:flex;flex-direction:column}.modal__info-block{gap:3px}.modal__label{color:var(--text-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.modal__label,.modal__value{font-family:var(--font-body)}.modal__value{color:var(--text-primary);font-size:14px;line-height:1.5}.modal__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;margin-top:4px}.modal__tag{background:#d4a83214;border:1px solid var(--gold-border);border-radius:var(--r-sm);color:var(--gold);font-family:var(--font-body);font-size:11px;font-weight:700;padding:4px 10px}.modal__prayer-box{background:#d4a8320a;border:1px solid var(--gold-border);border-radius:var(--r-md);margin-bottom:20px;padding:14px 16px}.modal__prayer-heading{color:var(--text-muted);font-family:var(--font-body);font-size:10px;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.modal__prayer-row{align-items:center;border-bottom:1px solid #d4a83212;display:flex;justify-content:space-between;padding:8px 0}.modal__prayer-row:last-child{border-bottom:none}.modal__prayer-row--hl{background:#d4a83212;border-bottom:none;border-radius:var(--r-sm);margin:4px -4px;padding:9px 10px}.modal__prayer-name{align-items:center;color:var(--text-primary);display:flex;gap:8px}.modal__prayer-name,.modal__prayer-time{font-family:var(--font-body);font-size:14px}.modal__prayer-time{color:var(--text-muted);font-weight:700}.modal__prayer-row--hl .modal__prayer-name,.modal__prayer-row--hl .modal__prayer-time{color:var(--gold);font-size:15px;font-weight:700}.modal__actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.modal__btn{border:1px solid;border-radius:var(--r-sm);font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.04em;padding:11px 16px;text-align:center;transition:all var(--t-fast)}.modal__btn:active{transform:scale(.97)}.modal__btn--back{background:#0000;border-color:var(--gold-border);color:var(--text-muted)}.modal__btn--back:hover{border-color:var(--gold);color:var(--gold)}.modal__btn--nav{background:var(--gold);border-color:var(--gold);color:var(--deep)}.modal__btn--nav:hover{background:var(--gold-light);border-color:var(--gold-light)}@media (max-width:560px){.modal__hero-img{height:180px}.modal__hero-name{font-size:15px}.modal__body{padding:16px 18px 20px}.modal__actions{grid-template-columns:1fr}}.site-footer{background:var(--deep-alt);border-top:1px solid var(--gold-border);padding:36px var(--sp-lg);text-align:center}.site-footer__arabic{color:var(--gold);font-family:var(--font-arabic);font-size:24px;line-height:1.4;margin-bottom:6px}.site-footer__trans{color:var(--text-muted);font-family:var(--font-body);font-size:12px;font-style:italic;margin-bottom:10px}.site-footer__divider{background:var(--gold-border);height:1px;margin:12px auto;width:60px}.site-footer__sub{color:var(--text-faint);font-family:var(--font-body);font-size:11px;letter-spacing:.05em}.site-footer__team{color:var(--gold);font-family:var(--font-body);font-size:12px;font-weight:800;letter-spacing:.04em;margin-top:8px}.masjid-detail-page{animation:fadeUp .35s ease both;margin:0 auto;padding:28px 0 80px;position:relative;width:min(1120px,calc(100% - 32px))}.masjid-detail-page:before{background:radial-gradient(ellipse at 50% 0,#86d2ad3d,#0000 68%);content:"";height:260px;inset:12px -22px auto;pointer-events:none;position:absolute;z-index:-1}.detail-back{background:linear-gradient(180deg,#fff,#f1fbf5);border:1px solid #146b5d38;border-radius:8px;box-shadow:0 8px 20px #31845f14;color:var(--emerald);font-family:var(--font-body);font-size:13px;font-weight:800;margin-bottom:18px;min-height:44px;padding:10px 16px}.detail-back:hover{background:var(--emerald-pale)}.detail-hero{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:1fr;margin-bottom:22px}.detail-hero__content{background:linear-gradient(145deg,#effaf4e0,#fffffff5 42%,#fff8e6e0);border:1px solid #146b5d29;border-radius:8px;box-shadow:0 18px 40px #31845f17;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,3vw,30px)}.detail-hero__eyebrow{color:var(--emerald);font-family:var(--font-body);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.detail-hero__title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.65rem,3.2vw,2.45rem);line-height:1.15;margin:10px 0 12px}.detail-hero__meta{color:var(--text-muted);font-family:var(--font-body);font-size:15px;margin-bottom:24px}.detail-btn{border-radius:8px;font-family:var(--font-body);font-size:13px;font-weight:900;min-height:46px;padding:12px 18px;width:fit-content}.detail-btn--primary{background:var(--emerald);color:#fff}.detail-btn--primary:hover{background:var(--emerald-light)}.detail-info{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.detail-facilities,.detail-info__item,.detail-timing{background:linear-gradient(180deg,#fff,#f7fdf9);border:1px solid #146b5d29;border-radius:8px;box-shadow:0 12px 30px #31845f14}.detail-info__item{padding:18px}.detail-info__label,.detail-timing__title{color:var(--emerald);font-family:var(--font-body);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.detail-info__value{color:var(--text-primary);display:block;font-family:var(--font-body);font-size:15px;line-height:1.55;margin-top:6px}.detail-facilities{margin-bottom:22px;padding:20px}.detail-section-title{color:var(--text-primary);font-family:var(--font-display);font-size:18px;margin-bottom:12px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{background:linear-gradient(180deg,#f5fff9,#eaf8f0);border:1px solid #218c782e;border-radius:999px;color:var(--emerald);font-family:var(--font-body);font-size:12px;font-weight:800;padding:7px 12px}.detail-times{display:block;margin-bottom:22px}.detail-timing{overflow:hidden}.detail-timing__head{background:linear-gradient(135deg,#dff6e8,#f2fbf6 54%,#fff8df);border-bottom:1px solid #146b5d1f;padding:16px 18px}.detail-timing__rows{padding:0 18px 18px}.detail-timing__row{grid-column-gap:18px;align-items:center;border-bottom:1px solid #146b5d1a;column-gap:18px;display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(112px,.8fr) minmax(112px,.8fr);padding:13px 8px}.detail-timing__row--header{background:#fbfffc;color:var(--text-muted);font-family:var(--font-body);font-size:11px;font-weight:900;letter-spacing:.08em;padding-bottom:10px;padding-top:14px;position:sticky;text-transform:uppercase;top:0}.detail-timing__row:last-child{border-bottom:none}.detail-timing__row--highlight{background:linear-gradient(90deg,#edf9f1,#fff8e6);border:1px solid #b8791638;border-radius:8px;margin-top:8px;padding:13px 12px}.detail-timing__name{color:var(--text-primary);font-weight:800}.detail-timing__name,.detail-timing__time{font-family:var(--font-body);font-size:15px}.detail-timing__time{color:var(--gold-dim);font-weight:900;text-align:left;white-space:nowrap}@media (max-width:760px){.masjid-detail-page{padding-top:20px;width:min(100% - 24px,1120px)}.detail-hero,.detail-info{grid-template-columns:1fr}.detail-facilities,.detail-hero__content,.detail-info__item{padding:18px}.detail-btn{width:100%}.detail-timing__rows{padding:0 10px 14px}.detail-timing__row{column-gap:8px;grid-template-columns:minmax(76px,1fr) minmax(76px,.9fr) minmax(82px,.95fr);padding-left:4px;padding-right:4px}.detail-timing__name,.detail-timing__time{font-size:12px}.detail-timing__row--header{font-size:10px;letter-spacing:.03em}}.tasbih{margin:0 auto;padding:42px 0 80px;width:min(960px,calc(100% - 32px))}.tasbih__panel{background:linear-gradient(145deg,#effaf4f5,#fff 52%,#fff8e6e6),repeating-linear-gradient(45deg,#146b5d17 0 8px,#0000 8px 22px);border:1px solid #146b5d29;border-radius:8px;box-shadow:0 18px 44px #31845f1c;overflow:hidden;padding:clamp(22px,5vw,44px);position:relative}.tasbih__panel:before{border:1px solid #b8791638;clip-path:polygon(7% 0,93% 0,100% 13%,100% 87%,93% 100%,7% 100%,0 87%,0 13%);content:"";inset:12px;pointer-events:none;position:absolute}.tasbih__panel>*{position:relative;z-index:1}.tasbih__intro{margin-bottom:28px;text-align:center}.tasbih__eyebrow{color:var(--emerald);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tasbih h1{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:8px 0}.tasbih p{color:var(--text-muted);font-size:15px}.tasbih__counter{grid-gap:clamp(18px,4vw,32px);align-items:center;background:radial-gradient(circle at 18% 16%,#234f7314,#0000 30%),linear-gradient(135deg,#fffdf7,#eef9f2);border:1px solid #b8791633;border-radius:8px;display:grid;gap:clamp(18px,4vw,32px);grid-template-columns:minmax(220px,330px) minmax(0,1fr);margin-bottom:18px;min-height:260px;padding:clamp(16px,4vw,28px)}.tasbih__readout{grid-gap:4px;display:grid;gap:4px;place-items:center}.tasbih__readout strong{color:var(--gold-dim);font-family:var(--font-display);font-size:clamp(4.5rem,16vw,8rem);line-height:.95}.tasbih__device{align-content:start;aspect-ratio:.86;background:radial-gradient(circle at 34% 24%,#ffffffeb,#0000 24%),linear-gradient(135deg,#f5f4ef,#cfd4d2 48%,#fff);border-radius:42% 42% 30% 30%/24% 24% 16% 16%;box-shadow:inset 0 0 0 3px #ffffffd1,inset 0 -18px 32px #234f731a,0 22px 38px #1e382c2e;display:grid;justify-self:center;padding:30px 28px;position:relative;width:min(100%,300px)}.tasbih__screen{grid-gap:2px;background:#c5d1c7;border:8px solid #1a1f1d;border-radius:8px;box-shadow:inset 0 0 10px #17251f57;display:grid;gap:2px;min-height:78px;padding:9px 14px}.tasbih__device-row span,.tasbih__screen span{color:#fff;font-size:9px;font-weight:900;letter-spacing:.04em}.tasbih__screen span{color:#1a1f1d}.tasbih__screen strong{color:#111;font-family:monospace;font-size:clamp(2.6rem,7vw,4rem);justify-self:end;line-height:1}.tasbih__device-row{display:flex;justify-content:space-between;padding:7px 14px 0}.tasbih__button-mark{background:radial-gradient(circle,#17251f 0 56%,#0d1612 57% 100%);border:8px solid #fff;border-radius:50%;bottom:32px;box-shadow:0 12px 22px #17251f47;color:var(--gold-light);display:grid;font-family:var(--font-arabic);font-size:21px;height:98px;left:50%;place-items:center;position:absolute;transform:translateX(-50%);width:98px}.tasbih__device:after{background:#f6f4ee;border:6px solid #202622;border-radius:50%;bottom:108px;content:"";height:38px;position:absolute;right:38px;width:38px}.tasbih__phrase,.tasbih__target{color:var(--text-muted);font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.tasbih__progress{background:#146b5d1a;border-radius:999px;height:10px;margin-bottom:18px;overflow:hidden}.tasbih__progress span{background:linear-gradient(90deg,var(--emerald),var(--gold-light));border-radius:inherit;display:block;height:100%;transition:width var(--t-base)}.tasbih__tap{background:var(--emerald);border-radius:8px;box-shadow:0 16px 30px #146b5d33;color:#fff;font-size:clamp(1.2rem,3vw,1.55rem);font-weight:900;letter-spacing:.04em;min-height:92px;width:100%}.tasbih__tap:active{transform:scale(.99)}.tasbih__actions,.tasbih__settings{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.tasbih__actions button{background:#fff;border:1px solid #146b5d2e;border-radius:8px;color:var(--emerald);font-weight:900;min-height:46px}.tasbih__settings label{grid-gap:7px;display:grid;gap:7px}.tasbih__settings span{color:var(--text-muted);font-size:12px;font-weight:900}.tasbih__settings input,.tasbih__settings select{background:#fff;border:1px solid #146b5d2e;border-radius:8px;color:var(--text-primary);font:inherit;min-height:44px;padding:0 12px}@media (max-width:640px){.tasbih{padding-top:24px;width:min(100% - 24px,960px)}.tasbih__actions,.tasbih__counter,.tasbih__settings{grid-template-columns:1fr}.tasbih__device{max-width:250px}}
/*# sourceMappingURL=main.595016ce.css.map*/