:root{color-scheme:dark;--bg:#101e23;--ink:#f1f1e9;--muted:#bdc9c9;--line:#f1f1e923;--accent:#e4b57b;--chart:#e4b57b;font-family:'Barlow','Noto Sans Arabic',sans-serif;font-synthesis:none;font-weight:400}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:wait}button{border:0;background:none}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button[hidden],[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:var(--bg);padding:16px;z-index:100}.skip:focus{top:20px}.experience{position:relative;isolation:isolate;min-height:100svh;max-width:2400px;margin:auto;overflow:hidden}.atmosphere{position:absolute;inset:0 0 0;z-index:-2;background:#19303a;overflow:hidden}.city-image{position:absolute;inset:0;background-image:url('assets/kuwait02.jpg');background-size:cover;background-position:50% 45%}.light-wash{position:absolute;inset:0;background:linear-gradient(135deg,transparent 20%,#d48f4560);mix-blend-mode:screen;opacity:0;transition:opacity 2s ease}.haze-wash{position:absolute;inset:0;background:linear-gradient(0deg,#ad986055,#c1a87b);opacity:0;transition:opacity 2s ease}#sceneCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease}.webgl #sceneCanvas{opacity:1}.webgl .city-image,.webgl .light-wash,.webgl .haze-wash{visibility:hidden}#windCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.63}.scene-shade{position:absolute;inset:0}.scene-shade::before,.scene-shade::after{content:'';position:absolute;inset:0;transition:opacity 2s ease}.scene-shade::before{background:linear-gradient(90deg,#09171fea 0%,#0c1c22b0 32%,#0c1c2218 70%),linear-gradient(0deg,#101e23 2%,#101e23f0 17%,#101e2385 32%,transparent 67%,#0d1c2390 100%);opacity:calc(1 - var(--day,0))}.scene-shade::after{background:radial-gradient(ellipse 22% 26% at 94% 22%,#0c1c22a8,transparent),linear-gradient(90deg,#09171fd0 0%,#0c1c2288 30%,#0c1c2210 58%,transparent 75%),linear-gradient(0deg,#101e23 2%,#101e23f0 17%,#101e23d6 28%,#101e2360 40%,transparent 55%,#0d1c2340 100%);opacity:var(--day,0)}.masthead{height:109px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;display:flex;align-items:baseline;gap:8px;font-size:30px;letter-spacing:.075em;font-weight:500}.wordmark .colon{color:var(--accent);font-weight:400}.wordmark-now{font-weight:300}.header-right{display:flex;gap:27px;align-items:center}.coordinates{font-size:13px;letter-spacing:.08em;color:var(--muted)}.quiet-button{font-size:15px;padding:8px 0}.language{font-family:'Noto Sans Arabic',sans-serif}.about-button{height:28px;width:28px;border:1px solid #d5dfdc77;border-radius:50%;font-family:Georgia,serif;font-style:italic;font-size:17px}.portrait{position:relative;min-height:535px;padding:49px 4.5% 64px;display:flex;justify-content:space-between}.portrait-main{width:490px;max-width:62%}.eyebrow{font-size:12px;letter-spacing:.17em;display:flex;gap:9px;align-items:center;color:#d9e2df;font-weight:500}.status-dot{width:6px;height:6px;flex-shrink:0;background:#abd2c7;border-radius:50%;box-shadow:0 0 10px #abd2c733}.status-dot.loading,.status-dot.error{background:var(--accent)}.status-dot.study{background:#d2b4e3}h1{font-size:clamp(29px,3.1vw,47px);font-weight:300;line-height:1.12;letter-spacing:-.035em;margin:20px 0 12px}.portrait-caption{color:var(--muted);font-size:16px;margin:0;line-height:1.6;max-width:390px}.temperature-block{display:flex;align-items:flex-start;gap:7px;margin-top:23px;direction:ltr;width:fit-content}.temperature{font-size:clamp(85px,9vw,126px);font-weight:300;line-height:1;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.degree{font-size:32px;font-weight:300;margin-top:11px;color:#e1dfd2}.feels-like{font-size:15px;margin:10px 0 29px;color:#d1d8d4;min-height:20px}.weather-readings{display:grid;grid-template-columns:1fr 1.3fr 1fr;max-width:440px}.reading{display:flex;flex-direction:column;gap:9px;padding-inline:20px;border-inline-start:1px solid #e7ebe52e;min-width:0}.reading:first-child{padding-inline-start:0;border:0}.reading-label{font-size:14px;color:var(--muted)}.reading strong{font-weight:400;font-size:26px;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:start}.reading-note{font-size:13px;color:#d3d8d2;white-space:nowrap}.humidity-track{width:65px;height:3px;background:#dbe4df35;margin-top:7px}.humidity-track span{display:block;height:100%;width:0;background:#aed0d3;transition:width 1s ease}.place-time{text-align:end;display:flex;flex-direction:column;gap:7px;padding-top:2px}.place-name{font-size:14px;letter-spacing:.09em}.scene-time{font-size:32px;font-weight:300;font-variant-numeric:tabular-nums}.scene-date{font-size:13px;color:#d5d7cd}.solar-rule{display:flex;gap:9px;align-items:center;justify-content:flex-end;border-top:1px solid var(--line);padding-top:15px;margin-top:12px;font-size:13px;color:#e7dcc9}.solar-rule>span:first-child{font-size:22px}.scene-footnote{position:absolute;bottom:22px;inset-inline-start:4.5%;display:flex;gap:9px;align-items:center;color:#c3cfcc;font-size:12px}.small-cross{font-size:20px;font-weight:300;color:var(--accent)}.motion-button{position:absolute;bottom:21px;inset-inline-end:4.5%;display:flex;align-items:center;gap:10px;font-size:13px;padding:7px 0;color:#d9dfd8}.data-message{color:#ead2ab;font-size:14px;margin-top:19px;line-height:1.5;max-width:420px}.data-message:empty{display:none}.text-button{padding:3px 0;border-bottom:1px solid #cad5d166;font-size:13px;white-space:nowrap}.timeline{margin:0 4.5%;padding:22px 0 20px;border-top:1px solid #f1f1e93b;border-bottom:1px solid var(--line)}.timeline-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.timeline-heading{display:flex;gap:15px;align-items:baseline}h2{font-weight:400;font-size:18px;margin:0;letter-spacing:-.01em}.timeline-subtitle{font-size:12px;color:var(--muted)}.metric-tabs{display:flex;gap:7px}.metric-tabs button{font-size:14px;padding:9px 13px;border-radius:4px;color:#c1ceca}.metric-tabs button[aria-selected=true]{background:#e5b77c17;color:#f2c78f}.metric-tabs button:hover{background:#e5b77c12}.chart-panel{height:135px;position:relative;padding-inline:35px 0;direction:ltr}.chart-unit{position:absolute;left:0;top:4px;font-size:12px;color:var(--muted)}#chart{width:100%;height:99px;display:block;color:var(--chart);overflow:visible}.chart-empty{position:absolute;inset:30px 0 auto;text-align:center;color:var(--muted);font-size:14px}.chart-axis{display:flex;justify-content:space-between;margin-top:16px;font-size:12px;color:#c0ccc8}.range-wrap{position:absolute;left:35px;right:0;top:0;height:105px}#timeRange{width:100%;height:100%;margin:0;appearance:none;background:transparent;cursor:ew-resize;opacity:.001}#timeRange::-webkit-slider-thumb{appearance:none;width:1px;height:105px;background:transparent}#timeRange::-moz-range-thumb{width:1px;height:105px;border:0;background:transparent}.range-wrap:focus-within{outline:1px solid var(--accent);outline-offset:4px}.timeline-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.replay-controls{display:flex;align-items:center;gap:20px}.play-button{display:flex;align-items:center;gap:11px;font-size:14px;padding:8px 0}.play-button>span:first-child{font-size:11px}.now-button{font-size:13px;border:1px solid #d0dbd63b;border-radius:20px;padding:7px 13px}.now-button[aria-pressed=true]{border-color:#d0dbd616;color:#abbfba}.selection-label{font-size:12px;color:var(--muted)}.visual-key{display:flex;align-items:center;gap:9px;font-size:12px;color:#b4c7c5}.wind-mark{font-size:25px;color:#a2c8c6}.footer{min-height:77px;padding:20px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#aebfbc}.source-status{display:flex;align-items:center;gap:12px}.source-dot{width:5px;height:5px;border:1px solid #bcd2c9;border-radius:50%;flex-shrink:0}.source-dot.ready{background:#bcd2c9}.footer-title{font-size:12px;letter-spacing:.04em}.footer .text-button{font-size:12px;color:#d2ddd6}.study-active .status-dot{background:#d2b4e3}.study-active .now-button{border-color:var(--accent);color:var(--accent)}
dialog{background:#15262d;color:var(--ink);border:1px solid #b8cfc236;border-radius:8px;width:min(640px,calc(100% - 32px));max-height:85svh;padding:30px 36px;box-shadow:0 25px 100px #051019bb}dialog::backdrop{background:#030c11aa;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.close-button{font-size:30px;padding:0 5px;line-height:1}.dialog-head .eyebrow{font-size:11px;color:var(--accent)}dialog h2{font-size:31px;font-weight:300;margin:24px 0 17px}dialog p{font-size:16px;line-height:1.7;color:#c6d1cc}dialog h3{font-size:18px;font-weight:500;margin-top:30px}.method-list{margin-top:24px}.method-list>div{display:grid;grid-template-columns:75px 1fr;gap:12px;border-top:1px solid var(--line);padding:14px 0}.method-list strong{font-size:15px;font-weight:500;padding-top:3px;color:#e9c595}.method-list p{margin:0;font-size:14px}.source-details{font-size:13px;line-height:1.7}.source-details>div{display:flex;justify-content:space-between;gap:20px}.source-details dt{color:#b1c3bc}.source-details dd{margin:0;text-align:end}.source-links{display:flex;gap:18px;flex-wrap:wrap}.source-links a{font-size:13px;text-underline-offset:4px}.study-buttons{display:flex;gap:8px;flex-wrap:wrap}.study-buttons button{border:1px solid #c5d6cb40;padding:10px 12px;border-radius:4px;font-size:14px}.study-buttons button:hover{background:#d4c19718}.credits{border-top:1px solid var(--line);margin-top:30px;padding-top:12px}.credits p{font-size:12px;line-height:1.7;color:#a7bbb2}.credits a{text-underline-offset:3px}
html[dir=rtl]{font-family:'Noto Sans Arabic','Barlow',sans-serif}html[dir=rtl] .wordmark{letter-spacing:0;font-size:25px}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .portrait-main{width:520px}html[dir=rtl] h1{font-size:36px;line-height:1.5;letter-spacing:0}html[dir=rtl] .scene-shade::before{background:linear-gradient(270deg,#09171fea 0%,#0c1c22b0 32%,#0c1c2238 70%),linear-gradient(0deg,#101e23 2%,#101e23f0 17%,#101e2385 32%,transparent 67%,#0d1c2390 100%)}html[dir=rtl] .scene-shade::after{background:radial-gradient(ellipse 22% 26% at 6% 22%,#0c1c22a8,transparent),linear-gradient(270deg,#09171fd0 0%,#0c1c2288 30%,#0c1c2210 58%,transparent 75%),linear-gradient(0deg,#101e23 2%,#101e23f0 17%,#101e23d6 28%,#101e2360 40%,transparent 55%,#0d1c2340 100%)}html[dir=rtl] .temperature-block{margin-inline-start:0}html[dir=rtl] .reading strong{text-align:right;font-family:Barlow,sans-serif}html[dir=rtl] .temperature{font-family:Barlow,sans-serif}html[dir=rtl] .place-time{text-align:left}html[dir=rtl] .solar-rule{justify-content:flex-start}
@media(min-width:1600px){.portrait{min-height:calc(100svh - 410px);padding-top:70px}.portrait-main{width:550px}.temperature{font-size:140px}.weather-readings{max-width:480px}.timeline{padding-top:25px;padding-bottom:25px}}
@media(max-width:1000px){.coordinates{display:none}.portrait{min-height:540px}.timeline-heading{flex-direction:column;gap:5px}.metric-tabs{gap:0}.metric-tabs button{padding:9px}.selection-label{display:none}.footer-title{display:none}.source-status{flex-wrap:wrap}.city-image{background-position:50% 45%}}
@media(max-width:640px){.masthead{height:82px;padding:0 6%}.wordmark{font-size:23px;gap:5px}.header-right{gap:18px}.language{font-size:13px}.about-button{width:26px;height:26px}.portrait{min-height:640px;padding:30px 6% 62px;display:block}.portrait-main{max-width:100%;width:100%}.eyebrow{font-size:10px;letter-spacing:.12em}h1{font-size:34px;margin-top:21px;max-width:300px}.portrait-caption{font-size:15px;max-width:265px}.temperature-block{margin-top:35px}.temperature{font-size:99px}.degree{font-size:28px}.feels-like{margin:10px 0 30px;font-size:14px}.weather-readings{max-width:350px;grid-template-columns:1fr 1.3fr 1fr}.reading{padding-inline:14px}.reading-label{font-size:13px}.reading strong{font-size:24px}.reading-note{font-size:12px}.place-time{position:absolute;bottom:71px;inset-inline-start:6%;text-align:start;display:grid;grid-template-columns:auto auto;align-items:baseline;gap:5px 15px}.place-name{font-size:12px;letter-spacing:.04em}.scene-time{font-size:23px}.scene-date{font-size:12px;grid-column:1/3}.solar-rule{display:none}.scene-footnote{inset-inline-start:6%;bottom:24px;max-width:65%;font-size:10px;line-height:1.6}.motion-button{inset-inline-end:6%;font-size:11px;gap:6px;bottom:22px}.city-image{background-position:47% 42%;background-size:auto 100%;}.scene-shade::before{background:linear-gradient(90deg,#09171fdd,#0c1c2280 68%,#0c1c2244),linear-gradient(0deg,#101e23 10%,#101e23f5 32%,#101e2344 68%,#0d1c2390)}.scene-shade::after{background:linear-gradient(90deg,#09171fc8,#0c1c2266 68%,#0c1c2222),linear-gradient(0deg,#101e23 10%,#101e23f0 32%,#101e2333 68%,#0d1c2360)}.timeline{margin:0 6%;padding-top:23px}.timeline-top{display:block;margin-bottom:24px}.timeline-heading{flex-direction:row;justify-content:space-between;align-items:baseline}.timeline-heading h2{font-size:17px}.timeline-subtitle{font-size:10px;max-width:130px;text-align:end}.metric-tabs{margin-top:21px;justify-content:space-between}.metric-tabs button{font-size:13px;padding:8px}.chart-panel{height:132px;padding-inline-start:25px}.range-wrap{left:25px}.chart-axis{font-size:10px}.timeline-bottom{margin-top:15px}.replay-controls{gap:18px}.play-button{font-size:13px}.now-button{font-size:12px;padding:7px 12px}.visual-key{display:none}.footer{padding:20px 6% 28px;min-height:90px}.source-status{font-size:11px;gap:9px;line-height:1.7}.footer .text-button{font-size:11px}dialog{padding:22px}dialog h2{font-size:28px}.source-details>div{display:block;margin:10px 0}.source-details dd{text-align:start}.method-list>div{grid-template-columns:60px 1fr}html[dir=rtl] h1{font-size:29px}html[dir=rtl] .wordmark{font-size:21px}html[dir=rtl] .place-time{text-align:right}html[dir=rtl] .timeline-heading{gap:10px}html[dir=rtl] .timeline-heading h2{font-size:15px}html[dir=rtl] .metric-tabs button{font-size:12px}.data-message{font-size:12px;margin-top:12px}.portrait:has(.data-message:not(:empty)){min-height:710px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.motion-button,.scene-footnote,.place-time{text-shadow:0 1px 10px #0c1c22b0}