:root{--brand-emerald-900: #0B5751;--brand-emerald-800: #0F766E;--brand-emerald-700: #149086;--brand-emerald-600: #2BA89D;--brand-emerald-50: #E8F2F0;--brand-sand-700: #B8A584;--brand-sand-500: #D6C3A5;--brand-sand-200: #ECE2CE;--brand-gold-600: #B0935C;--brand-gold-500: #C8A96B;--brand-gold-200: #E8DCC0;--light-bg: #F8F7F4;--light-surface: #FFFFFF;--light-surface-2: #F1EEE8;--light-divider: rgba(15, 23, 32, .06);--light-divider-strong: rgba(15, 23, 32, .1);--light-fg-1: #14201D;--light-fg-2: #4A5854;--light-fg-3: #8A938F;--light-fg-4: #B7BDB9;--dark-bg: #0F1720;--dark-surface: #111827;--dark-surface-2: #1A2433;--dark-surface-3: #233044;--dark-divider: rgba(255, 255, 255, .07);--dark-divider-strong: rgba(255, 255, 255, .12);--dark-fg-1: #F2EFE8;--dark-fg-2: #B6BCC4;--dark-fg-3: #7C8593;--dark-fg-4: #4D5666;--color-bg: var(--light-bg);--color-surface: var(--light-surface);--color-surface-2: var(--light-surface-2);--color-divider: var(--light-divider);--color-divider-strong: var(--light-divider-strong);--color-fg-1: var(--light-fg-1);--color-fg-2: var(--light-fg-2);--color-fg-3: var(--light-fg-3);--color-fg-4: var(--light-fg-4);--color-accent: var(--brand-emerald-800);--color-accent-soft: var(--brand-emerald-50);--color-sand: var(--brand-sand-500);--color-gold: var(--brand-gold-500);--atm-fajr-1: #1B2A3F;--atm-fajr-2: #3E5B7A;--atm-sunrise-1: #E8C9A0;--atm-sunrise-2: #C99E7A;--atm-dhuhr-1: #F4E6CC;--atm-dhuhr-2: #E8D4AE;--atm-asr-1: #D9B679;--atm-asr-2: #B58F4F;--atm-maghrib-1: #C76A4E;--atm-maghrib-2: #4F6E6B;--atm-isha-1: #0F1A2A;--atm-isha-2: #1F2C44;--font-ios: -apple-system, "SF Pro Display", "SF Pro Text", "Inter", system-ui, sans-serif;--font-android: "Roboto", "Manrope", "Inter", system-ui, sans-serif;--font-display: "Fraunces", "New York", Georgia, serif;--font-arabic: "Amiri", serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--text-display-xl: 64px;--text-display-l: 48px;--text-display-m: 36px;--text-h1: 28px;--text-h2: 22px;--text-h3: 18px;--text-body-l: 17px;--text-body: 15px;--text-caption: 13px;--text-micro: 11px;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.45;--leading-relaxed: 1.6;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .12em;--tracking-tv-label: .2em;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--space-10: 72px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--radius-tv-card: 24px;--radius-tv-row: 18px;--shadow-xs: 0 1px 2px rgba(15, 23, 32, .04);--shadow-sm: 0 2px 8px rgba(15, 23, 32, .05), 0 1px 2px rgba(15, 23, 32, .03);--shadow-md: 0 8px 24px rgba(15, 23, 32, .07), 0 2px 6px rgba(15, 23, 32, .04);--shadow-lg: 0 24px 60px rgba(15, 23, 32, .1), 0 6px 14px rgba(15, 23, 32, .05);--shadow-glow-emerald: 0 0 60px rgba(15, 118, 110, .18);--shadow-glow-sunset: 0 0 80px rgba(199, 106, 78, .22);--shadow-tv-hero: 0 24px 60px rgba(11, 87, 81, .26);--elev-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.05);--elev-2: 0 2px 4px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.06);--elev-3: 0 4px 8px rgba(0,0,0,.08), 0 8px 16px rgba(0,0,0,.06);--ease-calm: cubic-bezier(.22, .61, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--ease-rise: cubic-bezier(.16, 1, .3, 1);--dur-quick: .16s;--dur-base: .28s;--dur-slow: .52s;--dur-ambient: 6s}[data-appearance=dark]{--color-bg: var(--dark-bg);--color-surface: var(--dark-surface);--color-surface-2: var(--dark-surface-2);--color-divider: var(--dark-divider);--color-divider-strong: var(--dark-divider-strong);--color-fg-1: var(--dark-fg-1);--color-fg-2: var(--dark-fg-2);--color-fg-3: var(--dark-fg-3);--color-fg-4: var(--dark-fg-4);--color-accent: var(--brand-emerald-600);--color-accent-soft: rgba(43, 168, 157, .14);--shadow-xs: 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.5);--shadow-lg: 0 24px 60px rgba(0,0,0,.55)}:root{--panel-amber: #8A6A21;--panel-amber-tint: #FDFAF3;--panel-amber-border: rgba(138, 106, 33, .32);--panel-clay: #9A3B2A;--panel-clay-tint: rgba(154, 59, 42, .08);--panel-parchment: #F4F2ED;--panel-platform-fg-2: #C9D1DA;--panel-platform-fg-3: #8892A0;--panel-on-fill: var(--light-surface);--panel-scrim: rgb(15 23 32 / .32);--panel-field-bg: var(--color-surface);--panel-field-border: var(--color-divider-strong)}[data-appearance=dark]{--panel-field-bg: var(--color-surface-2);--panel-parchment: var(--dark-surface-2);--panel-amber-tint: rgba(138, 106, 33, .16);--panel-clay-tint: rgba(154, 59, 42, .18)}[data-density=jamaat]{--panel-row-height: 64px;--panel-card-radius: var(--radius-lg);--panel-button-radius: var(--radius-pill);--panel-separation-shadow: var(--shadow-sm);--panel-separation-border: none;--panel-destructive-bg: var(--panel-clay);--panel-destructive-border: transparent;--panel-destructive-fg: var(--panel-on-fill)}[data-density=platform]{--panel-row-height: 44px;--panel-card-radius: var(--radius-md);--panel-button-radius: 8px;--panel-separation-shadow: none;--panel-separation-border: 1px solid var(--color-divider-strong);--panel-destructive-bg: transparent;--panel-destructive-border: var(--panel-clay);--panel-destructive-fg: var(--panel-clay)}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/Amiri-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-Variable.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-Italic-Variable.ttf) format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-bg);color-scheme:light}html[data-appearance=dark]{color-scheme:dark}body{margin:0;background:var(--color-bg);color:var(--color-fg-1);font-family:Inter,system-ui,sans-serif;font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.tabular{font-variant-numeric:tabular-nums}.eyebrow{text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:var(--text-micro);font-weight:var(--weight-semibold);color:var(--color-fg-3)}.surface{border:var(--panel-separation-border);border-radius:var(--panel-card-radius);background:var(--color-surface);box-shadow:var(--panel-separation-shadow);overflow:hidden}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}