:root{--bg:#071d2b;--card:#0d3040;--border:#ffffff12;--fg:#e8f4f0;--muted:#e8f4f06b;--teal:#6fd1d7;--mint:#5df8d8;--rs:18px;--nav-h:68px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,sans-serif;overflow:hidden}.aurora{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.aurora-orb{filter:blur(72px);opacity:.18;mix-blend-mode:screen;will-change:transform;border-radius:50%;animation:22s ease-in-out infinite aurora-drift;position:absolute}.aurora-orb:nth-child(2){animation-duration:28s;animation-delay:-8s}.aurora-orb:nth-child(3){animation-duration:18s;animation-delay:-14s}@keyframes aurora-drift{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-30px)scale(1.08)}50%{transform:translate(-20px,20px)scale(.94)}75%{transform:translate(25px,35px)scale(1.05)}}.firefly{pointer-events:none;z-index:1;animation:firefly-drift var(--dur) var(--delay) ease-in-out infinite;will-change:transform, opacity;background:#5df8d8b3;border-radius:50%;position:fixed}@keyframes firefly-drift{0%,to{opacity:.6;transform:translate(0)}25%{transform:translate(var(--dx1), var(--dy1));opacity:.2}50%{transform:translate(var(--dx2), var(--dy2));opacity:.7}75%{transform:translate(var(--dx3), var(--dy3));opacity:.15}}.screen-content{height:calc(100dvh - var(--nav-h));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:2;padding:16px 16px 32px;position:relative;overflow-y:auto}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-in{animation:.5s cubic-bezier(.16,1,.3,1) both fade-up}.anim-in:first-child{animation-delay:30ms}.anim-in:nth-child(2){animation-delay:90ms}.anim-in:nth-child(3){animation-delay:.15s}.anim-in:nth-child(4){animation-delay:.21s}.anim-in:nth-child(5){animation-delay:.27s}.anim-in:nth-child(6){animation-delay:.33s}.hdr{z-index:10;-webkit-backdrop-filter:blur(20px)saturate(1.4);background:#071d2bb3;border-bottom:1px solid #6fd1d714;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.5px;color:var(--fg);font-size:20px;font-weight:800}.logo span{color:var(--teal)}.logo-tag{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;margin-top:1px;font-size:9px}:root{--nav-h:80px}.bnav{-webkit-backdrop-filter:blur(24px)saturate(1.6);z-index:20;background:#061c2cb8;border:1px solid #6fd1d733;border-radius:30px;width:calc(100% - 40px);max-width:400px;height:60px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 48px #00000073,inset 0 0 0 1px #ffffff0a}.ni{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:30px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:9px;font-weight:700;transition:color .25s;display:flex;position:relative}.ni svg{width:21px;height:21px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .25s}.ni.active{color:var(--teal)}.ni.active svg{filter:drop-shadow(0 0 8px #5df8d880);transform:translateY(-2px)scale(1.12)}.mbtn{color:var(--fg);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:flex}.mbtn span{background:var(--fg);border-radius:2px;height:2px;transition:width .3s;display:block}.mbtn span:nth-child(2){width:70%}.mbtn:hover span:nth-child(2){width:100%}.smenu{z-index:400;pointer-events:none;position:fixed;inset:0}.smenu.open{pointer-events:all}.sov{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#061c2ca6;transition:opacity .3s;position:absolute;inset:0}.smenu.open .sov{opacity:1}.spnl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a2436f7;border-left:1px solid #6fd1d71f;flex-direction:column;width:280px;height:100%;padding:56px 24px 40px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-20px 0 60px #0006}.smenu.open .spnl{transform:none}.mst{letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin:24px 0 10px;font-size:10px;font-weight:700}.mst:first-child{margin-top:0}.mit{cursor:pointer;color:var(--fg);border-bottom:1px solid #6fd1d712;align-items:center;gap:14px;padding:13px 0;font-size:14px;font-weight:500;transition:color .2s;display:flex}.mit:hover{color:var(--mint)}.mit svg{width:18px;height:18px;color:var(--teal);flex-shrink:0}.mft{color:var(--muted);text-align:center;margin-top:auto;font-size:11px;line-height:1.8}.mft strong{color:var(--teal)}.hero-card{-webkit-backdrop-filter:blur(24px)saturate(1.3);background:#0d30408c;border:1px solid #6fd1d72e;border-radius:24px;margin-bottom:20px;padding:24px 20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 24px 64px #0006,inset 0 0 60px #5df8d80d}.hero-card:before{content:"🕌";opacity:.07;pointer-events:none;filter:grayscale()brightness(2);font-size:130px;line-height:1;position:absolute;top:-18px;right:-18px}.hero-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 55%);position:absolute;inset:0}.shooting-star{pointer-events:none;z-index:3;will-change:transform;background:linear-gradient(270deg,#0000 0%,#5df8d8cc 50%,#ffffffe6 100%);border-radius:999px;width:140px;height:1.5px;animation:1.4s cubic-bezier(.25,.46,.45,.94) forwards shooting-star-trail;position:fixed;box-shadow:0 0 8px 1px #5df8d866}@keyframes shooting-star-trail{0%{opacity:0;transform:rotate(-30deg)translate(0)}5%{opacity:1}to{opacity:0;transform:rotate(-30deg)translate(-800px)}}.btn-primary{background:linear-gradient(135deg, var(--teal), var(--mint));color:#071d2b;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-family:inherit;font-size:15px;font-weight:700;transition:box-shadow .2s,transform .15s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 28px #5df8d861,0 4px 20px #00000059}.btn-primary:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff2e,#0000);position:absolute;inset:0}.btn-primary:active{transform:scale(.96);box-shadow:0 0 14px #5df8d833,0 2px 8px #0000004d}.btn-ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border-radius:50px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.btn-ghost:hover{color:var(--teal);border-color:#6fd1d740}.btn-icon{color:var(--teal);cursor:pointer;background:#6fd1d70f;border:1px solid #6fd1d724;border-radius:50px;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .15s cubic-bezier(.34,1.56,.64,1);display:flex}.btn-icon:active{background:#6fd1d71a;transform:scale(.94)}.badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.badge-official{color:#ffc800;background:#ffc8001f;border:1px solid #ffc8004d;box-shadow:0 0 10px #ffc8001f}.badge-verified{color:var(--mint);background:#5df8d81a;border:1px solid #5df8d847;box-shadow:0 0 10px #5df8d81a}.badge-community{color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa47}.badge-pending{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff1a}.badge-masjid{color:var(--teal);background:#6fd1d712;border:1px solid #6fd1d726}.badge-surau{color:#a78bfa;background:#a78bfa12;border:1px solid #a78bfa26}.slbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.mcard{border-radius:var(--rs);cursor:pointer;background:#0d3040b3;border:1px solid #ffffff0f;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;transition:border-color .25s,box-shadow .25s,transform .15s;display:flex}.mcard:hover{border-color:#6fd1d733;box-shadow:0 4px 24px #00000047,0 0 0 1px #6fd1d712}.mcard:active{transform:scale(.985)}.mcard-icon{flex-shrink:0;font-size:22px}.mcard-info{flex:1;min-width:0}.mcard-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.mcard-loc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.mcard-meta{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.sbox{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d304099;border:1px solid #ffffff12;border-radius:50px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 18px;transition:border-color .25s,box-shadow .25s;display:flex}.sbox:focus-within{border-color:#6fd1d74d;box-shadow:0 0 20px #5df8d814}.sbox input{color:var(--fg);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.sbox input::placeholder{color:var(--muted)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0000008c;align-items:flex-end;animation:.2s both overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-sheet{-webkit-backdrop-filter:blur(32px)saturate(1.5);background:#0d3040eb;border:1px solid #6fd1d71f;border-bottom:none;border-radius:28px 28px 0 0;width:100%;max-height:92dvh;padding:20px 20px 40px;animation:.35s cubic-bezier(.16,1,.3,1) both sheet-up;overflow-y:auto;box-shadow:0 -20px 80px #00000080,inset 0 0 0 1px #ffffff0a}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-handle{background:#ffffff26;border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.toast{bottom:calc(var(--nav-h) + 16px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--fg);white-space:nowrap;opacity:0;z-index:200;pointer-events:none;background:#0d3040eb;border:1px solid #6fd1d733;border-radius:50px;padding:10px 22px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;left:50%;transform:translate(-50%)translateY(16px);box-shadow:0 8px 32px #0006}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty-icon{opacity:.6;margin-bottom:12px;font-size:40px}.empty-title{color:var(--fg);margin-bottom:6px;font-size:15px;font-weight:600}.empty-desc{font-size:13px;line-height:1.7}.solat-row{scrollbar-width:none;gap:6px;margin-bottom:4px;padding-bottom:4px;display:flex;overflow-x:auto}.solat-row::-webkit-scrollbar{display:none}.solat-col{text-align:center;background:#0d304099;border:1px solid #ffffff0f;border-radius:12px;flex:1;min-width:52px;padding:10px 6px;transition:all .2s}.solat-col.next{background:#5df8d814;border-color:#5df8d84d;box-shadow:0 0 16px #5df8d81f}.solat-col.past{opacity:.35}.solat-name{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:600}.solat-time{color:var(--fg);font-size:13px;font-weight:700}.solat-col.next .solat-time{color:var(--mint)}.level-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.level-ring-bg{fill:none;stroke:#6fd1d714;stroke-width:5px}.level-ring-fill{fill:none;stroke:url(#ringGrad);stroke-width:5px;stroke-linecap:round;stroke-dasharray:213.6;stroke-dashoffset:213.6px;transform-origin:50%;filter:drop-shadow(0 0 6px #5df8d880);transition:stroke-dashoffset .9s cubic-bezier(.16,1,.3,1);transform:rotate(-90deg)}.level-ring-emoji{font-size:28px;position:absolute}.saya-tabs{gap:8px;margin-top:16px;display:flex}.saya-tab{cursor:pointer;background:#0d304099;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:11px 8px;font-family:inherit;transition:all .25s;display:flex}.saya-tab.active{background:#5df8d812;border-color:#6fd1d747;box-shadow:0 0 18px #5df8d81a}.saya-tab-lbl{color:var(--muted);font-size:11px;font-weight:600}.saya-tab.active .saya-tab-lbl{color:var(--teal)}.saya-tab-num{color:var(--fg);font-size:19px;font-weight:800}.btn-scan-cta{width:100%;color:var(--mint);cursor:pointer;background:linear-gradient(135deg,#5df8d814,#6fd1d70a);border:1px dashed #5df8d852;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;padding:15px;font-family:inherit;font-size:14px;font-weight:700;transition:all .25s;display:flex;position:relative;overflow:hidden}.btn-scan-cta:active{background:#5df8d81f;transform:scale(.97)}.btn-scan-cta:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:60%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}50%,to{left:150%}}.hikmah-card{border-radius:var(--rs);background:#0d304080;border:1px solid #ffffff0f;padding:18px 16px;position:relative;overflow:hidden}.hikmah-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#a78bfa14,#0000 70%);width:120px;height:120px;position:absolute;bottom:-30px;right:-30px}