:root{--bg-0:#05070d;--bg-1:#0b0f1a;--panel:#0d1220b8;--panel-solid:#0d1220;--border:#ffffff14;--border-strong:#ffffff29;--text-1:#e8ecf5;--text-2:#8b94a8;--text-3:#5a6478;--accent-solar:#ffb347;--accent-solar-dim:#ffb34729;--accent-lunar:#ff5c5c;--accent-lunar-dim:#ff5c5c29;--accent-ui:#6ea8ff;--accent-ui-dim:#6ea8ff29;--radius-s:6px;--radius-m:10px;--radius-l:16px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--fs-xs:11px;--fs-s:12.5px;--fs-m:14px;--fs-l:17px;--fs-xl:22px;--blur-panel:blur(14px) saturate(1.3);--shadow-panel:0 8px 32px #00000073;--transition-fast:.14s cubic-bezier(.3, .7, .4, 1);--transition-med:.26s cubic-bezier(.3, .7, .4, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg-0);color:var(--text-1);font-family:var(--font-ui);font-size:var(--fs-m);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.app{height:100%;position:relative}.app>canvas{display:block}.panel{background:var(--panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-panel)}.loading-screen{justify-content:center;align-items:center;gap:var(--sp-4);background:var(--bg-0);z-index:100;flex-direction:column;display:flex;position:absolute;inset:0}.loading-screen .logo{font-size:var(--fs-xl);letter-spacing:.35em;text-transform:uppercase;color:var(--text-1);font-weight:600}.loading-screen .hint{color:var(--text-3);font-size:var(--fs-s)}.loading-screen .disc{background:radial-gradient(circle at 35% 35%,#2a3550,#0b0f1a 70%);border-radius:50%;width:44px;height:44px;animation:1.6s ease-in-out infinite eclipse-pulse;box-shadow:0 0 24px 4px #ffb34759,inset -6px -6px 14px #0009}@keyframes eclipse-pulse{0%,to{box-shadow:0 0 18px 2px #ffb34740,inset -6px -6px 14px #0009}50%{box-shadow:0 0 32px 8px #ffb34780,inset -6px -6px 14px #0009}}.hud{pointer-events:none;z-index:10;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud__top-left{top:var(--sp-4);left:var(--sp-4);position:absolute}.hud__top-center{top:var(--sp-4);position:absolute;left:50%;transform:translate(-50%)}.brand{font-size:var(--fs-s);letter-spacing:.45em;color:var(--text-2);padding-left:var(--sp-1);-webkit-user-select:none;user-select:none;font-weight:700}.hud__bottom-stack{left:50%;bottom:max(var(--sp-4), env(safe-area-inset-bottom));width:min(980px, calc(100% - 2 * var(--sp-4)));align-items:center;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.hud__bottom-stack>*{pointer-events:auto}.hud__top-right-wrap{align-items:center;gap:var(--sp-2);flex-direction:column-reverse;display:flex}.hud__top-right{align-items:center;gap:var(--sp-2);padding:var(--sp-2);z-index:5;display:flex}.hud__divider{background:var(--border);width:1px;margin:0 var(--sp-1);align-self:stretch}.btn{border-radius:var(--radius-s);font-size:var(--fs-s);color:var(--text-2);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:6px 12px}.btn:hover{color:var(--text-1);background:#ffffff0f}.btn.is-active{color:var(--text-1);background:var(--accent-ui-dim);border-color:#6ea8ff59}.btn:disabled{opacity:.35;pointer-events:none}.btn--icon{padding:6px 10px}.btn--share{justify-content:center;align-self:stretch;align-items:center;display:inline-flex}.share-toast{z-index:40;font-size:var(--fs-m);color:var(--text-1);background:var(--panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-strong);border-radius:var(--radius-m);white-space:nowrap;max-width:calc(100vw - 2 * var(--sp-4));pointer-events:none;padding:14px 26px;animation:.25s both toast-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.btn--play{width:46px;height:46px;color:var(--text-1);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);background:radial-gradient(circle at 35% 35%,#202b47,#0b0f1a 75%);border:1px solid #ffb34747;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 8px 1px #ffb3472e,0 0 18px 3px #ffb3470f}.btn--play:hover{border-color:#ffb34780;box-shadow:0 0 10px 2px #ffb34747,0 0 22px 4px #ffb34714}.btn--play svg{filter:drop-shadow(0 0 3px #ffb34759)}.btn--play--paused{animation:2.4s ease-in-out infinite corona-pulse}@keyframes corona-pulse{0%,to{box-shadow:0 0 6px 1px #ffb34724,0 0 15px 2px #ffb3470d}50%{box-shadow:0 0 10px 2px #ffb34742,0 0 22px 4px #ffb34714}}.dock__left{align-items:center;gap:var(--sp-3);display:flex}.btn--replay,.btn--info{width:34px;height:34px;color:var(--text-2);border:1px solid var(--border);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn--replay:hover,.btn--info:hover{color:var(--text-1);border-color:var(--border-strong);background:#ffffff14}.dock__time{align-items:center;gap:var(--sp-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.chip{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:3px 8px;font-weight:600}.chip--solar{color:var(--accent-solar);background:var(--accent-solar-dim)}.chip--lunar{color:var(--accent-lunar);background:var(--accent-lunar-dim)}.status{align-items:center;gap:var(--sp-3);text-align:left;min-width:320px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-color:#ffb34747;padding:14px 24px;display:flex;box-shadow:0 0 8px 1px #ffb3472e,0 0 18px 3px #ffb3470f}.status:hover{border-color:#ffb34780;box-shadow:0 0 10px 2px #ffb34747,0 0 22px 4px #ffb34714}.status--pulse{animation:1.2s ease-in-out 2s badge-pulse}@keyframes badge-pulse{0%,to{border-color:#ffb34747;box-shadow:0 0 8px 1px #ffb3472e,0 0 18px 3px #ffb3470f}50%{border-color:#ffb34799;box-shadow:0 0 16px 3px #ffb34759,0 0 30px 6px #ffb3471f}}.picker-hint{font-size:var(--fs-xs);color:var(--text-1);background:var(--panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-strong);border-radius:var(--radius-m);white-space:nowrap;pointer-events:none;padding:8px 14px;transition:opacity .3s,transform .3s;animation:.35s .5s both hint-in;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.picker-hint:before{content:"";background:inherit;border-left:1px solid var(--border-strong);border-top:1px solid var(--border-strong);width:9px;height:9px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.picker-hint.is-hiding{opacity:0;animation:none;transform:translate(-50%)translateY(4px)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.status__body{flex-direction:column;gap:4px;display:flex}.status__title{color:var(--text-1);font-size:16px;font-weight:600}.status__meta{font-size:var(--fs-s);color:var(--text-2);font-family:var(--font-mono)}.status__date{color:var(--text-1);font-weight:600}.dock{width:100%;padding:var(--sp-3) var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.dock__row{align-items:center;gap:var(--sp-3);display:flex}.dock__row--transport{flex-wrap:wrap;justify-content:space-between}.datetime{font-family:var(--font-mono);font-size:var(--fs-s);color:var(--text-1);border:1px solid var(--border);border-radius:var(--radius-s);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;padding:6px 10px}.datetime--time-only{display:none}.datetime:focus{border-color:#6ea8ff80;outline:none}.speed-group{border:1px solid var(--border);border-radius:var(--radius-s);background:#ffffff0a;display:flex;overflow:hidden}.speed-select{font-family:var(--font-ui);font-size:var(--fs-s);color:var(--text-1);border:1px solid var(--border);border-radius:var(--radius-s);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;padding:6px 8px;display:none}.speed-group .btn{font-size:var(--fs-xs);border-radius:0;padding:5px 10px}.eclipse-picker{align-items:stretch;gap:var(--sp-2);display:flex}.picker-arrow{width:44px;color:var(--text-2);background:var(--panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border);border-radius:var(--radius-m);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex}.picker-arrow:hover{color:var(--text-1);border-color:var(--border-strong);background:#ffffff14}.status.is-open{border-color:#6ea8ff73}.slider-row{align-items:center;gap:var(--sp-3);flex:1;min-width:0;display:flex}.slider-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap}.slider{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:22px}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ffffff24,#ffffff38);border-radius:2px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-1);border:2px solid var(--bg-1);width:14px;height:14px;transition:box-shadow var(--transition-fast);border-radius:50%;margin-top:-5px;box-shadow:0 0 0 1px #ffffff40,0 0 12px #6ea8ff59}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 1px #fff6,0 0 16px #6ea8ff99}.slider::-moz-range-track{background:#ffffff2e;border-radius:2px;height:4px}.slider::-moz-range-thumb{background:var(--text-1);border:2px solid var(--bg-1);border-radius:50%;width:12px;height:12px}.fine-track{flex:1;align-items:center;min-width:0;display:flex;position:relative}.fine-track .slider{width:100%}.fine-marks{pointer-events:none;position:absolute;inset:0 7px}.fine-mark{background:var(--text-3);pointer-events:auto;border-radius:1px;width:2px;height:7px;position:absolute;top:1px;transform:translate(-1px)}.fine-mark--major{background:var(--accent-solar);height:9px;top:0;box-shadow:0 0 8px #ffb34799}.catalog{width:420px;max-width:calc(100vw - 2 * var(--sp-2));opacity:0;pointer-events:none;transition:opacity var(--transition-med), transform var(--transition-med);flex-direction:column;display:flex;position:absolute;top:92px;bottom:230px;left:50%;transform:translate(-50%,-10px)}.catalog.is-open{opacity:1;pointer-events:auto;transform:translate(-50%)}.catalog__header{padding:var(--sp-4) var(--sp-4) var(--sp-2);justify-content:space-between;align-items:center;display:flex}.catalog__header h2{font-size:var(--fs-m);font-weight:600}.catalog__filters{gap:var(--sp-1);padding:0 var(--sp-4) var(--sp-3);display:flex}.btn--filter{text-transform:capitalize;border:1px solid var(--border);padding:4px 12px}.catalog__list{padding:0 var(--sp-2) var(--sp-2);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;overflow-y:auto}.catalog__list::-webkit-scrollbar{width:8px}.catalog__list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.row{align-items:center;gap:var(--sp-2);width:100%;padding:7px var(--sp-2);border-radius:var(--radius-s);font-size:var(--fs-s);color:var(--text-2);text-align:left;transition:background var(--transition-fast);grid-template-columns:110px 58px 1fr 44px;display:grid}.row:hover{color:var(--text-1);background:#ffffff0d}.row.is-selected{background:var(--accent-ui-dim);color:var(--text-1)}.row__date{font-family:var(--font-mono);font-size:var(--fs-xs)}.row__kind{text-transform:capitalize}.totality-icon{vertical-align:-1.5px;color:var(--accent-solar)}.row__kind .totality-icon{margin-left:6px}.catalog__only-total{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.row__obs{text-align:right;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3)}.legend{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);--lv-100:#ff5738;--lv-75:#ffb347;--lv-50:#80e0d1;--lv-25:#6ea8ff;display:flex}.legend__title{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;margin-right:var(--sp-1)}.legend__item{align-items:center;gap:5px;display:inline-flex}.legend__swatch{border-radius:1px;width:10px;height:2px}.legend__item--100 .legend__swatch{background:var(--lv-100)}.legend__item--75 .legend__swatch{background:var(--lv-75)}.legend__item--50 .legend__swatch{background:var(--lv-50)}.legend__item--25 .legend__swatch{background:var(--lv-25)}.about{width:380px;max-width:calc(100vw - 2 * var(--sp-4));padding:var(--sp-4) var(--sp-5);gap:var(--sp-3);font-size:var(--fs-s);color:var(--text-2);z-index:20;flex-direction:column;line-height:1.55;display:flex;position:absolute;bottom:230px;left:50%;transform:translate(-50%)}.about h3{align-items:baseline;gap:var(--sp-2);font-size:var(--fs-m);color:var(--text-1);letter-spacing:.2em;text-transform:uppercase;display:flex}.about__eclipse{border-top:1px solid var(--border);padding-top:var(--sp-3);gap:var(--sp-2);flex-direction:column;display:flex}.about__eclipse-title{align-items:center;gap:var(--sp-2);color:var(--text-1);font-size:var(--fs-s);font-weight:600;display:flex}.about__facts{color:var(--text-2);margin:0}.about__by{font-size:var(--fs-xs);letter-spacing:.02em;text-transform:none;color:var(--text-3);font-weight:400;text-decoration:none}.about__by:hover{color:var(--text-1);text-decoration:underline}.about a{color:var(--accent-ui);text-decoration:none}.about a:hover{text-decoration:underline}.about__hint{font-size:var(--fs-xs);color:var(--text-3);border-top:1px solid var(--border);padding-top:var(--sp-3)}@media (width<=720px){.brand{display:none}.hud__top-center{left:var(--sp-2);right:var(--sp-2);transform:none}.eclipse-picker{justify-content:center}.status{flex:1;min-width:0;padding:12px 18px}.picker-arrow{flex-shrink:0;width:40px}.status__meta{font-size:var(--fs-xs);white-space:nowrap}.hud__bottom-stack{width:calc(100% - 2 * var(--sp-2));bottom:max(var(--sp-2), env(safe-area-inset-bottom))}.hud__top-right{gap:2px;padding:4px}.hud__top-right .btn{font-size:var(--fs-s);padding:6px 8px}.hud__top-right .hud__divider{margin:0}.speed-group{display:none}.speed-select{display:block}.datetime{display:none}.datetime--time-only{font-size:var(--fs-xs);padding:6px 8px;display:block}.dock__left,.dock__time{gap:var(--sp-2)}.slider-label{display:none}.slider{height:34px}.slider::-webkit-slider-runnable-track{border-radius:3px;height:6px}.slider::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px}.slider::-moz-range-track{height:6px}.slider::-moz-range-thumb{width:18px;height:18px}.fine-mark{height:9px;top:5px}.fine-mark--major{height:11px;top:4px}.dock{padding:var(--sp-2) var(--sp-3)}.catalog{top:88px;bottom:210px}.about{width:calc(100vw - 2 * var(--sp-2));bottom:210px}}