html[data-night-wallpaper="true"] body::before{background-image:url('/assets/background-night-flight-v1.jpg')!important;background-position:center 48%!important;opacity:1!important;filter:none!important}
.thumb-night{background-image:url('/assets/background-night-flight-v1.jpg')}
html[data-dark-mode="true"]{color-scheme:dark;--liquid-surface:linear-gradient(145deg,#101927ee,#080f1bed)!important;--liquid-surface-strong:linear-gradient(145deg,#101927fa,#080f1bfa)!important;--liquid-surface-hover:linear-gradient(145deg,#1d2b3e,#101b2b)!important;--surface-start:#101927ee!important;--surface-end:#080f1bed!important;--surface-border:#b5c6df38!important;--topbar-bg:linear-gradient(135deg,#101927ee,#080f1bed)!important;--liquid-line:#b5c6df38;--ink:#f7f8fc;--muted:#c4ccd8}
html[data-dark-mode="true"] body::after{background:linear-gradient(115deg,#020610a3,#03102287 50%,#020610b3)!important}
html[data-dark-mode="true"] :is(.topbar,.hero-card,.card,.background-panel){background:linear-gradient(145deg,#101927ed,#080f1be8)!important;color:#f7f8fc}
html[data-dark-mode="true"] :is(input,select,textarea){background-color:#101a29;color:#f7f8fc}
#night-flight-brand[hidden]{display:none!important}

html[data-night-wallpaper="true"] body:has(#enroll){background:linear-gradient(#02091565,#020915b0),url('/assets/background-night-flight-v1.jpg') center/cover fixed}
html[data-dark-mode="true"] body:has(#enroll) main{background:#080f1bed}

#miqat-appearance-bar{display:flex;justify-content:flex-end;width:100%;margin:12px 0 18px;position:relative;z-index:1}
#miqat-dark-toggle{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:auto;max-width:100%;min-height:48px;margin:0;padding:12px 16px;border:1px solid #d9c59180;border-radius:16px;background:#101927ed;box-shadow:0 4px 18px #0003;color:#f7f8fc;font:600 15px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans Arabic',Arial,sans-serif;cursor:pointer;text-align:start;white-space:normal}
#miqat-dark-label{display:block;flex:1;min-width:0}
#miqat-dark-toggle .miqat-dark-state{font-size:14px;font-weight:500;color:#dbe2ed}
#miqat-dark-toggle .miqat-dark-track{position:relative;flex:0 0 40px;width:40px;height:24px;border-radius:20px;background:#526075;direction:ltr}
#miqat-dark-toggle .miqat-dark-track::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white}
#miqat-dark-toggle[aria-checked="true"] .miqat-dark-track{background:#b99348}
#miqat-dark-toggle[aria-checked="true"] .miqat-dark-track::after{left:19px}
#miqat-dark-toggle:focus-visible{outline:3px solid #ffe0a3;outline-offset:3px}
@media(max-width:680px){#miqat-dark-toggle{width:100%}}

#settingsDrawer #miqat-appearance-bar{margin:12px 0;width:100%}
#settingsDrawer #miqat-dark-toggle{width:100%}
#settingsDrawer{overflow:hidden;touch-action:pan-y}
#settingsDrawer[open]{display:flex;flex-direction:column}
#settingsDrawer .settings-heading{position:relative;top:auto;flex:0 0 auto;z-index:2}
#settingsDrawer .settings-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;isolation:isolate}
#settingsDrawer #miqat-appearance-bar{z-index:auto}
#miqat-appearance-settings{margin:12px 0;padding:12px 16px;border:1px solid #d9c59180;border-radius:16px;color:#f7f8fc;background:#101927ed;font:600 15px/1.5 system-ui}
#miqat-appearance-settings summary{cursor:pointer;min-height:32px}
#miqat-appearance-settings #miqat-appearance-bar{margin-bottom:0}
/* Classic surfaces: independent of the selected photographic wallpaper. */
.thumb-classic{background:linear-gradient(145deg,#fff 50%,#e7e9ee 50%);border:1px solid #c9cdd4}
html[data-appearance="classic"]{color-scheme:light;--classic-page:#f5f5f7;--classic-card:#fff;--classic-raised:#f0f1f3;--classic-ink:#1d1d1f;--classic-muted:#62666e;--classic-border:#dcdfe4;--classic-accent:#0066cc;--classic-action:#202124;--classic-on-action:#fff;--classic-danger:#a32020;--classic-danger-bg:#fff0ee;--classic-warning:#775100;--classic-warning-bg:#fff8e6;--classic-shadow:0 4px 20px #10182808}
html[data-appearance="classic"][data-dark-mode="true"]{color-scheme:dark;--classic-page:#111214;--classic-card:#1c1d20;--classic-raised:#282a2f;--classic-ink:#f5f5f7;--classic-muted:#b2b5bd;--classic-border:#3c3e45;--classic-accent:#80baff;--classic-action:#f5f5f7;--classic-on-action:#17181b;--classic-danger:#ffb6ab;--classic-danger-bg:#3b2021;--classic-warning:#f4d28b;--classic-warning-bg:#352e1e;--classic-shadow:0 4px 20px #0002}
html[data-appearance="classic"]{--ink:var(--classic-ink)!important;--ink-soft:var(--classic-ink)!important;--muted:var(--classic-muted)!important;--gold:var(--classic-accent)!important;--gold-bright:var(--classic-accent)!important;--danger:var(--classic-danger)!important;--line:var(--classic-border)!important;--line-gold:var(--classic-border)!important;--glass:var(--classic-card)!important;--glass-soft:var(--classic-raised)!important;--liquid-surface:var(--classic-card)!important;--liquid-surface-strong:var(--classic-card)!important;--liquid-surface-hover:var(--classic-raised)!important;--liquid-line:var(--classic-border)!important;--liquid-shadow:var(--classic-shadow)!important;--shadow:var(--classic-shadow)!important;--surface-start:var(--classic-card)!important;--surface-end:var(--classic-card)!important;--surface-border:var(--classic-border)!important;--topbar-bg:var(--classic-card)!important}
html[data-appearance="classic"] body{background:var(--classic-page)!important;color:var(--classic-ink)!important}
html[data-appearance="classic"] body::before,html[data-appearance="classic"] body::after{display:none!important}
html[data-appearance="classic"] :is(.topbar,.hero-card,.card,.search,.input-wrap,.flight,.prayer,.reminders,.notice,.method,.none,.time-row,.takeoff-correction,.source-pill,.situation,.map-card,.qibla-card,.sharia-card,.route-option,.background-panel,.settings-drawer,.settings-heading,.settings-item,.feedback-dialog,.feedback-heading,.history-panel,.bottom-nav,.test-notice){background:var(--classic-card)!important;border-color:var(--classic-border)!important;color:var(--classic-ink)!important;box-shadow:var(--classic-shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-appearance="classic"] :is(h1,h2,h3,h4,p,label,summary,small,strong,span,button,a,input,select,textarea,li,td,th):not(#night-flight-scene *):not(.flight-map *){color:var(--classic-ink);text-shadow:none!important}
html[data-appearance="classic"] :is(input,select,textarea,.secondary,.account-link,.background-toggle,.background-option,.settings-toggle,.settings-close,.settings-link,.settings-contact-link,.result-tab,.home-button,.map-stop,.button,.icon){background:var(--classic-raised)!important;border-color:var(--classic-border)!important;color:var(--classic-ink)!important;box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-appearance="classic"] :is(input,textarea)::placeholder{color:var(--classic-muted)!important;opacity:1;text-shadow:none!important}
html[data-appearance="classic"] :is(.muted,.school-note,.settings-section-title,.settings-email,.settings-version,.map-note,.note,.subnote,.brand-caption,.brand span){color:var(--classic-muted)!important}
html[data-appearance="classic"] :is(.action,#continue,.feedback-submit){background:var(--classic-action)!important;color:var(--classic-on-action)!important;border-color:var(--classic-action)!important;box-shadow:none!important;text-shadow:none!important}
html[data-appearance="classic"] :is(.action,#continue,.feedback-submit) *{color:inherit!important}
html[data-appearance="classic"] :is(.background-option[aria-checked="true"],.result-tab[aria-selected="true"],.map-stop[aria-pressed="true"]){border-color:var(--classic-accent)!important;box-shadow:inset 0 0 0 1px var(--classic-accent)!important}
html[data-appearance="classic"] :is(.advice,.combine,.route-count,.prayer-group,.optimal-settings){background:var(--classic-raised)!important;color:var(--classic-ink)!important;border-color:var(--classic-border)!important}
html[data-appearance="classic"] :is(.error,.danger,.resident-note,.resident-warning,.sharia-warning,.prayer.expired,.map-error,#error){background:var(--classic-danger-bg)!important;color:var(--classic-danger)!important;border-color:var(--classic-danger)!important;text-shadow:none!important}
html[data-appearance="classic"] :is(.error,.danger,.resident-note,.resident-warning,.sharia-warning,.prayer.expired,.map-error,#error) *{color:var(--classic-danger)!important}
html[data-appearance="classic"] :is(.warning,.prayer-warning,.departure-warning){background:var(--classic-warning-bg)!important;color:var(--classic-warning)!important;border-color:var(--classic-warning)!important}
html[data-appearance="classic"] :is(.warning,.prayer-warning,.departure-warning) *{color:var(--classic-warning)!important}
html[data-appearance="classic"] :is(#miqat-dark-toggle,#miqat-appearance-settings){background:var(--classic-card)!important;color:var(--classic-ink)!important;border-color:var(--classic-border)!important;box-shadow:none!important}
html[data-appearance="classic"] #miqat-dark-toggle .miqat-dark-state{color:var(--classic-muted)!important}
html[data-appearance="classic"] #miqat-dark-toggle[aria-checked="true"] .miqat-dark-track{background:#238354}
html[data-appearance="classic"] :focus-visible{outline-color:var(--classic-accent)!important}
html[data-appearance="classic"] body:has(#enroll) main{background:var(--classic-card)!important;border-color:var(--classic-border)!important;box-shadow:var(--classic-shadow)!important;backdrop-filter:none!important}
html[data-appearance="classic"] :is(.advice.urgent,.live-alert,.fajr-window-alert){background:var(--classic-danger-bg)!important;border-color:var(--classic-danger)!important;color:var(--classic-danger)!important;box-shadow:none!important;text-shadow:none!important}
html[data-appearance="classic"] :is(.advice.urgent,.live-alert,.fajr-window-alert) *{color:var(--classic-danger)!important;text-shadow:none!important}
/* Reduced-luminance reading palette; exact tint is a design choice, not a medical claim. */
html[data-appearance="classic"]:not([data-dark-mode="true"]){--classic-page:#dce4df;--classic-card:#e8eee9;--classic-raised:#d3ded7;--classic-ink:#202a26;--classic-muted:#4d5e54;--classic-border:#a7b8ae}
html[data-appearance="classic"] #scanBoardingPass{display:grid!important;place-items:center;flex:0 0 48px;min-width:48px;min-height:48px;background:var(--classic-raised)!important;color:var(--classic-ink)!important;border:1px solid var(--classic-muted)!important;opacity:1}
#scanBoardingPass svg{display:block!important;width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;visibility:visible!important;opacity:1!important}
html[data-appearance="classic"] .compass-face{background:var(--classic-raised)!important;border:1px solid var(--classic-border)!important;box-shadow:inset 0 0 0 12px var(--classic-card)!important}
html[data-appearance="classic"] .cockpit-silhouette{fill:var(--classic-muted)!important;stroke:var(--classic-ink)!important;opacity:.32}
html[data-appearance="classic"] .qibla-arrow{background:var(--classic-accent)!important;filter:none!important}
html[data-appearance="classic"] .qibla-kaaba{color:var(--classic-accent)!important}
.miqat-note{padding:12px 14px;border:1px solid #7badc3;border-inline-start:4px solid #28718c;border-radius:12px;background:#dcebf2;color:#173e50;font-size:15px;line-height:1.6}
html[data-appearance="classic"] :is(.miqat-note,.advice,.combine,.notice){background:#dcebf2!important;color:#173e50!important;border-color:#7badc3!important;border-inline-start:4px solid #28718c!important;box-shadow:none!important}
html[data-appearance="classic"] :is(.miqat-note,.advice,.combine,.notice) :is(span,p,summary){color:inherit!important}
html[data-dark-mode="true"] :is(.miqat-note,.advice,.combine,.notice){background:#193442!important;color:#d5eaf5!important;border-color:#4c829a!important}
.miqat-note details{margin-top:6px;font-size:14px}.miqat-note summary{cursor:pointer;font-weight:650}.miqat-note details p{margin:8px 0 0}
html[data-appearance="classic"] :is(.advice.urgent,.live-alert,.fajr-window-alert,.miqat-note.urgent){background:var(--classic-danger-bg)!important;color:var(--classic-danger)!important;border-color:var(--classic-danger)!important}
/* Flat typography, including inherited shadows on bdi/time/div elements. */
html[data-appearance="classic"] body,
html[data-appearance="classic"] body *:not(#night-flight-scene):not(#night-flight-scene *){text-shadow:none!important;-webkit-text-stroke:0!important;-webkit-box-reflect:unset!important}
html[data-appearance="classic"] :is(.prayer,.prayer-entry,.prayer-head,.mosalla-card,.mosalla-empty,.mosalla-head){filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-appearance="classic"] .mosalla-card{background:var(--classic-raised)!important;border-color:var(--classic-border)!important;color:var(--classic-ink)!important;box-shadow:none!important}
html[data-appearance="classic"] .mosalla-card *{color:inherit!important}
.optimal-time[data-qibla-group]{cursor:pointer;touch-action:manipulation}
.miqat-compass-wrap{display:grid;justify-items:center;gap:5px;margin:18px auto;max-width:360px;font-size:14px}
.miqat-inspected-compass{display:block;width:100%;max-width:360px;height:auto}
.miqat-compass-plane{fill:#82909b;opacity:.5}
html[data-appearance="classic"] .miqat-compass-plane{fill:var(--classic-muted);opacity:.4}
html[data-appearance="classic"] .qibla-bearing,
html[data-appearance="classic"] .qibla-bearing *{color:var(--classic-ink)!important;text-shadow:none!important;opacity:1!important}
.qibla-bearing{line-height:1.6;overflow-wrap:break-word}
.miqat-compass-rim{fill:#172735;stroke:#8da2ac;stroke-width:2}
.miqat-compass-inner{fill:none;stroke:#8da2ac;stroke-width:.5;opacity:.45}
.miqat-compass-tick{stroke:#8da2ac;stroke-width:1;stroke-linecap:round}.miqat-compass-tick.major{stroke-width:1.8}
.miqat-compass-degree{fill:#cfdae0;font:13px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.miqat-compass-line{stroke:#f3c965;stroke-width:2;stroke-linecap:round}
.miqat-compass-counterline{stroke:#8da2ac;stroke-width:1;stroke-linecap:round}
.miqat-compass-center{fill:#172735;stroke:#f3c965;stroke-width:2}
.miqat-kaaba-body{fill:#242b30;stroke:#d9c68d;stroke-width:1.2;stroke-linejoin:round}
.miqat-kaaba-edge{fill:none;stroke:#657077;stroke-width:1}
.miqat-kaaba-band{fill:#d5b667}
html[data-appearance="classic"] .miqat-compass-rim{fill:var(--classic-raised);stroke:var(--classic-border)}
html[data-appearance="classic"] :is(.miqat-compass-inner,.miqat-compass-tick,.miqat-compass-counterline){stroke:var(--classic-muted)}
html[data-appearance="classic"] .miqat-compass-degree{fill:var(--classic-muted)}
html[data-appearance="classic"] .miqat-compass-line{stroke:var(--classic-accent)}
html[data-appearance="classic"] .miqat-compass-center{fill:var(--classic-card);stroke:var(--classic-accent)}
html[lang="ar"] #prayersPanel > .prayer-head{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
html[lang="ar"] #prayersPanel > .prayer-head > h2{flex:1;min-width:0;white-space:nowrap;font-size:clamp(16px,4.5vw,24px);line-height:1.5;letter-spacing:0;margin:0}
html[lang="ar"] #prayersPanel > .prayer-head > .count{flex:0 0 auto}

.miqat-travel-rules{margin-top:20px;padding:16px 18px;border:1px solid #ce8f89;border-inline-start:4px solid #a32020;border-radius:16px;background:#fff0ee;color:#782323;font-size:16px;line-height:1.7;text-align:start}
.miqat-travel-rules p{margin:8px 0 0}.miqat-travel-rules strong{font-size:16px}
html[data-appearance="classic"] .miqat-travel-rules{background:var(--classic-danger-bg)!important;color:var(--classic-danger)!important;border-color:var(--classic-danger)!important}
html .miqat-travel-rules *{color:inherit!important;text-shadow:none!important}
html[data-dark-mode="true"] .miqat-travel-rules{background:#3b2021;color:#ffb6ab;border-color:#b47570}

/* Distinguish elapsed flight time from location and local date metadata. */
html #result .prayer-top .elapsed-time,html #result .prayer-top .elapsed-time *{color:#e6bd78!important;font-weight:750!important;text-shadow:none!important}
html[data-appearance="classic"]:not([data-dark-mode="true"]) #result .prayer-top .elapsed-time,html[data-appearance="classic"]:not([data-dark-mode="true"]) #result .prayer-top .elapsed-time *{color:#705014!important}
#result .prayer-top .time>span:first-child{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.35em}

html[data-appearance="classic"] :is(.notice,.miqat-note,.optimal-note,.reminder-status,.notification-qibla-toast){background:var(--classic-raised)!important;color:var(--classic-ink)!important;border-color:var(--classic-border)!important;text-shadow:none}
html[data-appearance="classic"] :is(.notice,.miqat-note,.optimal-note,.reminder-status) :is(p,span,strong){color:inherit!important}

/* Keep contrast independent of wallpaper and inherited paragraph colors. */
html body #result .sharia-card p,html body #result .miqat-note:not(.urgent):not(.live-alert){background:#dcebf2!important;color:#173e50!important;border-color:#7badc3!important;text-shadow:none!important}
html[data-dark-mode="true"] body #result .sharia-card p,html[data-dark-mode="true"] body #result .miqat-note:not(.urgent):not(.live-alert){background:#193442!important;color:#d5eaf5!important;border-color:#4c829a!important}
html body #result .sharia-card p *,html body #result .miqat-note:not(.urgent):not(.live-alert) *{color:inherit!important}
#result .flight{position:relative}
#result .flight>.eyebrow{padding-left:54px;min-height:44px;display:flex;align-items:center}
#result .flight>.miqat-favorite-star{position:absolute;left:14px;top:14px;float:none;width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;display:grid;place-items:center;z-index:1;line-height:1;font-size:26px}
.miqat-compass-drawing{position:relative;width:100%;aspect-ratio:1}
.miqat-compass-drawing>svg{display:block;width:100%;height:100%}
.miqat-compass-drawing>img{position:absolute;width:17.778%;height:17.778%;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none}

/* Verse-only bronze: preserve the original calligraphy and remove its white background. */
html .home-verse{background:transparent;padding:0;border:0;box-shadow:none}
html .home-verse img{filter:url(#miqat-bronze-dark)!important;mix-blend-mode:normal!important;object-fit:cover}
html .home-verse figcaption{color:#c79e66!important}
html[data-dark-mode="false"] .home-verse{background:transparent}
html[data-dark-mode="false"] .home-verse img{filter:url(#miqat-bronze-light)!important}
html[data-dark-mode="false"] .home-verse figcaption{color:#734f24!important}
html .travel-dua-open strong,html .travel-dua-open span{color:inherit!important}