:root{--color-bg:#f0f4fa;--color-surface:#ffffff;--color-border:#e2e8f0;--color-text-primary:#1a2744;--color-text-secondary:#5e6e8d;--color-accent:#a87d55;--color-accent-soft:#d4b896;--color-prayer-highlight-bg:rgba(194, 149, 107, 0.08);--color-skeleton-base:#e2e8f0;--color-skeleton-shimmer:#f1f5f9;--color-header-bg:#1a2744;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--font-family:'Segoe UI',system-ui,-apple-system,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-card:0 1px 3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.04);--shadow-elevated:0 4px 16px rgba(0, 0, 0, 0.08)}@media (prefers-color-scheme:dark){:root{--color-bg:#0f1419;--color-surface:#1a2332;--color-border:#2a3545;--color-text-primary:#f0f4f8;--color-text-secondary:#9fb0c4;--color-skeleton-base:#2a3545;--color-skeleton-shimmer:#354560;--color-header-bg:#141d2b;--shadow-card:0 1px 3px rgba(0, 0, 0, 0.2);--shadow-elevated:0 4px 16px rgba(0, 0, 0, 0.3)}}html[data-theme=dark]{--color-bg:#0f1419;--color-surface:#1a2332;--color-border:#2a3545;--color-text-primary:#f0f4f8;--color-text-secondary:#9fb0c4;--color-skeleton-base:#2a3545;--color-skeleton-shimmer:#354560;--color-header-bg:#141d2b;--shadow-card:0 1px 3px rgba(0, 0, 0, 0.2);--shadow-elevated:0 4px 16px rgba(0, 0, 0, 0.3)}html[data-theme=light]{--color-bg:#f0f4fa;--color-surface:#ffffff;--color-border:#e2e8f0;--color-text-primary:#1a2744;--color-text-secondary:#5e6e8d;--color-skeleton-base:#e2e8f0;--color-skeleton-shimmer:#f1f5f9;--color-header-bg:#1a2744;--shadow-card:0 1px 3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.04);--shadow-elevated:0 4px 16px rgba(0, 0, 0, 0.08)}*,::after,::before{box-sizing:border-box;margin:0;padding:0;touch-action:manipulation}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);min-height:100dvh;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:440px;margin:0 auto;padding:var(--space-md);padding-bottom:72px;position:relative}.app__header{position:relative;z-index:1;background:var(--color-header-bg);color:#fff;padding:var(--space-lg) var(--space-lg) var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-md);text-align:center;box-shadow:var(--shadow-elevated)}.header__title{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.3px;color:#fff;margin-bottom:var(--space-sm)}.header__date{margin-bottom:var(--space-sm);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.header__countdown{font-size:var(--font-size-base);font-weight:600;color:var(--color-accent-soft);min-height:28px;display:flex;align-items:center;justify-content:center}.header__countdown:empty{display:none}.app__prayer-list{position:relative;z-index:1;flex:1}.prayer-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.prayer-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-md);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:background-color .2s ease,border-color .2s ease}.prayer-item__name{display:flex;flex-direction:column;gap:2px}.prayer-name-primary{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.prayer-name-secondary{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary)}.prayer-item__time{font-size:var(--font-size-lg);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.app__footer{position:relative;z-index:1;padding:var(--space-md) 0 var(--space-sm);margin-top:var(--space-sm)}.footer__sunrise{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary)}.sunrise__label{font-size:var(--font-size-sm);font-weight:500}.sunrise__time{font-size:var(--font-size-sm);font-weight:700;font-variant-numeric:tabular-nums}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}.skeleton{display:inline-block;background:linear-gradient(90deg,var(--color-skeleton-base) 25%,var(--color-skeleton-shimmer) 50%,var(--color-skeleton-base) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;color:transparent}.skeleton--prayer-time{height:20px;width:60px}.skeleton--countdown{height:24px;width:180px;margin:0 auto;display:block;background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton--date{height:16px;width:130px;margin:0 auto;display:block;background:linear-gradient(90deg,rgba(255,255,255,.08) 25%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.08) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.skeleton{animation:none;opacity:.7}}.theme-toggle{position:absolute;top:var(--space-sm);right:var(--space-sm);background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.7);width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;z-index:2}.theme-toggle:focus-visible,.theme-toggle:hover{background:rgba(255,255,255,.2);color:#fff}.header__mosque{margin-top:var(--space-sm);margin-bottom:var(--space-sm);display:flex;justify-content:center;opacity:.85}.prayer-item--next{background-color:var(--color-prayer-highlight-bg);border-left:3px solid var(--color-accent);border-color:var(--color-accent)}.prayer-item--next .prayer-item__time,.prayer-item--next .prayer-name-primary{color:var(--color-text-primary)}.prayer-item--next .prayer-name-secondary{color:var(--color-text-primary);opacity:.7}.prayer-item--past .prayer-item__time,.prayer-item--past .prayer-name-primary{color:var(--color-text-secondary)}.prayer-item--past .prayer-item__postfix,.prayer-item--past .prayer-name-secondary{color:var(--color-text-secondary)}.prayer-item__postfix{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);margin-left:var(--space-xs);vertical-align:super}.prayer-item--next .prayer-item__postfix{color:var(--color-text-primary);opacity:.7}.after-darka-msg{text-align:center;padding:var(--space-md);margin-bottom:var(--space-sm);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);box-shadow:var(--shadow-card)}.after-darka-msg__text{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.after-darka-msg__times{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.date-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.date-nav__btn{background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.7);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.date-nav__btn:focus-visible,.date-nav__btn:hover{background:rgba(255,255,255,.2);color:#fff}.date-nav__btn:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.date-nav__date-btn{background:0 0;border:1px solid rgba(255,255,255,.15);color:inherit;cursor:pointer;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);transition:background .2s ease,border-color .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;width:220px}.date-nav__date-btn:focus-visible,.date-nav__date-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}.date-nav__cal-icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);opacity:.4}.date-nav__picker{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;font-size:16px}.date-nav__gregorian{font-size:var(--font-size-sm);color:rgba(255,255,255,.85);padding-right:18px}.date-nav__hijri{font-size:var(--font-size-xs);color:rgba(255,255,255,.65);padding-right:18px}.sot-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--space-xs);padding:3px 14px;background:var(--color-accent);color:#fff;border:none;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.sot-btn:focus-visible,.sot-btn:hover{transform:scale(1.05);opacity:.9}.sot-btn:active{transform:scale(.97)}.sot-btn[hidden]{display:none}.banner{position:fixed;bottom:var(--space-md);left:50%;transform:translateX(-50%);width:calc(100% - var(--space-lg) * 2);max-width:400px;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-elevated);z-index:100}.banner[hidden]{display:none}.banner__msg{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary)}.banner__btn--primary{flex-shrink:0;padding:var(--space-xs) var(--space-md);background-color:var(--color-header-bg);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;cursor:pointer;letter-spacing:.3px}.banner__btn--primary:focus-visible,.banner__btn--primary:hover{opacity:.9}.banner__close{flex-shrink:0;background:0 0;border:none;color:var(--color-text-secondary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--space-xs);line-height:1}.prayer-item--no-data{text-align:center;padding:2rem 0}@media (min-width:480px){.app{padding:var(--space-lg)}.app__header{padding:var(--space-xl) var(--space-xl) var(--space-lg)}}