body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#0c1426;color:#e6edf5;color-scheme:dark}main.page{max-width:1200px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.desktop-layout{display:grid;grid-template-columns:1fr;grid-template-areas:"timeline" "map";gap:16px}.timeline-panel{grid-area:timeline}.map-panel{grid-area:map}@media (min-width: 1250px){.desktop-layout{grid-template-columns:2fr 1fr;grid-template-areas:"map timeline";align-items:start}.timeline-panel{align-self:stretch}}header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.header-actions{display:inline-flex;align-items:center;gap:10px;margin-left:auto}.btn.header-trigger{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#0d182b80;color:#cbd5e1}.btn.header-trigger:hover{border-color:#4fd1ff59;background:#4fd1ff1a;color:#e6edf5}.btn.header-trigger:focus-visible{outline:2px solid rgba(79,209,255,.55);outline-offset:3px}h1{margin:0}h2{margin:0 0 8px}.tagline{margin:4px 0 0;color:#9fb0c7}.panel{background:#121d31;border:1px solid #24344c;border-radius:12px;padding:12px;box-shadow:0 10px 40px #00000040}.timeline-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.timeline-summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;column-gap:12px;color:#d4deed;font-weight:650;width:100%}.timeline-summary .duration{justify-self:center}.timeline-summary .route{color:#e6edf5;justify-self:start;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-summary .distance-toggle{justify-self:end;white-space:nowrap}.timeline-summary .distance-toggle{appearance:none;border:none;background:none;padding:0;margin:0;color:inherit;font:inherit;font-weight:inherit;cursor:default}.timeline-summary .distance-toggle:focus-visible{outline:2px solid rgba(79,209,255,.55);outline-offset:3px;border-radius:6px}.timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0 10px}.btn{appearance:none;border:1px solid #24344c;border-radius:10px;padding:8px 12px;background:#0d182b;color:#e6edf5;font-weight:650;cursor:pointer}.btn.primary{border-color:#4fd1ff59;background:#4fd1ff1f}.btn.icon{width:38px;height:38px;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;user-select:none}.btn:disabled{opacity:.55;cursor:not-allowed}.pace-control{display:flex;align-items:center;gap:10px;color:#9fb0c7}.pace-label{font-size:12px}.segmented{display:inline-flex;border:1px solid #24344c;border-radius:999px;overflow:hidden;background:#0d182bcc}.segmented button{appearance:none;border:none;background:transparent;color:#cbd5e1;padding:6px 10px;font:inherit;font-size:13px;cursor:pointer}.segmented button+button{border-left:1px solid #24344c}.segmented button.active{background:#4fd1ff1f;color:#e6edf5}.segmented button:disabled{opacity:.55;cursor:not-allowed}.timeline-endpoints{display:flex;justify-content:space-between;gap:12px;margin:6px 0 0}.endpoint{min-width:120px}.endpoint-right{text-align:right}.endpoint-kicker{color:#9fb0c7;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.endpoint-main{color:#e6edf5;font-weight:650;margin-top:2px}.endpoint-sub{color:#9fb0c7;font-size:12px;margin-top:2px}.timeline-cards{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}@media (max-width: 768px){.timeline-cards{grid-template-columns:1fr}}.timeline-card{background:#0d182b;border:1px solid #24344c;border-radius:12px;padding:10px}.timeline-time-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.timeline-time-col{min-width:0}.timeline-time-header{color:#9fb0c7;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-time-card .value{margin-top:4px}.timeline-time-date{margin-top:4px;color:#9fb0c7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kicker{color:#9fb0c7;font-size:12px}.value{margin-top:6px;font-weight:750;letter-spacing:.01em;color:#e6edf5}.sub{margin-top:6px;color:#cbd5e1;font-size:12px;line-height:1.35}.timeline-elapsed{margin:0 0 4px;text-align:center;font-size:12px;font-weight:500;color:#9fb0c7}.badges{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid #24344c;font-size:12px;font-weight:650;color:#e6edf5;background:#94a3b814}.badge.status-day{border-color:#ffd16659;background:#ffd1661f;color:#ffd166}.badge.status-twilight{border-color:#fbbf2459;background:#fbbf241f;color:#fbbf24}.badge.status-night{border-color:#94a3b838;background:#94a3b814;color:#cbd5e1}.badge.direction{border-color:#4fd1ff40;background:#4fd1ff14}.sunlight-card{padding:6px 8px}.sunlight-layout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.sunlight-positions,.sunlight-daylight{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:default;display:flex;flex-direction:column;gap:2px}.sunlight-positions{text-align:left}.sunlight-daylight{text-align:right;align-items:flex-end}.sunlight-status{display:flex;align-items:center;justify-content:center}.seg-left{--seg-color: rgba(79, 209, 255, .9);--seg-bg: rgba(79, 209, 255, .1);--seg-glow: rgba(79, 209, 255, .25)}.seg-right{--seg-color: rgba(45, 212, 191, .85);--seg-bg: rgba(45, 212, 191, .1);--seg-glow: rgba(45, 212, 191, .22)}.seg-ahead{--seg-color: rgba(255, 209, 102, .9);--seg-bg: rgba(255, 209, 102, .1);--seg-glow: rgba(255, 209, 102, .22)}.seg-behind{--seg-color: rgba(167, 139, 250, .88);--seg-bg: rgba(167, 139, 250, .1);--seg-glow: rgba(167, 139, 250, .22)}.seg-day{--seg-color: rgba(255, 209, 102, .9);--seg-bg: rgba(255, 209, 102, .1);--seg-glow: rgba(255, 209, 102, .22)}.seg-twilight{--seg-color: rgba(251, 113, 133, .88);--seg-bg: rgba(251, 113, 133, .1);--seg-glow: rgba(251, 113, 133, .22)}.seg-night{--seg-color: rgba(148, 163, 184, .42);--seg-bg: rgba(148, 163, 184, .08);--seg-glow: rgba(148, 163, 184, .18)}.sun-token{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#cbd5e1;padding:2px 4px;border-radius:8px}.sun-token.active{background:var(--seg-bg, rgba(79, 209, 255, .12));box-shadow:inset 0 0 0 1px var(--seg-color, rgba(79, 209, 255, .35));color:#fff}.sun-dot{width:7px;height:7px;border-radius:999px;background:var(--seg-color, rgba(203, 213, 225, .9));flex:0 0 auto}.sun-token-value{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:650;color:#e6edf5}.sun-status{display:inline-flex;align-items:center;font-size:12px;padding:3px 10px;border-radius:8px;color:#cbd5e1;background:#94a3b81a;box-shadow:inset 0 0 0 1px #94a3b840}.sun-status.status-day{color:#ffd166;background:#ffd1661f;box-shadow:inset 0 0 0 1px #ffd16659}.sun-status.status-twilight{color:#fbbf24;background:#fbbf241f;box-shadow:inset 0 0 0 1px #fbbf2459}.sun-status.status-night{color:#94a3b8;background:#94a3b81a;box-shadow:inset 0 0 0 1px #94a3b840}.sun-rose{width:88px;height:88px;flex:0 0 auto;margin:-6px -4px;--sun-rose-plane-color: rgba(148, 163, 184, .78)}.sun-rose.status-day{--sun-rose-plane-color: rgba(255, 209, 102, .6)}.sun-rose.status-twilight{--sun-rose-plane-color: rgba(251, 113, 133, .6)}.sun-rose.status-night{--sun-rose-plane-color: rgba(148, 163, 184, .42)}.sun-rose-svg{width:100%;height:100%;display:block;overflow:visible}.sun-rose-track,.sun-rose-arc{fill:none;stroke:var(--seg-color, rgba(148, 163, 184, .5));stroke-width:6;stroke-linecap:round}.sun-rose-track{stroke-opacity:.18}.sun-rose-track.empty,.sun-rose-arc.empty{stroke:#94a3b880}.sun-rose-arc{stroke-opacity:.9;stroke-dasharray:0 100;transition:stroke-opacity .15s ease,filter .15s ease}.sun-rose-arc.active{stroke-opacity:1}.sun-rose-plane path{fill:var(--sun-rose-plane-color, rgba(148, 163, 184, .85));stroke:none}@media (max-width: 360px){.sunlight-summary{grid-template-columns:1fr;justify-items:start}.sun-rose{width:72px;height:72px;margin:0}}label{display:flex;flex-direction:column;gap:6px;color:#d4deed}.field-label{display:block}.field-control{display:flex;flex-direction:column;gap:6px;min-width:0}.field-control small{display:block;margin-left:8px}input[type=search],input[type=date],input[type=time],input[type=range]{width:100%;box-sizing:border-box;padding:8px;border-radius:8px;border:1px solid #24344c;background:#0d182b;color:#e6edf5;font:inherit}input[type=search],input[type=date],input[type=time]{height:40px}input[type=date],input[type=time]{letter-spacing:normal}input[type=date],input[type=time]{text-align:left}input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value{text-align:left;font:inherit;font-variant-numeric:proportional-nums;letter-spacing:normal}input[type=date]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=time]::-webkit-datetime-edit-fields-wrapper,input[type=date]::-webkit-datetime-edit-text,input[type=time]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field,input[type=time]::-webkit-datetime-edit-hour-field,input[type=time]::-webkit-datetime-edit-minute-field,input[type=time]::-webkit-datetime-edit-second-field,input[type=time]::-webkit-datetime-edit-ampm-field{font:inherit;font-variant-numeric:proportional-nums;letter-spacing:normal}input[type=date],input[type=time]{max-width:100%;min-width:0}input[type=date],input[type=time]{font-variant-numeric:proportional-nums}input[type=date],input[type=time]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.85}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=range]{padding:0;accent-color:#4fd1ff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.flight-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.row{display:flex;gap:8px}.row input{flex:1}.checkbox-row{display:flex;align-items:center;gap:10px;margin-top:8px;color:#9fb0c7;font-size:13px}.checkbox-row input{width:16px;height:16px;accent-color:#4fd1ff}.typeahead{position:absolute;top:100%;left:0;right:0;z-index:10;list-style:none;margin:6px 0 0;padding:0;max-height:220px;overflow:auto;border:1px solid #24344c;border-radius:8px;background:#0e1930}.typeahead li+li{border-top:1px solid #19263b}.typeahead button{display:block;width:100%;text-align:left;padding:8px 10px;background:none;border:none;color:#e6edf5;cursor:pointer}.typeahead button:hover,.typeahead button.selected{background:#1a2841}.typeahead-wrap{position:relative}.error{color:#f87171;margin:8px 0 0}.map-wrap{background:#0e1930;border-radius:12px;padding:0;border:1px solid #24344c;overflow:hidden;position:relative;touch-action:none;user-select:none;cursor:grab}.map-controls{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;z-index:5}.map-wrap.panning{cursor:grabbing}svg{width:100%;height:auto;display:block}image{opacity:.92}.night,.twilight,.day,.terminator,.sun{pointer-events:none}.night{fill:#050a1247}.twilight{fill:#ffd1660f;mix-blend-mode:screen}.day{fill:#ffd16624;mix-blend-mode:screen}.terminator{fill:none;stroke:#ffd166;stroke-opacity:.45;stroke-width:1.5;stroke-dasharray:6 6}.route{fill:none;stroke:#4fd1ff;stroke-width:2.2}.aircraft{fill:#ffd166;stroke:#0c1426;stroke-width:1.4}.sun-glow{fill:url(#sun-glow)}.sun-core{fill:#ffd166;stroke:#0c1426;stroke-width:1.25;filter:drop-shadow(0 0 6px rgba(255,209,102,.4))}@media (max-width: 640px){.flight-setup-grid{grid-template-columns:1fr;gap:10px}.flight-setup-grid label{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:10px;align-items:start}.flight-setup-grid .field-label{font-size:13px;line-height:1.2;padding-top:6px}.flight-setup-grid .field-control{min-width:0}.flight-setup-grid .datetime-row{flex-wrap:wrap}.flight-setup-grid .datetime-row input{flex:1 1 140px}}@media (min-width: 1250px){.flight-setup-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.about-backdrop.svelte-1tlp7rt{position:fixed;inset:0;background:#050a14b8;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.about-modal.svelte-1tlp7rt{width:min(720px,100%);max-height:min(80vh,720px);display:flex;flex-direction:column;gap:10px}.about-header.svelte-1tlp7rt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #24344c}.about-header.svelte-1tlp7rt h2:where(.svelte-1tlp7rt){margin:0}.about-close.svelte-1tlp7rt{font-size:22px}.about-body.svelte-1tlp7rt{overflow:auto;padding-right:2px}.about-body.svelte-1tlp7rt h3:where(.svelte-1tlp7rt){margin:16px 0 8px;font-size:14px;letter-spacing:.02em;color:#cbd5e1;text-transform:uppercase}.about-body.svelte-1tlp7rt p:where(.svelte-1tlp7rt){margin:10px 0;color:#d4deed;line-height:1.5}.about-body.svelte-1tlp7rt ol:where(.svelte-1tlp7rt),.about-body.svelte-1tlp7rt ul:where(.svelte-1tlp7rt){margin:8px 0 0;padding-left:20px;color:#d4deed;line-height:1.5}.about-body.svelte-1tlp7rt a:where(.svelte-1tlp7rt){color:#4fd1fff2;text-decoration:none}.about-body.svelte-1tlp7rt a:where(.svelte-1tlp7rt):hover{text-decoration:underline}.about-footer.svelte-1tlp7rt{margin-top:18px;padding-top:12px;border-top:1px solid rgba(36,52,76,.75);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.about-action.svelte-1tlp7rt{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;border:1px solid #24344c;background:#0d182b80;color:#cbd5e1;font-weight:650;text-decoration:none}.about-action.primary.svelte-1tlp7rt{border-color:#4fd1ff59;background:#4fd1ff1f;color:#e6edf5}.about-action.svelte-1tlp7rt:hover{border-color:#4fd1ff59;text-decoration:none}.about-icon.svelte-1tlp7rt{display:inline-flex;align-items:center;justify-content:center;color:inherit}.share-backdrop.svelte-16j2j8r{position:fixed;inset:0;background:#050a14b8;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.share-modal.svelte-16j2j8r{width:min(720px,100%);max-height:min(70vh,520px);display:flex;flex-direction:column;gap:12px}.share-header.svelte-16j2j8r{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #24344c}.share-header.svelte-16j2j8r h2:where(.svelte-16j2j8r){margin:0}.share-close.svelte-16j2j8r{font-size:22px}.share-body.svelte-16j2j8r{display:flex;flex-direction:column;gap:14px}.share-label.svelte-16j2j8r{display:inline-block;margin:0 0 6px;font-size:12px;color:#9fb0c7}.share-link-row.svelte-16j2j8r{display:flex;gap:10px;align-items:center}.share-url.svelte-16j2j8r{flex:1;min-width:0;border-radius:10px;border:1px solid #24344c;background:#0d182bcc;color:#e6edf5;padding:10px 12px;font:inherit;font-size:13px}.share-url.svelte-16j2j8r:focus{outline:none;border-color:#4fd1ff59;box-shadow:0 0 0 3px #4fd1ff1f}.share-copy.svelte-16j2j8r{border-radius:999px;padding:9px 14px;min-width:98px}.share-options.svelte-16j2j8r{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}@media (max-width: 520px){.share-link-row.svelte-16j2j8r{flex-direction:column;align-items:stretch}.share-copy.svelte-16j2j8r{width:100%}}