:root{--bg: #04060c;--panel: rgba(10, 16, 28, .78);--panel-edge: rgba(110, 200, 255, .14);--ink: #dfe9f5;--ink-dim: #7e8da3;--accent: #46e6d4;--up: #ffae42;--down: #4a9df0;--alert: #ff4b3e;--font-display: "Chakra Petch", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}.app{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-mono);font-size:13px}.globe-wrap{position:absolute;inset:0}.globe-canvas{width:100%;height:100%;display:block;outline:none}.brand{position:absolute;top:18px;left:22px;pointer-events:none;border-left:2px solid var(--accent);padding-left:14px}.brand-title{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:.22em;color:var(--ink);text-shadow:0 0 24px rgba(70,230,212,.35)}.brand-sub{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-dim);margin-top:3px}.hud{position:absolute;top:18px;right:22px;display:flex;flex-direction:column;gap:4px;text-align:right;background:var(--panel);border:1px solid var(--panel-edge);border-radius:8px;padding:10px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:230px}.hud-row{display:flex;align-items:baseline;gap:8px;justify-content:flex-end}.hud-label{font-family:var(--font-display);font-size:9px;letter-spacing:.22em;color:var(--accent);min-width:42px;text-align:left}.hud-value{font-size:12px;color:var(--ink)}.hud-note{font-size:10px;color:var(--ink-dim)}.hud-live{font-family:var(--font-display);font-size:9px;letter-spacing:.18em;color:var(--accent);animation:pulse 2s ease-in-out infinite}.hud-flare .hud-value{color:var(--up);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.rail{position:absolute;top:76px;right:22px;bottom:168px;width:312px;display:flex;flex-direction:column;gap:10px;pointer-events:none}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow:hidden}.panel-flares{flex:0 0 auto;max-height:200px}.panel-head{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--panel-edge)}.panel-title{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--accent)}.panel-count{font-size:10px;color:var(--ink-dim);background:#ffffff0d;border-radius:8px;padding:1px 7px}.panel-filter{margin-left:auto;background:#ffffff0f;color:var(--ink);border:1px solid var(--panel-edge);border-radius:5px;font-family:var(--font-mono);font-size:11px;padding:2px 4px}.panel-body{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(110,200,255,.25) transparent}.panel-empty{padding:14px 12px;color:var(--ink-dim);font-size:11px}.quake-row{display:flex;align-items:center;gap:9px;width:100%;padding:8px 12px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.04);color:var(--ink);font-family:var(--font-mono);font-size:11.5px;text-align:left;cursor:pointer;transition:background .15s}.quake-row:hover{background:#46e6d412}.quake-row-sel{background:#46e6d421;box-shadow:inset 2px 0 0 var(--accent)}.mag-chip{font-family:var(--font-display);font-weight:600;font-size:11px;border-radius:4px;padding:2px 6px;min-width:34px;text-align:center;color:#0a0c10}.mag-4{background:#ffb84d}.mag-5{background:#ff8c3a}.mag-6{background:#ff5a36}.mag-7{background:#ff3d6e;color:#fff}.quake-place{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quake-when{color:var(--ink-dim);font-size:10px;white-space:nowrap}.flare-row{display:flex;align-items:center;gap:9px;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.04);font-size:11px}.flare-chip{font-family:var(--font-display);font-weight:600;font-size:10.5px;border-radius:4px;padding:1px 6px;min-width:40px;text-align:center;color:#0a0c10}.flare-c{background:#8fb6cf}.flare-m{background:var(--up)}.flare-x{background:var(--alert);color:#fff}.panel-events{flex:0 0 auto;max-height:190px}.evt-chip{font-family:var(--font-display);font-weight:600;font-size:10px;border-radius:4px;padding:2px 6px;min-width:44px;text-align:center;color:#0a0c10}.evt-storm{background:#4dd9ff}.evt-volcano{background:#ff4d26;color:#fff}.evt-wildfire{background:#ff9a1a}.alrt-torn{background:#ff2a2a;color:#fff;animation:pulse 1.2s ease-in-out infinite}.alrt-wtch{background:#ffd24d}.alrt-tstm{background:#ff8c3a}.qc-event-cat{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.2em}.flare-when{color:var(--ink)}.flare-loc{margin-left:auto;color:var(--ink-dim);font-size:10px}.cursor-readout{position:absolute;bottom:178px;right:22px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--accent);background:#080c16b3;border:1px solid var(--panel-edge);border-radius:6px;padding:4px 10px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:12}.quake-callout{position:absolute;top:0;left:0;pointer-events:none;z-index:20}.quake-callout-card{transform:translate(14px,-50%);background:#080c16e0;border:1px solid rgba(255,120,80,.35);border-left:3px solid var(--alert);border-radius:8px;padding:10px 13px;min-width:230px;max-width:300px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 30px #0000008c}.qc-mag{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--alert);letter-spacing:.06em}.qc-place{font-size:12px;color:var(--ink);margin-top:2px}.qc-meta{font-size:10px;color:var(--ink-dim);margin-top:3px}.qc-tide{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.qc-tide-label{font-family:var(--font-display);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.qc-tide-up{color:var(--up);font-size:12.5px}.qc-tide-down{color:var(--down);font-size:12.5px}.inspector{position:absolute;left:22px;bottom:178px;width:312px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:11px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:15}.inspector-head{display:flex;align-items:center;gap:8px}.inspector-coords{color:var(--ink-dim);font-size:10.5px}.inspector-close{margin-left:auto;background:none;border:none;color:var(--ink-dim);cursor:pointer;font-size:12px}.inspector-close:hover{color:var(--ink)}.inspector-value{display:flex;align-items:baseline;gap:10px;margin:8px 0 6px;font-size:19px;font-family:var(--font-display)}.inspector-rate{font-family:var(--font-mono);font-size:11px;color:var(--ink-dim)}.inspector-spark{width:100%;display:block}.inspector-axis{display:flex;justify-content:space-between;font-size:9px;color:var(--ink-dim);margin-top:2px}.inspector-spark-clickable{cursor:pointer}.inspector-note{margin-top:6px;font-size:9.5px;color:var(--ink-dim);border-top:1px solid rgba(255,255,255,.07);padding-top:5px}.flare-row-btn{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.04);color:var(--ink);font-family:var(--font-mono);text-align:left;cursor:pointer;transition:background .15s}.flare-row-btn:hover{background:#ffc14d14}.layer-status{position:absolute;bottom:178px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-dim);background:#080c16b3;border:1px solid var(--panel-edge);border-radius:6px;padding:3px 10px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:12}.sat-search{position:absolute;top:84px;left:22px;width:260px;z-index:14}.sat-search input{width:100%;background:#080c16d9;color:var(--ink);border:1px solid rgba(110,200,255,.25);border-radius:7px;font-family:var(--font-mono);font-size:11px;padding:7px 10px}.sat-search input::placeholder{color:#7e8da3b3}.sat-results{margin-top:4px;max-height:240px;overflow-y:auto;background:#080c16e6;border:1px solid var(--panel-edge);border-radius:7px;scrollbar-width:thin}.sat-row{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.04);color:#bfeaff;font-family:var(--font-mono);font-size:10.5px;padding:6px 10px;cursor:pointer}.sat-row:hover{background:#6ec8ff1a}.sat-row-sel{background:#ffbe5a26;color:#ffd9a0}.sat-tip{position:absolute;z-index:25;pointer-events:none;font-family:var(--font-mono);font-size:11px;color:#bfeaff;background:#080c16d9;border:1px solid rgba(110,200,255,.3);border-radius:5px;padding:3px 8px;opacity:0;transition:opacity .25s}.timeline{position:absolute;left:22px;right:22px;bottom:16px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;padding:10px 16px 9px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.tl-readout{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-bottom:7px}.tl-time{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.08em}.tl-time-future{color:var(--up)}.tl-projection-badge{font-family:var(--font-display);font-size:8.5px;letter-spacing:.25em;color:var(--up);border:1px solid rgba(255,174,66,.5);border-radius:4px;padding:2px 7px;animation:pulse 2.4s ease-in-out infinite}.tl-main{display:flex;align-items:center;gap:10px}.tl-now{font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.12em;background:#46e6d41a;color:var(--accent);border:1px solid rgba(70,230,212,.4);border-radius:6px;padding:6px 12px;cursor:pointer;white-space:nowrap;transition:all .2s}.tl-now:hover{background:#46e6d438}.tl-now-live{background:var(--accent);color:#04221e;box-shadow:0 0 18px #46e6d473}.tl-step{font-family:var(--font-mono);font-size:11px;background:#ffffff0d;color:var(--ink-dim);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 9px;cursor:pointer}.tl-step:hover{color:var(--ink)}.tl-track{position:relative;flex:1;height:38px;cursor:pointer;border-radius:6px;overflow:hidden;background:#ffffff08}.tl-zone-past{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#46e6d405,#46e6d417)}.tl-zone-future{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(-45deg,#ffae4212,#ffae4212 6px,#ffae4204 6px 12px)}.tl-tick{position:absolute;top:0;bottom:0;width:1px;background:#ffffff17}.tl-tick span{position:absolute;bottom:1px;left:4px;font-size:8.5px;color:var(--ink-dim);white-space:nowrap}.tl-nowmark{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);box-shadow:0 0 8px #46e6d4cc}.tl-needle{position:absolute;top:0;bottom:0;width:2px;background:#fff;transform:translate(-1px)}.tl-needle:after{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#fff}.tl-needle-drag{box-shadow:0 0 12px #ffffffb3}.tl-jump{display:flex;gap:6px;align-items:center}.tl-jump input{background:#ffffff0d;color:var(--ink);border:1px solid rgba(255,255,255,.12);border-radius:6px;font-family:var(--font-mono);font-size:11px;padding:5px 7px;color-scheme:dark}.tl-jump button{font-family:var(--font-display);font-size:10px;letter-spacing:.12em;background:#ffffff12;color:var(--ink);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:6px 10px;cursor:pointer}.tl-chips{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:10.5px;font-weight:500;letter-spacing:.1em;background:#ffffff08;color:var(--ink-dim);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:4px 12px;cursor:pointer;transition:all .18s}.chip-dot{width:7px;height:7px;border-radius:50%;background:#ffffff2e;transition:all .18s}.chip-on{color:var(--ink);border-color:var(--chip);background:color-mix(in srgb,var(--chip) 12%,transparent)}.chip-on .chip-dot{background:var(--chip);box-shadow:0 0 8px var(--chip)}.tl-hint{margin-left:auto;font-size:9px;color:#7e8da399;letter-spacing:.05em}@media(max-width:980px){.rail,.tl-hint,.tl-jump{display:none}}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#04060c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}