:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff4d6;background:#11100d;font-synthesis:none;text-rendering:optimizeLegibility;--night: #11100d;--paper: #fff4d6;--solar: #ff5b35;--sun: #ffd84f;--sky: #62d7ed;--muted: #a9a396;--line-dark: rgba(17, 16, 13, .2);--line-light: rgba(255, 244, 214, .22);--danger: #df284c;--success: #197348}*{box-sizing:border-box}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--solar);outline-offset:3px}button{color:inherit}.app-shell,.map-shell,.map-canvas{position:absolute;inset:0}.map-shell:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,16,13,.22),transparent 24%),linear-gradient(0deg,rgba(17,16,13,.25),transparent 28%);content:"";pointer-events:none}.map-canvas{filter:saturate(.72) contrast(1.04) sepia(.08)}.map-shell.is-picking-origin .map-canvas{cursor:crosshair}.map-loading{position:absolute;z-index:2;inset:0;background:radial-gradient(circle at 55% 45%,var(--solar) 0 2%,transparent 2.5%),var(--night)}.map-error{position:absolute;z-index:3;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;background:var(--night);color:var(--paper);text-align:center}.map-error span{display:grid;width:54px;height:54px;place-items:center;border:3px solid var(--solar);border-radius:50%;color:var(--solar);font-family:Georgia,Times New Roman,serif;font-size:36px;font-style:italic}.map-error p{max-width:340px;margin:0;font-size:13px;font-weight:750;line-height:1.45}.maplibregl-ctrl-bottom-right{bottom:80px}.maplibregl-ctrl-group{overflow:hidden;border-radius:0!important;background:var(--night)!important}.maplibregl-ctrl-group button span{filter:invert(1)}.maplibregl-ctrl-attrib{font-size:9px}.top-bar{position:absolute;z-index:10;top:0;right:0;left:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:max(18px,env(safe-area-inset-top)) 18px 0;pointer-events:none}.brand-lockup,.top-actions,.timeline-card,.map-prompt,.info-button,.floating-panel,.weather-key{pointer-events:auto}.brand-lockup{position:relative;display:flex;align-items:center;min-height:64px;padding:9px 28px 9px 12px;background:var(--night);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.brand-lockup:after{position:absolute;right:7px;bottom:7px;width:26px;height:2px;background:var(--solar);content:"";transform:rotate(-45deg)}.brand-eclipse{width:44px;height:44px;margin-right:11px;flex:none;border-radius:50%;background:radial-gradient(circle,var(--night) 0 41%,transparent 44%),repeating-conic-gradient(from 2deg,var(--sun) 0 4deg,transparent 4deg 13deg);filter:drop-shadow(0 0 7px rgba(255,91,53,.58))}.brand-lockup h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:21px;font-style:italic;font-weight:700;letter-spacing:-.045em;line-height:1}.brand-lockup p{margin:5px 0 0;color:var(--sun);font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.top-actions{display:flex;gap:6px}.utility-button{min-height:46px;padding:0 15px;border:0;background:var(--night);color:var(--paper);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.utility-button:hover{background:var(--solar);color:var(--night)}.layers-button{display:flex;align-items:center;gap:8px;border-bottom:4px solid var(--solar)}.layers-button>span:first-child{font-size:22px;font-weight:400;line-height:0}.map-prompt{position:absolute;z-index:8;top:102px;left:50%;max-width:calc(100% - 32px);padding:9px 14px 9px 12px;border-left:5px solid var(--solar);background:var(--night);color:var(--paper);font-size:11px;font-weight:750;letter-spacing:.04em;text-align:center;text-transform:uppercase;transform:translate(-50%)}.origin-prompt{border-left-color:var(--sky)}.weather-key{position:absolute;z-index:8;bottom:130px;left:18px;width:178px;padding:9px 10px 8px;border-left:4px solid var(--sky);background:#11100deb;box-shadow:4px 4px #62d7ed73;pointer-events:none}.weather-key-heading,.weather-scale{display:flex;align-items:center;justify-content:space-between}.weather-key-heading strong,.weather-key-heading span{font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.weather-key-heading span,.weather-scale,.weather-key small{color:var(--muted)}.forecast-gate{width:220px;border-left-color:var(--sun);box-shadow:4px 4px #ffd84f80}.app-shell.has-selection .weather-key{display:none}.forecast-gate p{margin:8px 0 5px;color:var(--paper);font-size:10px;font-weight:700;line-height:1.35}.weather-error{border-left-color:var(--danger);box-shadow:4px 4px #df284c7a}.weather-gradient{height:10px;margin-top:7px;border:1px solid rgba(255,244,214,.18);background:linear-gradient(90deg,transparent 0%,rgba(52,151,194,.47) 25%,rgba(137,200,218,.68) 50%,rgba(224,236,228,.85) 75%,#fff9e2 100%)}.weather-scale{margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px}.weather-key small{display:block;margin-top:4px;font-size:8px;letter-spacing:.03em}.timeline-card{position:absolute;z-index:9;right:18px;bottom:max(18px,env(safe-area-inset-bottom));left:18px;padding:11px 16px 13px;overflow:hidden;background:var(--night);box-shadow:7px 7px #ff5b35db;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,17px 100%,0 calc(100% - 17px))}.timeline-card:before{position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--solar),var(--sun),transparent 75%);content:""}.timeline-topline,.time-slider-row,.panel-heading,.toggle-row,.route-origin-actions,.route-result{display:flex;align-items:center}.timeline-topline,.panel-heading,.route-result{justify-content:space-between}.countdown-compact{display:grid;gap:1px}.countdown-compact span,.eyebrow{color:var(--solar);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.countdown-compact strong{color:var(--paper);font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.segmented-control{display:flex;border:1px solid var(--line-light);background:transparent}.time-slider-row{gap:10px;margin-top:9px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.time-slider-row input{min-width:0;flex:1;accent-color:var(--solar)}.timeline-selected-time{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:5px;text-align:right}.timeline-selected-time span{grid-column:1 / -1;color:var(--solar);font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.timeline-selected-time strong{color:var(--sun);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.timeline-selected-time small{font-size:7px}.eclipse-slider-row{margin-top:8px}.eclipse-slider-row>span{width:35px;font-size:8px;font-variant-numeric:tabular-nums}.eclipse-slider-row>span:last-child{text-align:right}.local-phase-track{position:relative;height:10px;margin:6px 35px 0;background:#fff4d61a}.local-phase-track.is-empty{opacity:.35}.partial-window,.totality-window,.maximum-tick,.timeline-cursor{position:absolute;top:0;height:100%}.partial-window{background:linear-gradient(90deg,rgba(98,215,237,.25),var(--sky),rgba(98,215,237,.25))}.totality-window{z-index:2;background:var(--sun);box-shadow:0 0 12px #ffd84fe6}.maximum-tick{z-index:3;width:2px;background:var(--paper);transform:translate(-1px)}.timeline-cursor{z-index:4;top:-4px;width:3px;height:18px;background:var(--solar);box-shadow:0 0 0 2px var(--night);transform:translate(-1px)}.timeline-phase-readout{display:flex;align-items:center;justify-content:space-between;min-height:24px;margin:5px 35px 0}.timeline-phase-readout strong{color:var(--sun);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-variant-numeric:tabular-nums}.timeline-phase-readout span{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.timeline-phase-readout .timeline-phase-name{display:flex;align-items:center;gap:7px;color:var(--sky)}.timeline-phase-readout .timeline-phase-name:before{width:5px;height:5px;flex:none;border-radius:50%;background:currentColor;content:""}.floating-panel{position:absolute;z-index:20;top:78px;right:18px;width:min(318px,calc(100% - 36px));padding:18px;background:var(--night);box-shadow:8px 8px 0 var(--solar);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}.panel-heading{gap:12px}.panel-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:22px;font-style:italic;letter-spacing:-.04em;line-height:1.05}.icon-button{width:38px;height:38px;flex:none;border:1px solid currentColor;background:transparent;color:inherit;font-size:25px;line-height:1;cursor:pointer}.toggle-row{min-height:54px;gap:12px;border-bottom:1px solid var(--line-light);font-size:12px;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.toggle-row span:nth-child(2){flex:1}.toggle-row input{width:20px;height:20px;accent-color:var(--solar)}.layer-swatch{width:16px;height:5px;background:var(--sun)}.swatch-clouds{background:#c9dce8}.swatch-obscuration{background:radial-gradient(circle,#020203 0 35%,#55515f 38% 58%,transparent 75%)}.swatch-traffic{background:#e84e55}.swatch-terrain{background:#87a268}.microcopy,small{color:var(--muted);font-size:10px;line-height:1.4}.location-sheet{position:absolute;z-index:15;right:0;bottom:0;left:0;max-height:min(67vh,680px);padding:8px 16px max(18px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:var(--night);color-scheme:light;box-shadow:0 -12px #11100d4d}.sheet-handle{width:54px;height:4px;margin:0 auto 8px;background:var(--night)}.location-hero{margin:0 -16px;padding:15px 16px 14px;background:var(--night);color:var(--paper)}.location-hero .panel-heading h2{margin-top:3px}.location-hero-readings{display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px;margin-top:15px}.primary-reading{display:flex;align-items:baseline;gap:8px;min-width:0}.primary-reading strong{color:var(--sun);font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,14vw,72px);font-style:italic;font-weight:700;letter-spacing:-.1em;line-height:.75}.primary-reading span{max-width:80px;color:var(--paper);font-size:9px;font-weight:850;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.maximum-reading{display:grid;text-align:right}.maximum-reading>span{color:var(--solar);font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.maximum-reading strong{margin:2px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;font-variant-numeric:tabular-nums}.phase-banner{display:flex;align-items:center;gap:7px;margin-top:14px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.phase-dot{width:8px;height:8px;background:var(--muted);transform:rotate(45deg)}.phase-total .phase-dot{background:var(--sun);box-shadow:0 0 10px var(--sun)}.phase-partial .phase-dot{background:var(--sky)}.condition-list{margin:5px 0 0}.condition-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;border-bottom:1px solid var(--line-dark)}.condition-symbol{color:var(--solar);font-size:19px;font-weight:900;text-align:center}.eclipse-condition-symbol{color:var(--sun)}.eclipse-condition strong{color:#9a6500;font-size:15px}.eclipse-condition.phase-total strong{color:var(--danger)}.condition-row>span:nth-child(2){font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.condition-row strong{max-width:165px;font-size:12px;text-align:right}.status-clear strong{color:var(--success)}.status-blocked strong{color:var(--danger)}.status-uncertain strong{color:#9a6500}.reveal-panel{border-bottom:1px solid var(--night)}.reveal-panel summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:10px;font-weight:900;letter-spacing:.12em;list-style:none;text-transform:uppercase;cursor:pointer}.reveal-panel summary strong{margin-left:auto;color:#756e62;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-variant-numeric:tabular-nums}.reveal-icon{margin-left:10px}.reveal-panel summary::-webkit-details-marker{display:none}.reveal-panel[open] summary>span:last-child{transform:rotate(45deg)}.contacts-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:4px 0 15px}.contacts-row div{position:relative;display:grid;grid-template-rows:auto 13px auto auto;gap:2px;min-width:0;padding:7px 2px 6px;background:#11100d0b;text-align:center}.contacts-row .contact-code{color:#766f62;font-size:8px;font-weight:900;letter-spacing:.08em}.contacts-row i{z-index:1;width:8px;height:8px;margin:2px auto;border:2px solid var(--solar);border-radius:50%;background:var(--paper)}.contacts-row div:after{position:absolute;z-index:0;top:29px;right:50%;left:-50%;height:1px;background:#11100d40;content:""}.contacts-row div:first-child:after{display:none}.contacts-row .is-total-contact i,.contacts-row .is-maximum i{border-color:var(--night);background:var(--sun)}.contacts-row .is-maximum{background:#ffd84f38}.contacts-row .is-missing{opacity:.32}.contacts-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-variant-numeric:tabular-nums}.contacts-row small{overflow:hidden;color:#766f62;font-size:7px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.route-planner{padding:2px 0 16px}.route-origin-actions{gap:7px}.secondary-button,.primary-button{min-height:42px;border-radius:0;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.secondary-button{flex:1;padding:0 9px;border:1px solid var(--night);background:transparent;color:var(--night)}.secondary-button.active{background:var(--sky)}.segmented-control{position:relative;margin:8px 0;border-color:var(--night)}.segmented-control legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.segmented-control label{flex:1;cursor:pointer}.segmented-control input{position:absolute;opacity:0}.segmented-control span{display:grid;min-height:34px;place-items:center;color:#686258;font-size:10px;font-weight:800;text-transform:uppercase}.segmented-control input:checked+span{background:var(--night);color:var(--paper)}.segmented-control input:focus-visible+span{outline:3px solid var(--solar);outline-offset:-3px}.date-input{width:100%;min-height:42px;padding:0 10px;border:1px solid var(--night);border-radius:0;background:transparent;color:var(--night)}.timezone-hint{display:block;margin:-2px 0 7px;color:#665f54;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.warning-copy{margin:8px 0;padding:8px 9px;border-left:4px solid var(--solar);background:#ff5b351a;color:#4c463d;font-size:10px;line-height:1.35}.primary-button{width:100%;padding:0 16px;border:0;background:var(--solar);color:var(--night)}.primary-button:disabled{cursor:not-allowed;opacity:.38}.inline-error{color:var(--danger)!important;font-size:11px}.route-result{gap:14px;margin-top:9px;padding:10px;border:1px solid var(--night);background:#62d7ed29}.route-result>div{display:grid;gap:2px}.route-result strong{font-size:11px}.route-result span{color:#665f54;font-size:9px}.info-button{position:absolute;z-index:9;bottom:112px;left:18px;width:42px;height:42px;padding:0;overflow:hidden;border:0;background:var(--solar);color:transparent;font-size:0;cursor:pointer}.info-button:after{display:grid;position:absolute;inset:0;place-items:center;color:var(--night);content:"i";font-family:Georgia,Times New Roman,serif;font-size:22px;font-style:italic;font-weight:800}.dialog-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:16px;background:#11100dd1}.info-dialog{width:min(560px,100%);max-height:min(720px,88vh);padding:22px;overflow-y:auto;border-top:8px solid var(--solar);background:var(--paper);color:var(--night);box-shadow:12px 12px 0 var(--solar)}.info-dialog p,.source-list{color:#504a40;font-size:12px;line-height:1.5}.info-dialog .safety-copy{padding:11px 12px;border-left:5px solid var(--solar);background:#ff5b351c;color:#2b261f;font-weight:750}.info-dialog h3{margin:18px 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.source-list{padding-left:20px}.source-list a{color:#a52b14}@media(min-width:800px){.location-sheet{inset:92px 18px auto auto;width:400px;max-height:calc(100vh - 250px);padding:0 18px 18px;border-left:7px solid var(--solar);box-shadow:12px 12px #11100d52}.sheet-handle{display:none}.location-hero{margin:0 -18px;padding:18px}.timeline-card{right:18px;left:18px;width:auto;transform:none}.info-button{bottom:18px}.weather-key{bottom:145px}.maplibregl-ctrl-bottom-right{right:18px;bottom:145px}.app-shell.has-selection .maplibregl-ctrl-bottom-right{right:430px}}@media(max-width:799px){.app-shell.has-selection .location-sheet{bottom:150px;max-height:calc(100vh - 235px)}}@media(max-width:620px){.top-bar{padding:max(10px,env(safe-area-inset-top)) 10px 0}.brand-lockup{min-height:49px;padding:7px 19px 7px 8px}.brand-eclipse{width:34px;height:34px;margin-right:7px}.brand-lockup h1{font-size:17px}.brand-lockup p{display:none}.utility-button{width:43px;min-height:43px;padding:0}.language-button{color:transparent;font-size:0}.language-button:after{color:var(--paper);content:"ES/EN";font-size:8px}.layers-button{display:grid;place-items:center}.layers-button>span:first-child{font-size:24px}.layers-button>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.map-prompt{top:75px;font-size:9px}.weather-key{bottom:190px;left:10px;width:160px}.timeline-card{right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;padding:10px 12px 12px;box-shadow:5px 5px #ff5b35e6}.countdown-compact strong{font-size:13px}.timeline-selected-time span{display:none}.time-slider-row{gap:7px}.local-phase-track,.timeline-phase-readout{margin-right:32px;margin-left:32px}.floating-panel{top:64px;right:10px;width:min(310px,calc(100% - 20px))}.primary-reading strong{font-size:54px}.info-button{bottom:166px;left:10px;width:38px;height:38px}.maplibregl-ctrl-bottom-right{bottom:140px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}