@font-face{font-family:Pelak;src:url(/assets/Pelak-Thin-VzJRzkC8.woff2) format("woff2"),url(/assets/Pelak-Thin-C5QFcqPr.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Pelak;src:url(/assets/Pelak-light-nL4uaJXP.woff2) format("woff2"),url(/assets/Pelak-light-Cb_ozq2g.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Pelak;src:url(/assets/Pelak-Regular-9bElazwy.woff2) format("woff2"),url(/assets/Pelak-Regular-ChAIAhdu.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pelak;src:url(/assets/Pelak-Medium-ZDwg7Ayy.woff2) format("woff2"),url(/assets/Pelak-Medium--y9ew5f8.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pelak;src:url(/assets/Pelak-SemiBold-Bwn0Yaup.woff2) format("woff2"),url(/assets/Pelak-SemiBold-DVIkDgO0.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pelak;src:url(/assets/Pelak-Bold-BycrAh0h.woff2) format("woff2"),url(/assets/Pelak-Bold-FJUYuHA8.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pelak;src:url(/assets/Pelak-ExtraBold-BSFH6TjL.woff2) format("woff2"),url(/assets/Pelak-ExtraBold-DpjD6ccc.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Pelak;src:url(/assets/Pelak-Black-DExY9Ytw.woff2) format("woff2"),url(/assets/Pelak-Black-9xwIKvAW.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{min-width:320px;background:#050b17;font-family:Pelak,Segoe UI,Tahoma,Arial,sans-serif;direction:rtl}.ramadan-scene{position:relative;isolation:isolate;min-height:100vh;width:100%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 20% 18%,rgba(246,190,92,.26),transparent 35%),radial-gradient(circle at 82% 8%,rgba(121,184,255,.22),transparent 33%),linear-gradient(156deg,#061024,#0a1b39 46%,#050b17);color:#f7ecc7;text-align:center;padding:clamp(4.6rem,10vw,7rem) clamp(1rem,3.4vw,2.2rem) clamp(1rem,3.4vw,2.2rem)}.sky-glow{position:absolute;inset:-10%;z-index:0;pointer-events:none;background-image:radial-gradient(3px 3px at 15% 22%,rgba(255,255,255,.8),transparent 70%),radial-gradient(2px 2px at 30% 68%,rgba(255,255,255,.6),transparent 70%),radial-gradient(2px 2px at 64% 16%,rgba(255,255,255,.66),transparent 70%),radial-gradient(3px 3px at 84% 70%,rgba(255,255,255,.58),transparent 70%),radial-gradient(2px 2px at 52% 46%,rgba(255,255,255,.48),transparent 70%);animation:stars-twinkle 8s ease-in-out infinite alternate}.moon{position:absolute;top:clamp(1.2rem,2.8vw,2.3rem);left:clamp(1.2rem,3vw,2.6rem);width:clamp(62px,7vw,88px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffe7a9,#f3c769 76%);box-shadow:0 0 34px #ffd07a70;z-index:1}.moon:after{content:"";position:absolute;inset:16%;border-radius:50%;background:#0b1730;transform:translate(16%)}.top-lanterns{position:absolute;left:0;right:0;top:0;height:clamp(84px,12vw,132px);z-index:2;pointer-events:none}.top-lantern{--left: 50%;--delay: 0s;--duration: 5s;--scale: 1;position:absolute;left:var(--left);top:0;transform-origin:center top;transform:translate(-50%) scale(var(--scale));animation:lantern-sway var(--duration) ease-in-out infinite var(--delay)}.top-lantern-rope{position:absolute;left:50%;top:-2px;width:2px;height:clamp(18px,2.5vw,26px);transform:translate(-50%);background:linear-gradient(to bottom,#ffd684cc,#ffd68414)}.top-lantern-svg{position:relative;margin-top:clamp(16px,2.4vw,24px);width:clamp(38px,5vw,52px);height:auto;overflow:visible;filter:drop-shadow(0 0 6px rgba(255,185,93,.2))}.top-lantern-frame{fill:#11192af5}.top-lantern-body{fill:#1a243cf2}.top-lantern-light{fill:#ffca68;opacity:.16;transform-origin:center;animation:lantern-light-blink var(--duration) linear infinite var(--delay)}.content{position:relative;z-index:3;width:min(1120px,100%);display:grid;gap:clamp(.7rem,1.8vw,1.2rem)}.pill{margin:0 auto;width:fit-content;padding:.4rem 1rem;border-radius:999px;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.72rem,1.4vw,.9rem);background:#f6cd6f24;border:1px solid rgba(246,205,111,.44)}h1{margin:0;font-size:clamp(1.7rem,5vw,3.8rem);line-height:1.1;letter-spacing:.03em;color:#ffedbf;text-shadow:0 0 26px rgba(255,208,114,.3)}.target-text{margin:0;font-size:clamp(.9rem,1.6vw,1.05rem);color:#deebff}.loading-text{margin:.7rem 0;color:#fce8b3}.countdown-grid{width:100%;display:grid;gap:clamp(.66rem,2vw,1.15rem);grid-template-columns:repeat(4,minmax(0,1fr))}.countdown-card{border-radius:18px;padding:clamp(.85rem,2.4vw,1.45rem);background:linear-gradient(160deg,#081937d1,#08193799),radial-gradient(circle at top,rgba(253,211,127,.23),transparent 60%);border:1px solid rgba(254,221,153,.35);box-shadow:0 18px 30px #01051066,inset 0 0 20px #ffd37e1f;display:grid;gap:.2rem}.countdown-value{font-size:clamp(2.2rem,8vw,5rem);line-height:1;font-weight:800;color:#fff3cf;text-shadow:0 0 22px rgba(255,211,114,.36);unicode-bidi:isolate;display:inline-block}.countdown-label{letter-spacing:.1em;font-size:clamp(.74rem,1.5vw,.9rem);color:#d9e6ff}.finished-banner{margin-top:.4rem;padding:.85rem 1.2rem;border-radius:14px;font-size:clamp(1rem,2.2vw,1.3rem);color:#fff4cb;background:#142f52b8;border:1px solid rgba(255,220,140,.45)}.cities-section{margin-top:.4rem;display:grid;gap:.8rem}.cities-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.cities-head h2{margin:0;font-size:clamp(1rem,2.2vw,1.3rem);color:#ffefc3}.cities-meta{display:flex;align-items:center;gap:.72rem}.cities-updated{margin:0;font-size:.82rem;color:#bfd4f2}.refresh-button{border:1px solid rgba(255,226,160,.45);border-radius:12px;background:#0d2547c2;color:#fdebc1;padding:.48rem .78rem;font-size:.86rem;cursor:pointer;transition:.18s ease}.refresh-button:hover:not(:disabled){transform:translateY(-1px);border-color:#ffe2a0b8}.refresh-button:disabled{opacity:.65;cursor:wait}.error-text{margin:0;padding:.6rem .8rem;border-radius:10px;color:#ffdede;background:#7a1c1c70;border:1px solid rgba(255,142,142,.4)}.city-slider{width:100%;overflow:hidden;direction:ltr;padding:.2rem 0;-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.city-slider-track{display:inline-flex;width:max-content;gap:.9rem;animation:city-slide 34s linear infinite;will-change:transform}.city-slider:hover .city-slider-track{animation-play-state:paused}.city-badge{display:inline-flex;align-items:center;direction:rtl;gap:.3rem;border-radius:999px;padding:.46rem .76rem;font-size:.86rem;line-height:1;background:#081937b8;border:1px solid rgba(192,218,255,.24);color:#eaf2ff;box-shadow:inset 0 0 10px #ffffff08;white-space:nowrap;flex-shrink:0}.city-badge-name{font-weight:700;font-size:.92rem;color:#fff3cf}.city-badge-sep{opacity:.7}.city-badge-time{margin-inline-start:auto;text-align:left;direction:ltr;unicode-bidi:isolate;font-size:.84rem;color:#d8e6ff}.time-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.city-badge--tehran{border-color:#ffdc8c8f;background:radial-gradient(circle at top left,#f6cd6f2e,#081937e0 62%),#081937d1}.city-badge--normal{border-color:#8cc3ff6b}.city-badge--yellow{border-color:#ffda6bc2;background:#47370b94}.city-badge--red{border-color:#ff7474db;background:#521717a3;box-shadow:inset 0 0 12px #ff868633,0 0 12px #ff55551a}.city-badge--passed{border-color:#83eba794;background:#0c361f94}.city-badge--error{border-color:#d8d8d85c;background:#2e2e2e80}.fireworks-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.firework{--x: 50%;--y: 30%;--delay: 0s;--color: #ffde7a;position:absolute;left:var(--x);top:var(--y);width:0;height:0}.firework-core{position:absolute;left:50%;top:50%;width:9px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--color);box-shadow:0 0 20px var(--color);animation:fireworks-core 1.8s ease-out infinite var(--delay)}.firework-particle{--angle: 0deg;position:absolute;left:50%;top:50%;width:4px;height:28px;border-radius:999px;transform:translate(-50%,-50%) rotate(var(--angle));background:linear-gradient(to top,rgba(255,255,255,0),var(--color));transform-origin:center top;animation:fireworks-particle 1.8s ease-out infinite var(--delay)}@keyframes stars-twinkle{0%{opacity:.42}to{opacity:.93}}@keyframes lantern-sway{0%{transform:translate(-50%) scale(var(--scale)) rotate(-6deg)}50%{transform:translate(-50%) scale(var(--scale)) rotate(6deg)}to{transform:translate(-50%) scale(var(--scale)) rotate(-6deg)}}@keyframes lantern-light-blink{0%,24%{opacity:.1}30%,78%{opacity:.78}to{opacity:.16}}@keyframes city-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fireworks-core{0%,14%{opacity:0;transform:translate(-50%,-50%) scale(.05)}20%{opacity:1;transform:translate(-50%,-50%) scale(.95)}to{opacity:0;transform:translate(-50%,-50%) scale(0)}}@keyframes fireworks-particle{0%,14%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(.15)}22%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-130px) scale(1)}}@media(max-width:980px){.countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.countdown-grid{grid-template-columns:1fr}.cities-head{flex-direction:column;align-items:stretch}.cities-meta{justify-content:space-between;flex-wrap:wrap}.refresh-button{width:100%}.moon{left:auto;right:1rem}}