:root{--bg:#fff;--bg-elevated:#fff;--bg-subtle:#f5f5f7;--surface:#fff;--text:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#8e8e93;--separator:#00000014;--accent:#0071e3;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--shadow-card:0 1px 3px #0000000a, 0 8px 24px #0000000f;--shadow-pop:0 12px 40px #00000029;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;font-family:var(--font);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text)}button{cursor:pointer;font-family:inherit}::selection{background:#0071e326}.app{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.app__header{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--separator);background:#ffffffb8;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:sticky;top:0}.app__main{flex-direction:column;gap:18px;width:100%;max-width:720px;margin:0 auto;padding:24px 20px 64px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand__mark{color:#fff;background:linear-gradient(140deg,#0a84ff,#5e5ce6);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.brand__name{letter-spacing:-.01em;font-size:19px;font-weight:600}.location-bar{position:relative}.location-pill{background:var(--bg-subtle);max-width:260px;color:var(--text);border:none;border-radius:980px;align-items:center;gap:7px;padding:8px 12px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.location-pill:hover{background:#ececef}.location-pill__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.location-pill__chevron{color:var(--text-tertiary);transform:rotate(90deg)}.location-popover{background:var(--surface);border-radius:var(--radius-md);width:min(340px,86vw);box-shadow:var(--shadow-pop);border:1px solid var(--separator);flex-direction:column;gap:10px;padding:12px;animation:.18s pop;display:flex;position:absolute;top:calc(100% + 10px);right:0}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.location-popover__gps{border-radius:var(--radius-sm);width:100%;color:var(--accent);background:#0071e314;border:none;align-items:center;gap:9px;padding:11px 12px;font-size:15px;font-weight:500;display:flex}.location-popover__gps:disabled{opacity:.5}.search-field{border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-tertiary);align-items:center;gap:8px;padding:10px 12px;display:flex}.search-field input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-results{flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.search-result{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:10px 12px;font-size:14px;display:flex}.search-result:hover{background:var(--bg-subtle)}.search-hint{color:var(--text-tertiary);padding:10px 12px;font-size:14px}.hero-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:20px;padding:22px;display:flex}.hero-card__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hero-card__eyebrow{letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 4px;font-size:13px;font-weight:600}.hero-card__headline{letter-spacing:-.02em;max-width:14ch;margin:0;font-size:26px;font-weight:600;line-height:1.15}.weather-badge{background:var(--bg-subtle);white-space:nowrap;border-radius:980px;align-items:center;gap:8px;padding:9px 13px;font-size:13px;display:inline-flex}.weather-badge--muted{color:var(--text-tertiary)}.weather-badge__quality{font-weight:600}.weather-badge__detail{color:var(--text-secondary)}.time-control{flex-direction:column;gap:10px;display:flex}.time-control__head{justify-content:space-between;align-items:center;display:flex}.time-control__label{color:var(--text);align-items:center;gap:7px;font-size:15px;font-weight:600;display:inline-flex}.time-control__reset{color:var(--accent);background:#0071e31a;border:none;border-radius:980px;padding:5px 12px;font-size:13px;font-weight:600}.time-control__scale{color:var(--text-tertiary);justify-content:space-between;font-size:11px;display:flex}.time-slider{appearance:none;background:#e5e5ea;border-radius:2px;outline:none;width:100%;height:4px}.time-slider::-webkit-slider-thumb{appearance:none;cursor:grab;background:#fff;border:.5px solid #0000000a;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 4px #0003}.time-slider::-moz-range-thumb{cursor:grab;background:#fff;border:.5px solid #0000001a;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 4px #0003}.sky-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:14px 14px 18px}.sky-dome{flex-direction:column;align-items:center;display:flex}.sky-dome svg{max-width:380px}.sky-planet{cursor:pointer}.sky-planet circle{transition:opacity .2s}.sky-dome__caption{text-align:center;color:var(--text-tertiary);max-width:42ch;margin:6px 8px 0;font-size:12px;line-height:1.5}.planet-list{flex-direction:column;gap:12px;display:flex}.planet-card{border-radius:var(--radius-md);background:var(--surface);width:100%;box-shadow:var(--shadow-card);text-align:left;border:none;align-items:center;gap:14px;padding:16px;transition:transform .18s,box-shadow .18s;display:flex}.planet-card:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000000d,0 14px 32px #00000014}.planet-card:active{transform:scale(.992)}.planet-card__glyph{flex-shrink:0}.planet-card__body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.planet-card__title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.planet-card__name{letter-spacing:-.01em;font-size:17px;font-weight:600}.planet-card__meta{flex-wrap:wrap;gap:6px 14px;display:flex}.meta-item{color:var(--text-secondary);align-items:center;gap:5px;font-size:13px;display:inline-flex}.meta-item svg{color:var(--text-tertiary)}.planet-card__chevron{color:var(--text-tertiary);flex-shrink:0}.status-badge{white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;width:7px;height:7px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:12vh;display:flex}.empty-state__icon{background:var(--bg-subtle);width:72px;height:72px;color:var(--accent);border-radius:22px;place-items:center;display:grid}.empty-state__title{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600}.empty-state__text{max-width:36ch;color:var(--text-secondary);margin:0;font-size:16px;line-height:1.4}.primary-button{background:var(--accent);color:#fff;border:none;border-radius:980px;align-items:center;gap:8px;margin-top:6px;padding:12px 22px;font-size:16px;font-weight:500;transition:background .2s;display:inline-flex}.primary-button:hover{background:#0077ed}.primary-button:disabled{opacity:.6}.inline-note{border-radius:var(--radius-sm);color:#b25e00;background:#ff9f0a1f;padding:12px 16px;font-size:14px}.footnote{color:var(--text-tertiary);margin:4px 2px 0;font-size:12px;line-height:1.5}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000047;justify-content:center;align-items:flex-end;padding:0;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:92vh;box-shadow:var(--shadow-pop);border-radius:26px 26px 0 0;padding:14px 22px 30px;animation:.26s cubic-bezier(.22,.61,.36,1) slide-up;position:relative;overflow-y:auto}@keyframes slide-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sheet__grabber{background:#d1d1d6;border-radius:3px;width:38px;height:5px;margin:0 auto 16px}.sheet__close{background:var(--bg-subtle);width:30px;height:30px;color:var(--text-secondary);border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:18px}.sheet__hero{align-items:center;gap:16px;margin-bottom:16px;display:flex}.sheet__title{letter-spacing:-.02em;margin:0 0 5px;font-size:26px;font-weight:600}.sheet__guidance{border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text);align-items:center;gap:9px;margin:0 0 18px;padding:13px 15px;font-size:15px;display:flex}.sheet__guidance svg{color:var(--accent);flex-shrink:0}.stat-grid{background:var(--separator);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:16px;display:grid;overflow:hidden}.stat{background:var(--surface);flex-direction:column;align-items:center;gap:3px;padding:14px 10px;display:flex}.stat__value{letter-spacing:-.01em;font-size:18px;font-weight:600}.stat__label{color:var(--text-tertiary);font-size:12px}.best-window{border-radius:var(--radius-sm);color:#1d7a3b;background:#34c7591a;align-items:center;gap:9px;margin-bottom:18px;padding:13px 15px;font-size:15px;display:flex}.best-window svg{color:#34c759}.sheet__section-title{color:var(--text-secondary);margin:0 0 8px;font-size:15px;font-weight:600}.altitude-chart{background:var(--bg-subtle);border-radius:var(--radius-sm);padding:6px;display:block}.chart-caption{color:var(--text-tertiary);margin:8px 2px 0;font-size:12px}@media (width>=600px){.sheet-backdrop{align-items:center;padding:24px}.sheet{border-radius:26px}}