/* Layout: full-bleed animated sky; raised glass hero + recessed flat tiles; hourly curve; 7-day list; sun arc */
@property --s1{syntax:'<color>';inherits:true;initial-value:#2f8cff}
@property --s2{syntax:'<color>';inherits:true;initial-value:#5db4ff}
@property --s3{syntax:'<color>';inherits:true;initial-value:#8fd0ff}
:root{
  --s1:#2f8cff;--s2:#5db4ff;--s3:#8fd0ff;
  --ink:#fff;--ink-2:rgba(255,255,255,.78);--ink-3:rgba(255,255,255,.58);
  --line:rgba(255,255,255,.28);--shadow:rgba(10,20,50,.38);
  --font:"Vazirmatn","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;
  --r:28px;--ease:cubic-bezier(.22,1,.36,1);
  color-scheme:dark;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%}
body{background:#2f8cff;color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;overflow-x:hidden;
  padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));
  padding-block:max(16px,env(safe-area-inset-top,0px)) max(28px,env(safe-area-inset-bottom,0px))}
html[lang=en]{--font:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif}
button,input{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:12px}
.num{font-variant-numeric:tabular-nums}