@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500 600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500 600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/source-sans-3-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/source-sans-3-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:is(.prayer-times-page,.qibla-page,.duas-page,.method-intro){color-scheme:dark;--font-body: "Source Sans 3", "Segoe UI", sans-serif;--font-heading: var(--font-body);--font-display: "Cormorant Garamond", Georgia, serif;font-family:var(--font-body);--surface: #041e1b;--surface-elevated: #0c2d28;--surface-hover: #193a32;--border-color: #2c4840;--accent: #a6d3bc;--accent-light: #c7e5d4;--accent-surface: #1c3e33;--accent-glow: #a6d3bc20;--text-primary: #f1f2e9;--text-secondary: #b5c8bf;--text-muted: #a0baac;--gold: #e2c783;--hero-surface: #0e2c26;--hero-border: #7b713f;--next-surface: #204737;--progress-filled: #d2b777;--progress-track: #345044;--hero-image: url(/assets/ornaments/mosque-horizon-dark.webp);--hero-sky: #032c28;--hero-scrim: #032c2870;--hero-text: #fff8e7;--hero-muted: #c3d7c8;--hero-gold: #f4d38c;--horizon-gold: #f4d38c;--horizon-sage: #9bbfa9;--horizon-marker: #fff3cf;--trail-track: var(--horizon-sage);--trail-passed: var(--horizon-gold);--home-shadow: 0 12px 35px #00110c20;--logo-filter: brightness(0) invert(1)}[data-theme=light] :is(.prayer-times-page,.qibla-page,.duas-page,.method-intro){color-scheme:light;--surface: #f7f5ee;--surface-elevated: #fdfcf8;--surface-hover: #efeee4;--border-color: #d9ddcf;--accent: #256047;--accent-light: #194f39;--accent-surface: #e8efdf;--accent-glow: #25604715;--text-primary: #153a30;--text-secondary: #52655c;--text-muted: #5d695e;--gold: #7c5e23;--hero-surface: #fafaf2;--hero-border: #d4d8c4;--next-surface: #e6eedc;--progress-filled: #7c5e23;--progress-track: #dce1d1;--hero-image: url(/assets/ornaments/mosque-horizon-light.webp);--hero-sky: #faf7ed;--hero-scrim: #faf7eddf;--hero-text: #123d33;--hero-muted: #426858;--hero-gold: #856020;--horizon-gold: #996c23;--horizon-sage: #426853;--horizon-marker: #fff7db;--home-shadow: 0 12px 35px #33422605;--logo-filter: none}@media(max-width:599px){:is(.prayer-times-page,.qibla-page,.duas-page){--hero-image: url(/assets/ornaments/mosque-horizon-mobile-dark.webp)}[data-theme=light] :is(.prayer-times-page,.qibla-page,.duas-page){--hero-image: url(/assets/ornaments/mosque-horizon-mobile-light.webp)}}:is(.qibla-page,.duas-page) :is(.qibla-back,.duas-back){position:absolute;left:0;top:4px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary)}:is(.qibla-page,.duas-page) :is(.qibla-back,.duas-back):hover{background:var(--surface-hover);color:var(--text-primary)}:is(.qibla-page,.duas-page) :is(.qibla-back,.duas-back) svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:599px){:is(.qibla-page,.duas-page) :is(.qibla-back,.duas-back){width:36px;border:0}}:root :is(.prayer-times-page,.qibla-page,.duas-page,.method-intro) :is(button,a,input):focus-visible{outline:2px solid var(--gold);outline-offset:3px}:root :is(.prayer-times-page,.qibla-page,.duas-page) .app-header{height:auto;min-height:76px;display:grid;grid-template-columns:1fr auto;gap:1rem .5rem;padding:1rem;background:var(--surface)}:root :is(.prayer-times-page,.qibla-page,.duas-page) .header-brand{gap:.45rem}:root :is(.prayer-times-page,.qibla-page,.duas-page) .header-logo{width:30px;height:34px}:root :is(.prayer-times-page,.qibla-page,.duas-page) app-header app-city-selector{grid-column:1 / -1;grid-row:2;min-width:0}:root :is(.prayer-times-page,.qibla-page,.duas-page) .city-selector{max-width:none}:root :is(.prayer-times-page,.qibla-page,.duas-page) .selector-trigger{min-height:48px;padding:.7rem 1rem;border-radius:11px;font-weight:500}:root :is(.prayer-times-page,.qibla-page,.duas-page) .selector-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root :is(.prayer-times-page,.qibla-page,.duas-page) .selector-icon{color:var(--accent)}:root :is(.prayer-times-page,.qibla-page,.duas-page) .selector-dropdown{box-shadow:var(--home-shadow)}:root :is(.prayer-times-page,.qibla-page,.duas-page) .city-option{min-height:44px}:root :is(.prayer-times-page,.qibla-page,.duas-page) .search-input{min-height:44px;font-size:1rem}:root :is(.prayer-times-page,.qibla-page,.duas-page) .city-option.active{background:var(--accent-surface)}:root :is(.prayer-times-page,.qibla-page,.duas-page) .header-desktop-controls{display:none}:root :is(.prayer-times-page,.qibla-page,.duas-page) .header-mobile-controls{display:flex;grid-row:1;grid-column:2;gap:.5rem}:root :is(.prayer-times-page,.qibla-page,.duas-page) :is(.lang-switcher,.theme-switcher,.method-switcher,.header-qibla){height:44px;background:var(--surface-elevated);border-radius:10px}:root :is(.prayer-times-page,.qibla-page,.duas-page) :is(.lang-btn,.theme-btn){align-self:stretch}:root :is(.prayer-times-page,.qibla-page,.duas-page) :is(.lang-slider,.theme-slider,.method-slider){border-color:var(--border-color);box-shadow:none;border-radius:7px}:root :is(.prayer-times-page,.qibla-page,.duas-page) .lang-btn{padding-inline:.45rem}:root :is(.prayer-times-page,.qibla-page,.duas-page) .lang-flag{width:16px;height:16px}:root :is(.prayer-times-page,.qibla-page,.duas-page) .hamburger{width:44px;height:44px}:root :is(.prayer-times-page,.qibla-page,.duas-page) .mobile-dropdown{display:flex;padding:1rem;gap:.75rem;background:var(--surface-elevated)}:root :is(.prayer-times-page,.qibla-page,.duas-page) .mobile-dropdown .header-qibla{color:var(--text-primary)}:root :is(.prayer-times-page,.qibla-page,.duas-page) .mobile-dropdown :is(.theme-switcher,.method-switcher){height:48px}:root :is(.prayer-times-page,.qibla-page,.duas-page) .method-help-icon{opacity:1}:root :is(.prayer-times-page,.qibla-page,.duas-page) .method-tooltip{z-index:250;left:0;right:0;width:auto;max-width:none;transform:none}:root :is(.prayer-times-page,.qibla-page,.duas-page) .method-tooltip-content,:root :is(.prayer-times-page,.qibla-page,.duas-page) .method-tooltip:after{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--hero-border);box-shadow:var(--home-shadow)}:root :is(.prayer-times-page,.qibla-page,.duas-page) .state-panel{margin-top:2rem;background:var(--hero-surface);border-color:var(--hero-border);padding-block:3rem}@media(min-width:600px){:root :is(.prayer-times-page,.qibla-page,.duas-page) .app-header{padding:1rem 1.5rem;grid-template-columns:auto minmax(180px,1fr) auto;gap:1.5rem}:root :is(.prayer-times-page,.qibla-page,.duas-page) app-header app-city-selector{grid-row:1;grid-column:2;max-width:380px;width:100%;justify-self:center}:root :is(.prayer-times-page,.qibla-page,.duas-page) .header-mobile-controls{grid-column:3}:root :is(.prayer-times-page,.qibla-page,.duas-page) .mobile-dropdown{left:auto;width:360px;border-left:1px solid var(--border-color);border-bottom-left-radius:14px}}@media(min-width:1100px){:root :is(.prayer-times-page,.qibla-page,.duas-page) .app-header{padding:1rem 2rem;gap:2rem}:root :is(.prayer-times-page,.qibla-page,.duas-page) .header-desktop-controls{display:flex;gap:.5rem}:root :is(.prayer-times-page,.qibla-page,.duas-page) :is(.header-mobile-controls,.mobile-dropdown){display:none}:root :is(.prayer-times-page,.qibla-page,.duas-page) .header-qibla{color:var(--text-secondary)}:root :is(.prayer-times-page,.qibla-page,.duas-page) .header-qibla:hover{color:var(--accent);border-color:var(--accent)}:root :is(.prayer-times-page,.qibla-page,.duas-page) .method-tooltip{left:50%;right:auto;width:340px;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){:root :is(.prayer-times-page,.qibla-page,.duas-page) *,:root :is(.prayer-times-page,.qibla-page,.duas-page) *:before,:root :is(.prayer-times-page,.qibla-page,.duas-page) *:after{animation:none!important;transition:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--surface: #0f1117;--surface-elevated: #181b23;--surface-hover: #1f2330;--border-color: #2a2e3a;--accent: #2dd4a8;--accent-light: #5eecc6;--accent-surface: rgba(45, 212, 168, .08);--accent-glow: rgba(45, 212, 168, .2);--progress-filled: #2dd4a8;--progress-track: #2a3a35;--text-primary: #e8eaed;--text-secondary: #9aa0ad;--text-muted: #5f6573;--error: #f87171;--logo-filter: brightness(0) invert(1)}[data-theme=light]{--surface: #f4f5f7;--surface-elevated: #ffffff;--surface-hover: #ebedf0;--border-color: #d4d7dd;--accent: #1aab86;--accent-light: #15946f;--accent-surface: rgba(26, 171, 134, .08);--accent-glow: rgba(26, 171, 134, .15);--progress-filled: #1aab86;--progress-track: #e0e4e8;--text-primary: #1a1d23;--text-secondary: #5a5f6b;--text-muted: #8b909c;--error: #dc3545;--logo-filter: none}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:var(--surface);color:var(--text-primary);line-height:1.5;min-height:100vh}html{scroll-behavior:smooth}::selection{background:var(--accent);color:var(--surface)}