@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Outfit:wght@400;500;600;700&display=swap');
.point-card b{display:block;line-height:1.1;margin-bottom:6px}.point-card small{display:block}
.guide-summary{display:grid;gap:2px;margin-top:9px;padding-top:8px;border-top:1px solid #d7e3e5;color:#315563;font:9px 'DM Mono';letter-spacing:.5px}.guide-summary strong{font-size:9px}.guide-summary small{font:9px 'DM Mono';color:#5d747c}.scientific-contacts{margin:8px 0;padding:7px 0;border-top:1px solid #315563;border-bottom:1px solid #315563;color:#d6e9ee}.scientific-contacts>strong{display:block;color:#ffda63}.scientific-contacts p{margin:2px 0}
.point-card em{display:block;margin-top:4px;color:#315563;font:600 12px Outfit;font-style:normal}
.contrast-toggle{border:1px solid #87d7d2;background:#0b263d;color:#eaf8f6;padding:7px 9px;font:9px 'DM Mono';letter-spacing:.6px}.contrast-toggle[aria-pressed="true"]{background:#fff;color:#07192b;border-color:#fff}.high-contrast{--navy:#03101d;--ink:#000;--line:rgba(255,255,255,.55);--aqua:#b8fff5}.high-contrast .map-hint,.high-contrast .watch-guide,.high-contrast .point-card{background:#000!important;border-color:#fff!important;color:#fff}.high-contrast .watch-guide strong,.high-contrast .point-card em{color:#fff}.high-contrast button:focus-visible,.high-contrast select:focus-visible,.high-contrast input:focus-visible{outline:3px solid #fff;outline-offset:3px}
.track{position:absolute;z-index:2;top:24px;right:calc(4.5vw + 48px);border:1px solid var(--line);background:#12334c;color:#b9d7db;border-radius:3px;padding:9px 10px;font:600 10px 'DM Mono';letter-spacing:.8px}.track[aria-pressed="true"]{border-color:#efbe3d;background:rgba(255,207,82,.22);color:#ffda63}
.runtime-error{position:fixed;z-index:10;left:16px;bottom:16px;margin:0;padding:10px 13px;background:#a92323;color:white;font:12px monospace;box-shadow:0 3px 14px #0008}
.language-switch{display:flex;align-items:center;gap:7px;color:#8eafb8;font:10px 'DM Mono';letter-spacing:1px}.language-switch select{border:1px solid var(--line);border-radius:3px;background:#12334c;color:#fff;padding:5px;font:11px 'DM Mono'}
.speed-counter{display:grid;gap:5px;min-width:142px;color:#8eafb8;font:9px 'DM Mono';letter-spacing:1px}.speed-counter strong{color:#ffda63;font:600 12px 'DM Mono';letter-spacing:0}
.play-controls{display:flex;align-items:center;gap:8px}.play-rate{display:grid;gap:3px;color:#8eafb8;font:8px 'DM Mono';letter-spacing:.8px}.play-rate select{border:1px solid var(--line);border-radius:3px;background:#12334c;color:#fff;padding:4px 6px;font:11px 'DM Mono'}
.time-zone-toggle{border:1px solid var(--line);border-radius:3px;background:#12334c;color:#b9d7db;padding:8px 10px;font:10px 'DM Mono';letter-spacing:.5px;white-space:nowrap}.time-zone-toggle[aria-pressed="false"]{color:#ffda63;border-color:#efbe3d}
.city-search{position:relative;display:grid;gap:6px;color:#8eafb8;font:10px 'DM Mono';letter-spacing:1px}.city-search input{width:165px;border:1px solid var(--line);border-radius:3px;background:#12334c;color:#fff;padding:7px 9px;font:12px Outfit;outline-color:#ffcf52}.city-results{position:absolute;z-index:4;top:54px;left:0;width:270px;max-height:240px;overflow:auto;background:#0a253d;border:1px solid var(--line);box-shadow:0 10px 22px #0008}.city-results button{display:block;width:100%;border:0;border-bottom:1px solid var(--line);padding:9px 10px;background:transparent;color:#fff;text-align:left;font:12px Outfit;cursor:pointer}.city-results button:hover{background:#17425b}.city-results small{display:block;margin-top:2px;color:#9dc4c9;font:10px 'DM Mono'}
.watch-guide{position:absolute;z-index:3;left:4.5vw;top:78px;width:225px;padding:13px 15px;background:rgba(6,24,41,.9);border:1px solid var(--line);color:#eaf8f6;font-size:11px;line-height:1.45}.watch-guide:empty{display:none}.watch-guide h2{margin:0 0 7px;color:#ffda63;font:10px 'DM Mono';letter-spacing:1px}.watch-guide p{margin:4px 0}.watch-guide strong{color:#fff}
.total-swatch{background:transparent!important;border:2px solid #ff9f1c;border-radius:50%}.annular-swatch{background:transparent!important;border:2px solid #b873e6;border-radius:50%}.partial-swatch{background:rgba(112,48,149,.4)!important;border:1px solid #b873e6;border-radius:50%}
:root{color-scheme:dark;--ink:#07192b;--navy:#0b263d;--line:rgba(205,233,237,.18);--gold:#ffcf52;--aqua:#87d7d2}*{box-sizing:border-box}body{margin:0;background:#07192b;color:#eff9f8;font-family:Outfit,Arial,sans-serif}.app-shell{min-height:100vh;background:radial-gradient(circle at 70% 35%,#14405a 0,#081c31 46%,#06172a 100%)}.topbar{height:70px;display:flex;align-items:center;padding:0 4.5vw;border-bottom:1px solid var(--line);gap:30px}.brand{font-size:17px;letter-spacing:2px;font-weight:500;text-decoration:none;color:white}.brand b{color:var(--gold)}.brand-mark{display:inline-block;position:relative;width:24px;height:24px;margin-right:9px;vertical-align:-6px;border:2px solid var(--gold);border-radius:50%;box-shadow:0 0 10px #ffcf5255}.brand-mark::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0b263d}.topbar p{font-size:13px;color:#a4c3c9;letter-spacing:.4px;flex:1}.help,.zoom-controls button{border:1px solid var(--line);background:#12334c;color:white;border-radius:50%;width:31px;height:31px;font:500 16px Outfit}.controlbar{height:94px;padding:0 4.5vw;display:flex;align-items:center;gap:54px;border-bottom:1px solid var(--line);background:rgba(5,23,41,.46)}.event-select{color:#8eafb8;font:10px 'DM Mono';letter-spacing:1.2px;display:grid;gap:7px}.event-select select{color:white;background:transparent;border:0;font:600 14px Outfit;outline:0;padding:0;max-width:255px}.event-select option{background:#0b263d}.time-control{flex:1;max-width:480px;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:18px;font:12px 'DM Mono'}.time-control small{display:block;color:#8eafb8;font-size:9px;margin-top:5px}.time-control input{accent-color:var(--gold);width:100%}.play{border:1px solid #efbe3d;background:rgba(255,207,82,.1);color:#ffda63;border-radius:3px;padding:10px 16px;font:600 11px 'DM Mono';letter-spacing:1px}.map-area{height:calc(100vh - 300px);min-height:410px;position:relative;overflow:hidden}#globe{display:block;width:100%;height:100%;cursor:crosshair}.map-hint{position:absolute;top:22px;left:50%;transform:translateX(-50%);font:9px 'DM Mono';letter-spacing:1px;color:#a0c3c9;background:rgba(4,21,37,.7);padding:7px 10px}.zoom-controls{position:absolute;top:24px;right:4.5vw;display:grid;gap:6px}.zoom-controls button{border-radius:3px;width:34px;height:34px}.legend{position:absolute;bottom:26px;left:4.5vw;background:rgba(6,24,41,.82);border:1px solid var(--line);padding:10px 14px;font:10px 'DM Mono';color:#c4dbde}.legend p{margin:7px 0}.legend i{display:inline-block;width:17px;height:8px;margin-right:7px;vertical-align:middle}.total-swatch{background:#3b183d}.partial-swatch{background:linear-gradient(90deg,#5e2660,transparent)}.path-swatch{border-top:2px dashed #ffd556}.point-card{position:absolute;right:4.5vw;bottom:28px;min-width:202px;padding:14px 16px;background:#fff;color:#112d42;box-shadow:0 8px 24px #00101c55}.point-card span{display:block;font:9px 'DM Mono';letter-spacing:1.1px;color:#63808a}.point-card strong{display:block;font-size:13px;margin:5px 0}.point-card b{font-size:28px;color:#9b5a00}.point-card small{font-size:11px;color:#5d747c}.lower-panel{display:grid;grid-template-columns:minmax(270px,1fr) 1.8fr;gap:42px;padding:22px 4.5vw 20px;background:#091f34;border-top:1px solid var(--line)}.eyebrow,.timeline-header{font:10px 'DM Mono';letter-spacing:1px;color:#96bbc0}.event-summary h1{font-size:17px;margin:7px 0 4px}.event-summary p{color:#a7c1c6;font-size:12px;margin:0}.timeline-wrap{min-width:0}.timeline-header{display:flex;justify-content:space-between;margin-bottom:4px}.timeline-header strong{font-weight:500;color:#ffdb68}#timeline{height:82px;width:100%;display:block}.timeline-times{display:flex;justify-content:space-between;color:#97b8bf;font:9px 'DM Mono'}@media(max-width:700px){.topbar{padding:0 18px}.topbar p{display:none}.controlbar{padding:12px 18px;height:auto;gap:17px;flex-wrap:wrap}.time-control{order:3;flex-basis:100%}.map-area{height:52vh}.lower-panel{grid-template-columns:1fr;padding:18px;gap:14px}.legend{left:18px}.point-card{right:18px}.play span{display:none}.map-hint{display:none}}
.point-card{display:flex;align-items:center;gap:14px}.point-card__details{min-width:0;flex:1}.eclipse-disc{position:relative;display:block;flex:0 0 58px;width:58px;height:58px;overflow:hidden;border-radius:50%;background:#ffcf52;box-shadow:0 0 14px #ffcf5277}.eclipse-disc i{position:absolute;left:var(--moon-x);top:var(--moon-y);width:var(--moon-size);aspect-ratio:1;border-radius:50%;background:#0b263d;transform:translate(-50%,-50%)}.eclipse-disc--night{background:#4a5c67;box-shadow:none}.eclipse-disc--night i{background:#07192b}.eclipse-disc--annular{outline:1px solid #fff0a4;box-shadow:0 0 5px #fff2b4,0 0 15px #ffcf5299}.eclipse-disc--annular i{box-shadow:0 0 0 1px #ffefa1}.eclipse-disc--total{overflow:visible;background:radial-gradient(circle,#07192b 0 51%,#fff9d1 55%,#ffcf52 62%,transparent 70%);box-shadow:0 0 6px #fff8d2,0 0 20px #ffcf52aa}.eclipse-disc--total i{display:none}.eclipse-disc--total{background:radial-gradient(circle,transparent 0 48%,#fff9d1 55%,#ffcf52 62%,transparent 70%)}.eclipse-disc--total i{display:block;background:#07192b;box-shadow:0 0 0 1px #e7eef0}.eclipse-disc--total{box-shadow:0 0 5px 2px #fffbe0,0 0 14px 5px #ffef9a,0 0 28px 10px #ffcf5277}.eclipse-disc--total::before{content:"";position:absolute;z-index:0;inset:-13px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,251,218,.96) 0deg 2deg,rgba(255,207,82,.76) 3deg 5deg,transparent 7deg 13deg);mask:radial-gradient(circle,transparent 0 43%,#000 48% 65%,transparent 73%)}.eclipse-disc--total i{z-index:1}.eclipse-disc--total{background:transparent;box-shadow:none}.eclipse-disc--total::before{display:none}.eclipse-disc--total i{display:block;background:#07192b;box-shadow:0 0 4px 2px #fffbe0,0 0 12px 5px #ffef9a,0 0 22px 8px #ffcf5277}.brand-eclipse{position:relative;display:inline-block;width:.78em;color:transparent;vertical-align:-1px}.brand-eclipse::before{content:"";position:absolute;left:50%;top:50%;width:.67em;height:.67em;border-radius:50%;background:#07192b;transform:translate(-50%,-50%);box-shadow:0 0 2px 1px #fffbe0,0 0 6px 2px #ffef9a,0 0 10px 3px #ffcf5299}