:root{color:#edf4f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;background:#02050b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{-webkit-tap-highlight-color:#ffd16638;min-width:320px;min-height:100svh;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.eclipse-app{background:#02050b;width:100vw;height:100svh;min-height:620px;position:relative;overflow:hidden}.eclipse-app:before,.eclipse-app:after{z-index:1;pointer-events:none;content:"";position:absolute;inset:0}.eclipse-app:before{mix-blend-mode:screen;background:radial-gradient(at 58% 43%,#02050b00 0 38%,#02050b29 68%,#000000b8 100%),radial-gradient(circle at 18% 12%,#8bd3dd14 0 6%,#02050b00 24%)}.eclipse-app:after{background:linear-gradient(#00000047 0%,#00000003 36%,#00000061 100%),radial-gradient(#0000 0 60%,#0000007a 100%)}#eclipse-canvas{cursor:grab;filter:contrast(1.08)saturate(1.08);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}#eclipse-canvas:active,#eclipse-canvas.is-surface-dragging{cursor:grabbing}.city-label-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.city-label{--label-x:0px;--label-y:0px;--label-offset-x:0px;--label-offset-y:0px;--label-intensity:0;--connector-origin-x:50%;--connector-origin-y:100%;--connector-angle:0deg;--connector-length:11px;left:var(--label-x);top:var(--label-y);z-index:3;border:1px solid rgba(255, 221, 148, calc(.18 + var(--label-intensity) * .46));background:radial-gradient(circle at 14% 50%, rgba(255, 217, 132, calc(.1 + var(--label-intensity) * .14)), #ffd98400 42%), linear-gradient(180deg, #080f18c7, #02050ba8);max-width:min(164px,100vw - 32px);min-height:25px;box-shadow:0 0 16px rgba(255, 209, 102, calc(var(--label-intensity) * .16)), 0 12px 28px #00000057, 0 0 0 1px #ffffff0a inset;color:#f8fbfbf0;pointer-events:auto;cursor:default;opacity:clamp(0, calc(var(--label-intensity) * 1.08), 1);text-shadow:0 2px 12px #000000d1;transform:translate3d(calc(-50% + var(--label-offset-x)), calc(-100% - 13px + var(--label-offset-y)), 0);transform-origin:bottom;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-radius:999px;align-items:center;gap:6px;padding:4px 9px 4px 7px;font-size:.69rem;font-weight:760;line-height:1;transition:border-color .16s,box-shadow .16s,opacity .52s;display:inline-flex;position:absolute}.city-label:after{left:var(--connector-origin-x);top:var(--connector-origin-y);width:1px;height:var(--connector-length);background:linear-gradient(180deg, rgba(255, 209, 102, calc(.62 + var(--label-intensity) * .3)), #ffd16600);content:"";opacity:0;transform:translateX(-50%) rotate(var(--connector-angle));transform-origin:50% 0;transition:opacity .16s;position:absolute}.city-label.is-offset:after{opacity:calc(.22 + var(--label-intensity) * .62)}.city-label-marker{width:6px;height:6px;box-shadow:0 0 0 3px rgba(255, 209, 102, calc(.06 + var(--label-intensity) * .08)), 0 0 12px rgba(255, 209, 102, calc(.34 + var(--label-intensity) * .32));background:#ffd166;border-radius:50%;flex:none}.city-label-name{color:#f8fbfbf5;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.city-eclipse-icon{--eclipse-coverage:inherit;--eclipse-phase:inherit;width:20px;height:20px;box-shadow:0 0 calc(7px + var(--eclipse-coverage) * 14px) rgba(255, 209, 102, calc(.22 + var(--eclipse-coverage) * .24)), 0 0 0 1px #ffefbc3d inset;background:radial-gradient(circle at 36% 32%,#fff7c9 0 12%,#ffd166 36%,#ce8228 62%,#573312 100%);border-radius:50%;flex:none;position:relative;overflow:hidden}.city-eclipse-icon:before{box-shadow:-2px 0 8px #000000b8, 0 0 calc(var(--eclipse-coverage) * 12px) rgba(255, 229, 158, calc(var(--eclipse-coverage) * .22));content:"";opacity:calc(.18 + var(--eclipse-coverage) * .82);transform:translateX(calc(var(--eclipse-phase) * 17px));background:radial-gradient(circle at 40% 36%,#0a1119d1,#010409 62%,#000 100%);border-radius:50%;position:absolute;inset:-1px}.city-eclipse-icon:after{border:1px solid rgba(255, 245, 196, calc(var(--eclipse-coverage) * .44));box-shadow:0 0 calc(var(--eclipse-coverage) * 13px) rgba(255, 223, 135, calc(var(--eclipse-coverage) * .34));content:"";opacity:var(--eclipse-coverage);border-radius:50%;position:absolute;inset:1px}.city-label.is-peak{border-color:#ffe08ce0;box-shadow:0 0 26px #ffd16652,0 18px 40px #00000070,inset 0 0 0 1px #fff5c424}.city-label.is-pinned{background:radial-gradient(circle at 14%,#ffd9844d,#ffd98400 46%),linear-gradient(#171a1fe0,#06080dd1);border-color:#fff5c4f5;box-shadow:0 0 30px #ffd16657,0 18px 42px #0000007a,inset 0 0 0 1px #fff5c433}.city-label.is-leaving{pointer-events:none}.control-panel,.fallback-message{z-index:2;-webkit-backdrop-filter:blur(22px)saturate(1.16);backdrop-filter:blur(22px)saturate(1.16);background:linear-gradient(#08101cdb,#02050bd1),#030810c7;border:1px solid #e0eff429;border-radius:8px;position:absolute;box-shadow:0 26px 90px #0000008a,inset 0 0 0 1px #ffd1660a}.brand-panel{z-index:2;isolation:isolate;text-shadow:0 2px 28px #000000e6,0 0 42px #8bd3dd29;width:min(430px,100vw - 56px);padding:4px 0 0;position:absolute;top:28px;left:28px}.brand-panel:before{z-index:-1;pointer-events:none;content:"";background:linear-gradient(112deg,#02050bf0 0 28%,#02050b2e 52%,#02050b00 70%),linear-gradient(104deg,#8bd3dd29,#ffd16617 42%,#02050b00 68%);position:absolute;inset:-20px -72px -34px -28px;-webkit-mask-image:linear-gradient(90deg,#000 0 72%,#0000 100%);mask-image:linear-gradient(90deg,#000 0 72%,#0000 100%)}.brand{color:#8bd3dd;letter-spacing:0;text-shadow:0 0 28px #8bd3dd73;margin:0 0 16px;font-size:.84rem;font-weight:700}h1{color:#0000;letter-spacing:0;background:linear-gradient(108deg,#f8fbfb 0%,#d9f8ff 24%,#fff 42%,#ffd166 55%,#f7e5b3 66%,#90dbe6 100%) 0 0/180% 100%;text-wrap:balance;filter:drop-shadow(0 0 34px #edf4f71a)drop-shadow(0 16px 42px #0000009e);-webkit-background-clip:text;background-clip:text;max-width:11ch;margin:0;font-size:4.85rem;line-height:.91;position:relative}h1:before{color:#0000;background:linear-gradient(101deg,#fff0 0 35%,#fff5c4fa 46%,#8bd3dd9e 52%,#fff0 64%) 0 0/260% 100%,linear-gradient(108deg,#fff 0%,#ffd166 48%,#8bd3dd 100%) 0 0/100% 100%;content:attr(data-title);opacity:0;pointer-events:none;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}h1:after{content:"";opacity:0;transform-origin:100%;background:linear-gradient(90deg,#ffd16600,#ffd166e0,#8bd3dd00);border-radius:999px;width:.72em;height:.08em;position:absolute;bottom:.04em;right:-.18em;transform:translate(-.32em)scaleX(.18);box-shadow:0 0 26px #ffd16652,0 0 54px #8bd3dd29}.lede{color:#edf4f7c2;max-width:22rem;margin:18px 0 0;font-size:.98rem}.control-panel{border-color:#8bd3dd33;width:min(520px,100vw - 56px);padding:16px;bottom:28px;right:28px}.timeline-row,.status-row{align-items:center;gap:12px;display:flex}.timeline-row{align-items:stretch}.timeline-actions{flex:none;gap:8px;display:flex}.timeline-shell{flex:1;gap:9px;min-width:0;display:grid}.time-readout{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:10px;min-width:0;display:grid}.time-control{flex:1;min-width:0;display:grid}.timeline-regions{pointer-events:none;height:19px;margin:-5px 0 -1px;position:relative}.timeline-region{--region-start:0%;--region-end:0%;--region-color:#8bd3dd;top:0;bottom:0;left:var(--region-start);right:calc(100% - var(--region-end));min-width:2px;position:absolute}.timeline-region:before{border:1px solid color-mix(in srgb, var(--region-color) 52%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--region-color) 18%, transparent), color-mix(in srgb, var(--region-color) 58%, transparent)), #edf4f70a;height:5px;box-shadow:0 0 14px color-mix(in srgb, var(--region-color) 22%, transparent), 0 0 0 1px #0000002e inset;content:"";border-radius:999px;position:absolute;top:3px;left:0;right:0}.timeline-region-label{color:color-mix(in srgb, var(--region-color) 78%, #f8fbfb);letter-spacing:0;text-shadow:0 1px 10px #000000eb, 0 0 12px color-mix(in srgb, var(--region-color) 18%, transparent);white-space:nowrap;font-size:.58rem;font-weight:780;line-height:1;position:absolute;top:10px;left:50%;transform:translate(-50%)}.timeline-region-greenland{--region-color:#8bd3dd}.timeline-region-iceland{--region-color:#93f2ef}.timeline-region-spain{--region-color:#ffd166}.timeline-region-spain .timeline-region-label{left:auto;right:0;transform:none}.time-primary{color:#ffd166;font-variant-numeric:tabular-nums;letter-spacing:0;text-shadow:0 0 24px #ffd16638;font-size:1.5rem;font-weight:800;line-height:1}.time-zone{color:#edf4f7ad;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.timeline-scale{color:#edf4f785;font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:.72rem;display:grid}.timeline-scale span:first-child{justify-self:start}.timeline-scale span:nth-child(2){color:#ffd166b8;text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}.timeline-scale span:last-child{justify-self:end}input[type=range]{--timeline-progress:95.7%;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ffd166fa 0 var(--timeline-progress), #edf4f72e var(--timeline-progress) 100%), linear-gradient(180deg, #ffffff29, #ffffff05);border:1px solid #ffd16633;border-radius:999px;height:8px;box-shadow:0 0 24px #ffd16624,inset 0 0 0 1px #00000042}input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 36% 34%,#fff8dc 0 22%,#ffd166 46%,#b97a26 100%);border:1px solid #fff2cad1;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 0 0 5px #ffd16614,0 0 28px #ffd1666b}input[type=range]::-moz-range-track{background:#edf4f72e;border:1px solid #ffd16633;border-radius:999px;height:8px}input[type=range]::-moz-range-progress{background:#ffd166fa;border-radius:999px;height:8px}input[type=range]::-moz-range-thumb{background:#ffd166;border:1px solid #fff2cad1;border-radius:50%;width:18px;height:18px;box-shadow:0 0 20px #ffd1666b}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-button,.location-tab{cursor:pointer;touch-action:manipulation;background:linear-gradient(#ffffff17,#ffffff09);border:1px solid #e0eff424;border-radius:8px;transition:border-color .16s,background .16s,transform .16s}.icon-button{flex:none;place-items:center;width:42px;height:42px;display:inline-grid}.icon-button:hover,.location-tab:hover{background:linear-gradient(#ffd16621,#ffffff0f);border-color:#ffd16685}.icon-button.active,.icon-button[aria-pressed=true]{color:#ffd166;background:linear-gradient(#ffd1663d,#ffd16614);border-color:#ffd166a3;box-shadow:0 0 24px #ffd1661f}.icon-button:active,.location-tab:active{transform:translateY(1px)}.icon-button:focus-visible,.location-tab:focus-visible,.source-footer a:focus-visible,input[type=range]:focus-visible,input[type=checkbox]:focus-visible{outline-offset:3px;outline:2px solid #ffd166}.location-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.location-tab{color:#edf4f7d6;text-overflow:ellipsis;white-space:nowrap;height:38px;padding:0 8px;overflow:hidden}.location-tab.active{color:#f8fbfb;background:linear-gradient(#8bd3dd42,#8bd3dd1a);border-color:#8bd3ddc2;box-shadow:0 0 28px #8bd3dd1f}.layer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.layer-grid[hidden]{display:none!important}.layer-grid label{color:#edf4f7c2;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:.84rem;display:flex}.status-row{justify-content:flex-start;margin-top:14px}.badge{color:#8bd3dd;border:1px solid #8bd3dd5c;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.76rem;font-weight:700;display:inline-flex}.badge[data-mode=webgpu]{color:#ffd166;border-color:#ffd1667a;box-shadow:0 0 24px #ffd1661f}.fallback-message[hidden]{display:none}.source-footer{z-index:2;color:#edf4f794;text-shadow:0 2px 18px #000000eb,0 0 20px #02050be0;max-width:min(540px,100vw - 604px);font-size:.76rem;line-height:1.45;position:absolute;bottom:28px;left:28px}.source-footer-label,.source-footnote{color:#edf4f7ad}.source-footer a{color:#edf4f7d1;border-bottom:1px solid #8bd3dd66;text-decoration:none}.source-footer a:hover{color:#ffd166;border-bottom-color:#ffd166b8}.city-tooltip{z-index:4;color:#edf4f7db;pointer-events:none;text-shadow:0 2px 16px #000000b3;-webkit-backdrop-filter:blur(20px)saturate(1.14);backdrop-filter:blur(20px)saturate(1.14);background:radial-gradient(circle at 88% 12%,#ffd1661a,#ffd16600 28%),linear-gradient(#08101cf0,#02050be0),#030810db;border:1px solid #ffd16633;border-radius:8px;width:min(348px,100vw - 32px);padding:15px;font-size:.78rem;position:fixed;transform:translate(0,0);box-shadow:0 24px 70px #00000080,0 0 28px #8bd3dd14,inset 0 0 0 1px #ffd16614}.city-tooltip.is-pinned{cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-color:#ffe08c6b;box-shadow:0 28px 78px #00000094,0 0 34px #ffd1661a,inset 0 0 0 1px #ffd1661f}.city-tooltip.is-pinned.is-dragging{cursor:grabbing;box-shadow:0 30px 84px #0000009e,0 0 40px #ffd16624,inset 0 0 0 1px #ffd16629}.city-tooltip[hidden]{display:none}.city-tooltip-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.city-tooltip-title-block{min-width:0}.city-tooltip-title{color:#f8fbfb;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:780;line-height:1.12;display:block;overflow:hidden}.city-tooltip-province{color:#8bd3ddd1;margin-top:2px;font-size:.72rem;display:block}.city-tooltip-data-badge{color:#edf4f7ad;letter-spacing:0;border:1px solid #8bd3dd42;border-radius:999px;align-items:center;min-height:20px;margin-top:7px;padding:0 7px;font-size:.64rem;font-weight:760;display:inline-flex}.city-tooltip-data-badge.route-estimate,.city-tooltip-data-badge.near-path-estimate{color:#ffde97d1;border-color:#ffd16647}.city-tooltip-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.city-tooltip-percent{--eclipse-coverage:0;--eclipse-phase:-1;color:#ffd166;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 42% 32%,#fff5c438,#ffd16614 44%,#ffd16600 76%),#ffd16614;border:1px solid #ffd1663d;border-radius:999px;align-items:center;gap:8px;min-width:78px;min-height:38px;padding:0 10px 0 7px;font-size:.96rem;font-weight:820;display:inline-flex;box-shadow:0 0 22px #ffd1661f}.city-tooltip-percent .city-eclipse-icon{width:24px;height:24px}.city-tooltip-percent-value{text-align:right;min-width:34px}.city-tooltip-close{color:#f8fbfbdb;cursor:pointer;touch-action:manipulation;background:#edf4f70f;border:1px solid #edf4f72e;border-radius:999px;place-items:center;width:34px;height:34px;transition:border-color .16s,background .16s,color .16s;display:inline-grid}.city-tooltip-close:hover{color:#ffd166;background:#ffd1661f;border-color:#ffd16685}.city-tooltip-close:focus-visible{outline-offset:3px;outline:2px solid #ffd166}.city-tooltip-grid{border-top:1px solid #e0eff41a;grid-template-columns:minmax(78px,auto) 1fr;gap:7px 16px;margin:13px 0 0;padding-top:12px;display:grid}.city-tooltip-grid dt{color:#edf4f780;margin:0;font-size:.7rem;line-height:1.3}.city-tooltip-grid dd{color:#edf4f7e0;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin:0;font-size:.76rem;line-height:1.3}.city-tooltip-source-note{color:#edf4f780;margin:11px 0 0;font-size:.68rem;line-height:1.35}.city-tooltip-weather{color:#ffd166db;border-top:1px solid #e0eff41f;gap:3px;margin-top:10px;padding-top:10px;display:grid}.city-tooltip-weather small{color:#edf4f79e;font-size:.7rem}.city-tooltip-weather.unavailable,.city-tooltip-weather.error{color:#edf4f79e}.fallback-message{color:#ffd166;max-width:420px;padding:14px 16px;bottom:76px;left:28px}.lucide{stroke-width:2px;width:18px;height:18px}@media (width<=1040px){h1{font-size:4.2rem}.lede{max-width:20rem}}@media (width<=760px){body{overflow:auto}.eclipse-app{min-height:720px}.eclipse-app:before{background:radial-gradient(at 58% 38%,#02050b00 0 36%,#02050b14 68%,#0000008f 100%),radial-gradient(circle at 18% 10%,#8bd3dd14 0 6%,#02050b00 24%)}.eclipse-app:after{background:linear-gradient(#00000047 0%,#0000 34%,#0000006b 100%),radial-gradient(#0000 0 64%,#00000094 100%)}#eclipse-canvas{filter:brightness(1.2)contrast(1.08)saturate(1.12)}.brand-panel{width:calc(100vw - 28px);padding:0;top:14px;left:14px}.brand-panel:before{inset:-16px -48px -22px -20px}.brand{margin-bottom:12px;font-size:.78rem}h1{max-width:10ch;font-size:clamp(2.55rem,12.6vw,3.05rem);line-height:.94}.lede{max-width:20rem;margin-top:12px;font-size:.86rem}.control-panel{width:calc(100vw - 24px);padding:12px;bottom:12px;right:12px}.source-footer{max-width:none;font-size:.68rem;line-height:1.34;inset:198px 14px auto}.fallback-message{bottom:422px;left:16px;right:16px}.location-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-row{gap:10px}.timeline-shell{gap:7px}.timeline-regions{height:17px;margin-top:-4px}.timeline-region-label{font-size:.54rem;top:9px}.icon-button{width:38px;height:38px}.time-primary{font-size:1.36rem}.time-zone{font-size:.7rem}.timeline-scale{font-size:.68rem}.location-tabs{gap:7px;margin-top:11px}.location-tab{height:34px}.layer-grid{gap:8px 10px;margin-top:11px}.status-row{margin-top:10px}}@media (width<=380px){h1{font-size:2.42rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-motion:no-preference){.brand-panel{animation:.98s cubic-bezier(.2,.75,.18,1) both title-stage-in}.brand{animation:.78s .14s both fade-in}h1{animation:1.18s cubic-bezier(.16,.78,.18,1) .12s both title-reveal,4.6s cubic-bezier(.45,0,.25,1) .92s both title-gradient-drift}h1:before{animation:1.38s cubic-bezier(.16,.78,.18,1) .65s both title-light-sweep}h1:after{animation:1.18s cubic-bezier(.16,.78,.18,1) .78s both title-rim-flare}.lede{animation:.78s cubic-bezier(.2,.75,.18,1) .52s both rise-in}.control-panel{animation:.78s cubic-bezier(.2,.75,.18,1) .12s both rise-in}.source-footer{animation:.82s .22s both fade-in}}@keyframes title-stage-in{0%{opacity:0;transform:translate(-10px,12px)}to{opacity:1;transform:translate(0,0)}}@keyframes title-reveal{0%{opacity:0;filter:blur(8px)drop-shadow(0 0 #edf4f700)drop-shadow(0 22px 52px #000000b3);transform:translateY(18px)scale(.985)}62%{opacity:1;filter:blur()drop-shadow(0 0 42px #ffd16629)drop-shadow(0 18px 48px #000000a8);transform:translate(0,0)scale(1)}to{opacity:1;filter:drop-shadow(0 0 34px #edf4f71a)drop-shadow(0 16px 42px #0000009e);transform:translate(0,0)scale(1)}}@keyframes title-gradient-drift{0%{background-position:0%}to{background-position:76%}}@keyframes title-light-sweep{0%{opacity:0;background-position:145%,0 0}16%{opacity:.92}78%{opacity:.62}to{opacity:0;background-position:-42%,0 0}}@keyframes title-rim-flare{0%{opacity:0;transform:translate(-.46em)scaleX(.12)}42%{opacity:.92;transform:translate(0,0)scaleX(1)}to{opacity:0;transform:translate(.18em)scaleX(.22)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}