*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--jom:#a8d5f2;--solat:#2c5f8a;--solat-dark:#1e405e;--accent:#4a90d9;--bg:#f8fafe;--text:#2d3436;--text-light:#636e72;--text-muted:#a0aab4;--card-bg:#fff;--radius:16px;--shadow:0 12px 40px #2c5f8a1a}html{-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{background:linear-gradient(165deg,#fff 0%,#f0f7ff 50%,#e8f2fa 100%);flex-direction:column;min-height:100dvh;display:flex}.container{flex-direction:column;flex:1;width:100%;max-width:624px;margin:0 auto;padding:48px 24px 40px;display:flex}.status-text{text-align:center;color:var(--text-light);margin-top:40px;font-size:16px}.error-text{color:#e74c3c}.header{text-align:center;margin-bottom:48px}.brand{letter-spacing:-.02em;font-size:36px;font-weight:800;line-height:1}.brand-jom{color:var(--jom)}.brand-solat{color:var(--solat)}.header-sub{color:var(--text-light);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.zone-badge{color:var(--solat);letter-spacing:.03em;background:#2c5f8a1a;border-radius:100px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.current-section{text-align:center;margin-bottom:56px}.current-label{color:var(--solat);text-transform:uppercase;letter-spacing:.15em;margin-bottom:4px;font-size:15px;font-weight:500;display:block}.current-time{color:var(--solat-dark);letter-spacing:-.03em;font-size:clamp(64px,18vw,96px);font-weight:700;line-height:1;display:block}.next-countdown{color:var(--text-light);margin-top:10px;font-size:14px}.prayer-list{flex-direction:column;gap:4px;display:flex}.prayer-row{border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow);opacity:.55;justify-content:space-between;align-items:center;padding:14px 20px;transition:opacity .2s,transform .2s;display:flex}.prayer-row.active{opacity:1;border:2px solid var(--jom);transform:scale(1.02);box-shadow:0 8px 32px #2c5f8a38}.prayer-name{color:var(--text);font-size:15px;font-weight:500}.prayer-row.active .prayer-name{color:var(--solat-dark);font-weight:600}.prayer-time{color:var(--text);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.prayer-row.active .prayer-time{color:var(--solat-dark);font-size:20px}.footer{text-align:center;color:var(--text-muted);padding:24px 24px 32px;font-size:12px}