:root{--bg: #ffffff;--panel: #f5f5f5;--panel-2: #eeeeee;--text: #111111;--muted: #666666;--accent: #111111;--border: #dddddd}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100dvh}#app{max-width:600px;margin:0 auto;padding:1rem}@media (min-width: 768px){#app{max-width:1200px}}.card{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.card h2{margin:0 0 .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.moon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;text-align:center}.stat .value{display:block;font-size:1.5rem;font-weight:700;color:var(--text)}.stat .label{font-size:.75rem;color:var(--muted)}.prediction{border-top:1px solid var(--border);padding:.75rem 0}.prediction:first-of-type{border-top:none;padding-top:0}.prediction:last-child{padding-bottom:0}.events{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.event{text-align:center}.event-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.event-time{display:block;font-size:1rem;font-weight:700;margin-top:.2rem}.prediction-header{display:flex;justify-content:space-between;align-items:baseline}.callsign{font-weight:700;font-size:1.1rem}.eta{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.prediction-meta{font-size:.85rem;color:var(--muted);margin-top:.25rem}.prediction-intent{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.intent-chip{font-size:.72rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--muted);color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.intent-chip.dest{color:var(--text);border-color:var(--text);text-transform:none}.intent-chip.silhouette{text-transform:none}.intent-chip.silhouette.huge{color:#ffb02e;border-color:#ffb02e}.intent-chip.phase-approach,.intent-chip.phase-descent{color:#7fd4ff;border-color:#7fd4ff}.vip{border-left:2px solid var(--text);padding-left:.75rem}.empty{color:var(--muted);font-size:.9rem;text-align:center;padding:1rem 0}.status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--muted);margin-top:.5rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.live{background:var(--text)}.history-header.svelte-1q7my45.svelte-1q7my45{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.history-title-row.svelte-1q7my45 h2.svelte-1q7my45{margin:0}.filter-selects.svelte-1q7my45.svelte-1q7my45{display:flex;flex-wrap:wrap;gap:.4rem;flex-shrink:0}.eta-block.svelte-1q7my45.svelte-1q7my45{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.eta-abs.svelte-1q7my45.svelte-1q7my45{font-size:.7rem;color:var(--muted, #666666);font-variant-numeric:tabular-nums;line-height:1}.empty-sub.svelte-1q7my45.svelte-1q7my45{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.6rem;font-size:.85rem;color:var(--muted, #666666)}.filter-select.svelte-1q7my45.svelte-1q7my45{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffffb3;border:1px solid var(--border, #dddddd);border-radius:.5rem;padding:.35rem 1.6rem .35rem .6rem;font-size:.85rem;font-weight:600;color:var(--text, #111111);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.pill.svelte-1q7my45.svelte-1q7my45{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.pill.svelte-1q7my45.svelte-1q7my45:hover{background:var(--panel-2);color:var(--text)}.pill.active.svelte-1q7my45.svelte-1q7my45{background:var(--text);color:#fff;border-color:var(--text)}.pill-divider.svelte-1q7my45.svelte-1q7my45{width:1px;background:var(--border);margin:0 .1rem;align-self:stretch}.header-grid.svelte-1q7my45.svelte-1q7my45{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.header-left.svelte-1q7my45.svelte-1q7my45{display:flex;flex-direction:column;gap:.2rem;min-width:0}.header-actions.svelte-1q7my45.svelte-1q7my45{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.wake-lock-btn.svelte-1q7my45.svelte-1q7my45{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border, #dddddd);background:#fff9;color:var(--muted, #666666);font-size:.8rem;font-weight:600;padding:.35rem .7rem;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.wake-lock-btn.svelte-1q7my45.svelte-1q7my45:hover{background:#ffffffe6}.wake-lock-btn.active.svelte-1q7my45.svelte-1q7my45{background:#111;border-color:#111;color:#fff}.header-right.svelte-1q7my45.svelte-1q7my45{display:flex;align-items:center;gap:.5rem}.play-btn.svelte-1q7my45.svelte-1q7my45{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.6rem;padding:.2rem .35rem;border-radius:.35rem;cursor:pointer;line-height:1;transition:background .15s,color .15s}.play-btn.svelte-1q7my45.svelte-1q7my45:hover{background:var(--panel-2);color:var(--text)}.anim-overlay.svelte-1q7my45.svelte-1q7my45{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.anim-modal.svelte-1q7my45.svelte-1q7my45{border-radius:1rem;overflow:hidden;box-shadow:0 24px 80px #000000b3;max-width:calc(100vw - 2rem)}.anim-modal.svelte-1q7my45 canvas.svelte-1q7my45{display:block;width:100%}.anim-controls.svelte-1q7my45.svelte-1q7my45{display:flex;flex-direction:column;gap:.5rem;padding:.65rem .9rem;background:#0d0e1e}.anim-info.svelte-1q7my45.svelte-1q7my45{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .6rem}.anim-legends.svelte-1q7my45.svelte-1q7my45{display:flex;align-items:center;gap:.35rem;margin-left:auto}.anim-buttons.svelte-1q7my45.svelte-1q7my45{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.anim-label.svelte-1q7my45.svelte-1q7my45{font-size:.85rem;font-weight:700;color:#ffffffb3;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.anim-direct.svelte-1q7my45.svelte-1q7my45{font-size:.65rem;background:#ffffff1f;color:#ffffff80;padding:.1rem .35rem;border-radius:.25rem;letter-spacing:.06em}.anim-time.svelte-1q7my45.svelte-1q7my45{font-size:.75rem;font-weight:500;color:#ffffff80;white-space:nowrap}.anim-legend.svelte-1q7my45.svelte-1q7my45{font-size:.65rem;font-weight:600;padding:.1rem .35rem;border-radius:.25rem;letter-spacing:.03em;white-space:nowrap}.anim-legend.predicted.svelte-1q7my45.svelte-1q7my45{color:#82beffe6;background:#50a0ff2e}.anim-legend.actual.svelte-1q7my45.svelte-1q7my45{color:#ff8c78e6;background:#ff5a462e}.anim-btn.svelte-1q7my45.svelte-1q7my45{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffbf;border-radius:.5rem;padding:.4rem .8rem;font-size:.82rem;cursor:pointer;transition:background .15s}.anim-btn.svelte-1q7my45.svelte-1q7my45:hover{background:#ffffff29}.anim-btn.active.svelte-1q7my45.svelte-1q7my45{background:#ffffff3d;border-color:#ffffff59;color:#fff}.anim-close.svelte-1q7my45.svelte-1q7my45{padding:.4rem .6rem}.shoot-overlay.svelte-1q7my45.svelte-1q7my45{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:1000}.shoot-content.svelte-1q7my45.svelte-1q7my45{position:relative;width:100%;max-width:480px;padding:2rem;text-align:center;color:#fff}.shoot-close.svelte-1q7my45.svelte-1q7my45{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#fff9;font-size:1.5rem;cursor:pointer}.shoot-label.svelte-1q7my45.svelte-1q7my45{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.shoot-direct.svelte-1q7my45.svelte-1q7my45{font-size:.75rem;background:#ffffff26;padding:.15rem .4rem;border-radius:.25rem;margin-left:.5rem;vertical-align:middle}.shoot-countdown.svelte-1q7my45.svelte-1q7my45{font-size:6rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;margin:1.5rem 0;color:#fff}.shoot-countdown.urgent.svelte-1q7my45.svelte-1q7my45{color:#ff5a46}.shoot-time.svelte-1q7my45.svelte-1q7my45{font-size:1.1rem;color:#fff9;margin-bottom:2rem}.shoot-controls.svelte-1q7my45.svelte-1q7my45{display:flex;justify-content:center;gap:1rem}.shoot-toggle.svelte-1q7my45.svelte-1q7my45{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer}.shoot-status.svelte-1q7my45.svelte-1q7my45{font-size:3rem;font-weight:800;margin-bottom:1rem}.shoot-status.canceled.svelte-1q7my45.svelte-1q7my45{color:#ff5a46}.shoot-callsign.svelte-1q7my45.svelte-1q7my45{font-size:1.5rem;margin-bottom:2rem;color:#fffc}.shoot-done.svelte-1q7my45.svelte-1q7my45{background:#fff;color:#000;border:none;border-radius:999px;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer}.shoot-btn.svelte-1q7my45.svelte-1q7my45{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000000d;border:1px solid rgba(0,0,0,.12);border-radius:.4rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem}.shoot-btn.svelte-1q7my45.svelte-1q7my45:hover{background:#0000001a}.history-when.svelte-1q7my45.svelte-1q7my45{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.history-time.svelte-1q7my45.svelte-1q7my45{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);line-height:1}.history-date.svelte-1q7my45.svelte-1q7my45{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;line-height:1}.aircraft-count.svelte-1q7my45.svelte-1q7my45{font-size:.85rem;color:var(--muted)}.aircraft-count.svelte-1q7my45 strong.svelte-1q7my45{font-size:1.1rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.body-cards.svelte-1q7my45.svelte-1q7my45{display:grid;gap:1rem;margin-bottom:1rem}.moon-view-card.svelte-1q7my45.svelte-1q7my45{display:flex;flex-direction:column;align-items:center}.moon-view-header.svelte-1q7my45.svelte-1q7my45{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.moon-view-header.svelte-1q7my45 h2.svelte-1q7my45{margin:0}.moon-view-canvas-wrap.svelte-1q7my45.svelte-1q7my45{position:relative;cursor:pointer;border-radius:1rem;background:linear-gradient(180deg,#f6f8fb,#eef1f6);padding:1rem;transition:transform .15s ease}.moon-view-canvas-wrap.svelte-1q7my45.svelte-1q7my45:hover{transform:scale(1.01)}.moon-view-canvas-wrap.svelte-1q7my45 canvas.svelte-1q7my45{display:block;max-width:100%;height:auto}.moon-phase-caption.svelte-1q7my45.svelte-1q7my45{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--muted);background:#ffffffd9;padding:.2rem .6rem;border-radius:999px;white-space:nowrap}@media (min-width: 768px){.body-cards.svelte-1q7my45.svelte-1q7my45{grid-template-columns:1fr 1fr}.body-cards.svelte-1q7my45 .card.svelte-1q7my45{margin-bottom:0}.transits-layout.svelte-1q7my45.svelte-1q7my45{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}}.direct.sun.svelte-1q7my45 .prediction-header.svelte-1q7my45{color:#b45f00}.direct.svelte-1q7my45:not(.sun) .prediction-header.svelte-1q7my45{color:#06c}.body-badge.svelte-1q7my45.svelte-1q7my45{font-size:.75rem;font-weight:600;padding:.15rem .4rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.03em}.body-badge.sun.svelte-1q7my45.svelte-1q7my45{background:#fff3cd;color:#b45f00}.body-badge.moon.svelte-1q7my45.svelte-1q7my45{background:#e6f2ff;color:#06c}.alerted-badge.svelte-1q7my45.svelte-1q7my45{font-size:.75rem;font-weight:600;padding:.15rem .4rem;border-radius:.25rem;background:#e8f5e9;color:#2e7d32;margin-left:.35rem}.actual-badge.svelte-1q7my45.svelte-1q7my45{font-size:.75rem;font-weight:600;padding:.15rem .4rem;border-radius:.25rem;background:#f0f0f0;color:var(--muted, #666666);margin-left:.35rem;white-space:nowrap}.actual-badge.near.svelte-1q7my45.svelte-1q7my45{background:#fff3cd;color:#b45f00}.actual-badge.hit.svelte-1q7my45.svelte-1q7my45{background:#2e7d32;color:#fff}.tab-content.svelte-1q7my45.svelte-1q7my45{padding-bottom:5rem}.transits-layout.svelte-1q7my45.svelte-1q7my45{display:block}.tab-bar.svelte-1q7my45.svelte-1q7my45{display:flex;justify-content:center;gap:.5rem;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border, #dddddd);padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;z-index:10;transform:translateZ(0)}.tab.svelte-1q7my45.svelte-1q7my45{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted, #666666);font-size:.95rem;font-weight:600;padding:.85rem 2rem;min-width:8rem;border-radius:.75rem;cursor:pointer;transition:color .2s ease,background .2s ease,transform .15s ease}.tab.svelte-1q7my45.svelte-1q7my45:hover{color:var(--text, #111111);background:#0000000d}.tab.svelte-1q7my45.svelte-1q7my45:active{transform:scale(.97)}.tab.active.svelte-1q7my45.svelte-1q7my45{color:#fff;background:#111;box-shadow:0 4px 12px #0000002e}.help-layout.svelte-1q7my45.svelte-1q7my45{max-width:720px;margin:0 auto}.help-card.svelte-1q7my45 h3.svelte-1q7my45{margin:1.5rem 0 .75rem;font-size:1.1rem}.help-card.svelte-1q7my45 p.svelte-1q7my45{line-height:1.6;color:var(--text, #111111)}.help-card.svelte-1q7my45 ul.svelte-1q7my45{padding-left:1.25rem;line-height:1.7}.help-card.svelte-1q7my45 li.svelte-1q7my45{margin-bottom:.5rem}.help-nav.svelte-1q7my45.svelte-1q7my45{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.help-section.svelte-1q7my45.svelte-1q7my45{animation:svelte-1q7my45-fadeIn .2s ease}@keyframes svelte-1q7my45-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}