:root{--color-bg-page:#f8fafc;--color-bg-surface:#fff;--color-bg-surface-muted:#f8fafc;--color-bg-surface-highlight:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#64748b;--color-text-inverse:#fff;--color-border:#e2e8f0;--color-border-muted:#f1f5f9;--color-brand:#059669;--color-brand-hover:#047857;--color-brand-secondary:#10b981;--color-brand-muted:#d1fae5;--color-brand-text:#059669;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--font-family-base:Inter,system-ui,sans-serif;--font-family-arabic:"Noto Naskh Arabic","Traditional Arabic",serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--layout-max-width:48rem;--layout-content-width:48rem}.dark{--color-bg-page:#0f172a;--color-bg-surface:#1e293b;--color-bg-surface-muted:#334155;--color-bg-surface-highlight:#334155;--color-text-primary:#fff;--color-text-secondary:#94a3b8;--color-text-inverse:#0f172a;--color-border:#334155;--color-border-muted:#1e293b}
*,:before,:after{box-sizing:border-box}*{margin:0}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--color-bg-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h4,h5,h6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.container{width:100%;max-width:var(--layout-max-width);padding-inline:var(--space-4);margin-inline:auto}.card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.card-accent{border-top:3px solid var(--color-brand);border-radius:0 0 var(--radius-lg)var(--radius-lg)}.eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-brand-text);margin-bottom:var(--space-1)}.section{padding-block:var(--space-6)}.text-secondary{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.page-title{margin-bottom:var(--space-2)}.page-date{font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.prayer-table{border-collapse:collapse;width:100%}.prayer-table th{text-align:left;padding-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.prayer-table th:not(:first-child){text-align:right}.prayer-table td{padding:var(--space-3)0;font-size:var(--font-size-base);border-bottom:1px solid var(--color-border-muted)}.prayer-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.prayer-table .prayer-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.prayer-table tbody tr{transition:background-color .15s}.prayer-table tbody tr:hover{background-color:var(--color-bg-surface-highlight)}.time-alt{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-left:var(--space-2)}.tv-page{color:#fff;min-height:100vh;padding:var(--space-6);gap:var(--space-6);font-family:var(--font-family-base);background:#0a0a0a;flex-direction:column;display:flex}.tv-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.tv-mosque-name{font-size:clamp(1.5rem,4vw,3rem);font-weight:var(--font-weight-bold);color:var(--color-brand)}.tv-date-time{text-align:right}.tv-date{color:var(--color-text-secondary);font-size:clamp(1rem,2.5vw,1.75rem)}.tv-clock{font-size:clamp(2.5rem,7vw,6rem);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;line-height:1}.tv-main{flex:1;align-items:center;display:flex}.tv-table{border-collapse:collapse;width:100%;font-size:clamp(1.2rem,3vw,2.2rem)}.tv-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:var(--space-2)var(--space-3);border-bottom:1px solid #ffffff1a;font-size:.6em}.tv-table th:not(:first-child){text-align:right}.tv-table td{padding:var(--space-3);font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff0d}.tv-table td:not(:first-child){text-align:right}.tv-row-current{background:#05966933}.tv-row-current td{color:#fff;font-weight:var(--font-weight-bold)}.tv-next{color:var(--color-brand);text-align:center;padding:var(--space-4);font-size:clamp(1rem,2.5vw,1.75rem);font-weight:var(--font-weight-medium);border-top:1px solid #ffffff1a}.tv-no-times{color:var(--color-text-secondary);font-size:clamp(1rem,2.5vw,1.75rem)}