.home{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:radial-gradient(120% 80% at 50% -10%,#1b2440,#06080f 60%);color:#eef;font:16px/1.6 system-ui,sans-serif}.hero{max-width:640px;margin:0 auto;padding:56px 20px 32px;text-align:center}.eclipse{width:120px;height:120px;border-radius:50%;margin:0 auto 24px;background:radial-gradient(circle at 50% 50%,#000 57%,#ffd27a 60%,#ff9d3c 64%,transparent 73%);box-shadow:0 0 70px 22px #ffb44d44}.hero h1{font-size:34px;margin:0 0 4px}.date{color:#ffd27a;font-weight:600;margin:0 0 18px}.lead{color:#cdd6f5;margin:0 0 24px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 28px;text-align:left}.feat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;color:#dde4f7;font-size:14px;line-height:1.4}.feat .ico{font-size:26px}@media(max-width:560px){.features{grid-template-columns:1fr}}.hero button{font:600 17px system-ui,sans-serif;color:#06080f;background:#ffd27a;border:0;border-radius:10px;padding:12px 22px;cursor:pointer}.hero button:hover{background:#ffdf9c}.faq{max-width:640px;margin:0 auto;padding:8px 20px 24px}.faq h2{font-size:22px}.faq details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:12px 16px;margin:10px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:#cdd6f5;margin:10px 0 2px}.foot{max-width:640px;margin:0 auto;padding:8px 20px 48px;color:#7e89ad;font-size:13px;text-align:center}.foot a{color:#ffd27a}.map{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh}.panel{position:fixed;top:10px;right:10px;z-index:1000;width:250px;background:#000b;color:#fff;padding:14px;border-radius:10px;font:14px/1.45 system-ui,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel h3{margin:0 0 8px;font-size:15px}.panel p{margin:4px 0}.panel .search{display:flex;gap:6px;margin-top:10px}.panel .search input{flex:1;min-width:0;padding:7px 8px;border:1px solid #fff3;border-radius:7px;background:#fff1;color:#fff;font:14px system-ui,sans-serif}.panel .search input::placeholder{color:#fff8}.panel .search button{padding:7px 12px;border:0;border-radius:7px;cursor:pointer;background:#ffd27a;color:#06080f;font:600 14px system-ui,sans-serif}.panel .err{color:#ff9d9d;margin-top:8px}@media(max-width:560px){.only-desktop{display:none!important}.panel{width:auto;left:10px;padding:8px}.panel .search{margin-top:0}}.wrap{position:fixed;top:0;right:0;bottom:0;left:0}.full{width:100%;height:100%}.disc{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;pointer-events:none;display:none}.sundisc{background:radial-gradient(#fff,#ffd400 55%,#ff9d00);box-shadow:0 0 40px 18px #ffd40088;z-index:5}.moondisc{background:#0b0b12;box-shadow:0 0 6px 2px #0008;z-index:6}.dark{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;z-index:7;pointer-events:none;transition:opacity .1s}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#111e;color:#fff;font:18px system-ui,sans-serif;text-align:center;padding:20px}.hud{position:fixed;top:10px;left:10px;z-index:10;background:#000a;color:#fff;padding:12px;border-radius:10px;font:14px system-ui,sans-serif;max-width:280px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud button{margin-bottom:8px}.hud .time{font-size:20px;font-weight:700;margin-bottom:4px}.hud .sun,.hud .cov,.hud .obs{margin-bottom:6px}.hud .obs{font-weight:600}.hud .slider{display:block;margin:8px 0}.hud .slider input{width:100%}.hud small{display:block;opacity:.7}.share{position:fixed;top:10px;right:10px;z-index:10;display:flex;flex-direction:column;gap:8px;background:#000a;padding:12px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share button{font:14px system-ui,sans-serif}.share .ask{font:13px system-ui,sans-serif;color:#fff;text-align:center;opacity:.85}.share .bmc{font:14px system-ui,sans-serif;color:#ffd27a;text-decoration:none;text-align:center}.share .bmc:hover{text-decoration:underline}.only-mobile{display:none!important}.hud .bmc{display:block;color:#ffd27a;text-decoration:none;font-weight:600;margin-top:4px}@media(max-width:560px){.only-desktop{display:none!important}.only-mobile{display:block!important}.hud{padding:9px 11px;font-size:13px;max-width:62vw}.hud .time{font-size:17px}.hud button{margin-bottom:6px}}