*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #02050A;--surface: #0A0E14;--elevated: #101820;--text: #FFFFFF;--text-mid: #C8D4E0;--text-dim: #4A5568;--cyan: #00D4FF;--cyan-glow: rgba(0,212,255,.6);--orange: #FF6B35;--orange-glow: rgba(255,107,53,.6);--green: #33FF33;--green-glow: rgba(51,255,51,.5);--red: #FF3355;--border: rgba(0,212,255,.1);--border-noir: rgba(255,255,255,.06);--glass: rgba(2,5,10,.82);--radius: 4px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", var(--font)}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:300}#app{width:100%;height:100%;position:relative}canvas{display:block}#app:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.015) 2px,rgba(0,212,255,.015) 4px)}.corner-frame{position:absolute;z-index:6;pointer-events:none;width:40px;height:40px}.corner-frame:before,.corner-frame:after{content:"";position:absolute;background:#00d4ff33}.corner-frame--tl{top:12px;left:12px}.corner-frame--tl:before{top:0;left:0;width:20px;height:1px}.corner-frame--tl:after{top:0;left:0;width:1px;height:20px}.corner-frame--tr{top:12px;right:12px}.corner-frame--tr:before{top:0;right:0;width:20px;height:1px}.corner-frame--tr:after{top:0;right:0;width:1px;height:20px}.corner-frame--bl{bottom:12px;left:12px}.corner-frame--bl:before{bottom:0;left:0;width:20px;height:1px}.corner-frame--bl:after{bottom:0;left:0;width:1px;height:20px}.corner-frame--br{bottom:12px;right:12px}.corner-frame--br:before{bottom:0;right:0;width:20px;height:1px}.corner-frame--br:after{bottom:0;right:0;width:1px;height:20px}#crosshair{position:absolute;top:50%;left:50%;z-index:6;pointer-events:none;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#00d4ff14}#crosshair:before{width:40px;height:1px;top:0;left:-20px}#crosshair:after{width:1px;height:40px;top:-20px;left:0}.overlay{position:absolute;z-index:10;pointer-events:none}.overlay>*{pointer-events:auto}#header{top:0;left:0;right:0;padding:14px 24px;display:flex;align-items:center;gap:24px;background:linear-gradient(to bottom,rgba(2,5,10,.9) 0%,transparent 100%)}#logo{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}#logo span{color:var(--orange)}#status-indicator{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}#status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green-glow);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 6px var(--green-glow)}50%{opacity:.5;box-shadow:0 0 2px var(--green-glow)}}#sat-count{font-size:11px;color:var(--text-mid);font-weight:400;letter-spacing:.03em;font-variant-numeric:tabular-nums;margin-left:auto}#data-freshness{font-size:10px;color:var(--text-dim);letter-spacing:.03em;font-variant-numeric:tabular-nums}#search-wrap{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:20}#search-inner{position:relative;display:flex;align-items:center}#search-icon{position:absolute;left:12px;color:var(--text-dim);font-size:13px;pointer-events:none}#search{width:260px;padding:9px 14px 9px 34px;border-radius:2px;background:var(--glass);border:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:12px;font-weight:300;outline:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .2s,width .3s,box-shadow .2s}#search::placeholder{color:var(--text-dim)}#search:focus{border-color:var(--cyan);box-shadow:0 0 12px #00d4ff26,inset 0 0 12px #00d4ff08;width:320px}#search-results{position:absolute;top:42px;left:0;right:0;max-height:300px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none}#search-results.visible{display:block}.search-item{padding:8px 14px 8px 34px;cursor:pointer;font-size:12px;color:var(--text-mid);border-bottom:1px solid var(--border-noir);transition:background .15s}.search-item:hover{background:#00d4ff0d;color:var(--text)}.search-item:last-child{border-bottom:none}.search-item .sat-type{font-size:9px;color:var(--cyan);margin-left:8px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}#stats{bottom:16px;left:16px;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:11px;min-width:170px}#stats h3{font-family:var(--font-display);font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.stat-row{display:flex;justify-content:space-between;padding:3px 0;color:var(--cyan);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.stat-row .val{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums;text-transform:none}.stat-divider{height:1px;background:var(--border);margin:6px 0}.filter-row{display:flex;align-items:center;gap:6px;padding:4px 0;cursor:pointer;transition:opacity .2s;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mid)}.filter-row:hover{color:var(--text)}.filter-row .val{margin-left:auto;color:var(--text);font-weight:500;font-variant-numeric:tabular-nums;text-transform:none}.filter-row.inactive{opacity:.35}.filter-row.inactive .filter-dot{background:var(--text-dim)!important;box-shadow:none!important}.filter-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;transition:all .2s}.filter-dot.cyan{background:var(--cyan);box-shadow:0 0 4px var(--cyan-glow)}.filter-dot.green{background:var(--green);box-shadow:0 0 4px var(--green-glow)}.filter-dot.red{background:var(--red);box-shadow:0 0 4px #ff335580}.filter-dot.amber{background:#862;box-shadow:0 0 4px #8626}.filter-dot.orange{background:var(--orange);box-shadow:0 0 4px var(--orange-glow)}.filter-dot.dim{background:var(--text-dim)}#info-panel{bottom:16px;right:16px;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-width:260px;max-width:300px;display:none;font-size:12px;overflow:hidden}#info-panel.visible{display:block}#info-header{padding:12px 16px;background:linear-gradient(135deg,rgba(0,212,255,.08),transparent);border-bottom:1px solid var(--border);position:relative}#info-panel .sat-name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text);letter-spacing:.02em}#info-panel .sat-id{font-size:10px;color:var(--text-dim);margin-top:2px;letter-spacing:.04em}#info-body{padding:10px 16px 14px}#info-panel .info-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border-noir)}#info-panel .info-row:last-child{border-bottom:none}#info-panel .info-row .label{color:var(--cyan);font-size:10px;text-transform:uppercase;letter-spacing:.06em}#info-panel .info-row .val{color:var(--text);font-weight:400;font-variant-numeric:tabular-nums}.orbit-badge{display:inline-block;margin-top:6px;padding:2px 8px;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:2px;background:#00d4ff1a;color:var(--cyan);border:1px solid rgba(0,212,255,.2)}.orbit-badge.leo{background:#00d4ff1a;color:var(--cyan);border-color:#00d4ff33}.orbit-badge.meo{background:#ff6b351a;color:var(--orange);border-color:#ff6b3533}.orbit-badge.geo{background:#33ff331a;color:var(--green);border-color:#3f33}#info-close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;line-height:1;transition:color .15s}#info-close:hover{color:var(--text)}#loading{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);transition:opacity .8s}#loading.fade{opacity:0;pointer-events:none}#loading .load-text{font-family:var(--font-display);font-size:13px;color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;overflow:hidden;white-space:nowrap;border-right:2px solid var(--cyan);animation:typing 2s steps(30) 1 forwards,blink-caret .6s step-end infinite;width:0;max-width:22em}@keyframes typing{0%{width:0}to{width:22em}}@keyframes blink-caret{50%{border-color:transparent}}.load-counter-wrap{display:flex;flex-direction:column;align-items:center;margin-top:24px;gap:4px}.load-counter{font-family:var(--font-display);font-size:42px;font-weight:600;color:var(--cyan);letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 20px var(--cyan-glow),0 0 40px rgba(0,212,255,.2);line-height:1}.load-counter-label{font-size:10px;color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase}#loading .load-bar{margin-top:20px;width:240px;height:2px;background:var(--border);border-radius:1px;overflow:hidden}#loading .load-bar-inner{height:100%;width:0%;background:var(--cyan);box-shadow:0 0 8px var(--cyan-glow);transition:width .4s ease-out}#loading .load-sub{margin-top:12px;font-size:10px;color:var(--text-dim);letter-spacing:.08em;max-width:300px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-fact{margin-top:32px;font-size:12px;color:var(--text-mid);font-weight:300;max-width:420px;text-align:center;line-height:1.5;letter-spacing:.01em;opacity:1;transition:opacity .4s;padding:0 20px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:2px}#view-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:6px}#view-controls button{width:36px;height:36px;border-radius:3px;background:var(--glass);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .2s}#view-controls button:hover{border-color:var(--cyan);color:var(--text);box-shadow:0 0 8px #00d4ff26}#view-controls button.active{border-color:var(--orange);color:var(--orange);background:#ff6b351a;box-shadow:0 0 10px #ff6b3533}#view-controls button.disabled{opacity:.3;pointer-events:none}@media(max-width:600px){#search{width:180px}#search:focus{width:240px}#stats{bottom:10px;left:10px}#info-panel{bottom:10px;right:10px;min-width:220px}.corner-frame{display:none}}