:root{--bg:#f5f6f8;--paper:#fff;--ink:#11151b;--muted:#667085;--line:#dfe3e8;--blue:#2184ff;--soft:#edf5ff;--max:1220px}html[data-theme=dark]{--bg:#090d12;--paper:#10161e;--ink:#f5f7fa;--muted:#98a2b3;--line:#2a323d;--soft:#10243d}@media(prefers-color-scheme:dark){html[data-theme=system]{--bg:#090d12;--paper:#10161e;--ink:#f5f7fa;--muted:#98a2b3;--line:#2a323d;--soft:#10243d}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,"Segoe UI",Tahoma,sans-serif}.shell{width:min(var(--max),calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.headrow{height:66px;display:flex;align-items:center;gap:30px}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink);white-space:nowrap}.runama{font-weight:900;font-size:22px}.divider{color:var(--line);font-weight:300}.brand>span:last-child{font-size:14px}.desktopnav{display:flex;align-items:stretch;height:100%;margin-right:auto}.desktopnav a{display:flex;align-items:center;padding:0 12px;text-decoration:none;color:var(--muted);font-size:13px;border-bottom:2px solid transparent}.desktopnav a:hover,.desktopnav a.active{color:var(--ink);border-color:var(--blue)}.actions{display:flex;gap:6px}.actions button,.daynav button,.daynav input,.coords button,.textbtn{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:0;min-height:40px;padding:0 13px;font:inherit;cursor:pointer}.hero{padding:62px 0 42px;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;border-bottom:1px solid var(--line)}.eyebrow{display:block;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.05em}.hero h1{font-size:clamp(52px,8vw,100px);line-height:.95;margin:12px 0 16px;letter-spacing:-.04em}.primary-date{font-size:clamp(22px,3vw,38px);font-weight:800}.hero p{color:var(--muted);margin:8px 0 24px}.daynav{display:flex;gap:0;flex-wrap:wrap}.daynav>*{margin-left:-1px}.daynav .primary{background:var(--blue);color:#fff;border-color:var(--blue)}.clockbox{min-width:260px;border-right:4px solid var(--blue);padding:5px 20px}.clockbox small,.clockbox span{display:block;color:var(--muted);font-size:11px}.clockbox strong{display:block;font-size:42px;direction:ltr;letter-spacing:.02em;margin:6px 0}.date-grid{display:grid;grid-template-columns:repeat(4,1fr);border-right:1px solid var(--line);border-top:1px solid var(--line);margin:28px 0 54px}.date-grid article{background:var(--paper);padding:20px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);min-height:126px}.date-grid small,.date-grid span,.sky-grid small{display:block;color:var(--muted);font-size:11px}.date-grid b{display:block;font-size:17px;margin:9px 0}.section{padding:42px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section h2{font-size:28px;margin:5px 0 0}.tag{border:1px solid var(--line);padding:7px 10px;font-size:11px}.two-col{display:grid;grid-template-columns:1.45fr .55fr;gap:42px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-right:1px solid var(--line);border-top:1px solid var(--line)}.metrics article,.sky-grid article{background:var(--paper);padding:18px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics strong{font-size:32px;display:block}.metrics span{font-size:10px;color:var(--muted)}.moon-panel{background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:24px}.moon{font-size:70px}.moon-panel h3{font-size:24px;margin:4px 0}.moon-panel p,.notice{color:var(--muted);font-size:12px}.coords{display:grid;grid-template-columns:1fr 1fr auto;margin:18px 0}.coords label{font-size:10px;color:var(--muted)}.coords input{display:block;width:100%;margin-top:6px;height:42px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:0;padding:0 10px}.coords>*{margin-left:-1px}.coords button{align-self:end;background:var(--blue);color:#fff;border-color:var(--blue)}.textbtn{color:var(--blue);background:transparent;border-color:transparent}.sky-grid{display:grid;grid-template-columns:repeat(4,1fr);border-right:1px solid var(--line);border-top:1px solid var(--line)}.sky-grid b{font-size:24px;display:block;margin-top:8px}.content-split{align-items:start}.feature{background:var(--paper);border:1px solid var(--line);padding:24px;min-height:170px}.feature b{font-size:23px}.feature p{color:var(--muted);line-height:1.8}.feature a{color:var(--blue);text-decoration:none;font-size:12px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);border-right:1px solid var(--line);border-top:1px solid var(--line)}.quick-grid a{background:var(--paper);border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;text-decoration:none;color:var(--ink);font-weight:800}.quick-grid span{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:8px;line-height:1.6}footer{border-top:1px solid var(--line);padding:28px 0 50px;color:var(--muted);font-size:12px}footer .shell{display:flex;gap:12px}footer b{color:var(--ink)}#toast{position:fixed;bottom:22px;left:22px;background:var(--ink);color:var(--bg);padding:10px 14px;font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}@media(max-width:900px){.desktopnav{display:none}.hero{grid-template-columns:1fr}.clockbox{min-width:0}.date-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:560px){.shell{width:min(100% - 24px,var(--max))}.hero{padding-top:36px}.hero h1{font-size:52px}.date-grid,.sky-grid{grid-template-columns:1fr 1fr}.coords{grid-template-columns:1fr}.coords>*{margin:0 0 -1px}.quick-grid{grid-template-columns:1fr}.clockbox strong{font-size:34px}.section h2{font-size:23px}.section-head{align-items:start}.metrics strong{font-size:27px}}
