:root{--bg:6 8 12;--panel:14 18 26;--panel-line:40 52 70;--ink:226 232 240;--muted:130 146 168;--accent:90 200 250;--accent-warm:255 184 92;--good:120 230 160;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", "Cascadia Code", monospace;--sans:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:rgb(var(--bg));color:rgb(var(--ink));font-family:var(--sans);-webkit-font-smoothing:antialiased}#app{position:relative}.globe{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.globe:active{cursor:grabbing}.brand{z-index:2;pointer-events:none;position:absolute;top:16px;left:18px}.brand-name{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:1.4rem;font-weight:600}.brand-sub{color:rgb(var(--muted));letter-spacing:.02em;margin-top:2px;font-size:.72rem}.panel{z-index:2;background:rgb(var(--panel) / .82);border:1px solid rgb(var(--panel-line) / .7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;gap:.6rem;width:300px;padding:.9rem;display:flex;position:absolute;top:74px;bottom:64px;overflow:hidden}.panel.left{left:18px}.panel.right{right:18px}.panel h2{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:rgb(var(--muted));border-bottom:1px solid rgb(var(--panel-line) / .6);margin-top:.3rem;padding-bottom:.35rem;font-size:.66rem;font-weight:600}.field{flex-direction:column;gap:.25rem;display:flex}.field label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--muted));font-size:.6rem}select,input{font-family:var(--mono);background:rgb(var(--bg) / .8);color:rgb(var(--ink));border:1px solid rgb(var(--panel-line));width:100%;padding:.4rem .5rem;font-size:.82rem}select:focus,input:focus{outline:1px solid rgb(var(--accent) / .6)}.status{font-family:var(--mono);color:rgb(var(--accent));font-size:.72rem}.search{margin-top:.2rem}.sat-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:1px;min-height:0;display:flex;overflow-y:auto}.sat-row{color:rgb(var(--ink));text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.35rem .5rem;font-size:.78rem;display:flex}.sat-row:hover{background:rgb(var(--accent) / .08)}.sat-row.active{background:rgb(var(--accent) / .14);border-left-color:rgb(var(--accent))}.sat-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sat-norad{font-family:var(--mono);color:rgb(var(--muted));font-size:.66rem}.link-name{font-family:var(--mono);color:rgb(var(--accent-warm));margin-bottom:.3rem;font-size:.95rem;font-weight:600}.kv{font-family:var(--mono);grid-template-columns:auto 1fr;gap:.28rem .8rem;font-size:.76rem;display:grid}.kv .k{color:rgb(var(--muted))}.kv .v{text-align:right;font-variant-numeric:tabular-nums}.link-body.visible .link-name{color:rgb(var(--good))}.passes-body{min-height:0;font-family:var(--mono);flex-direction:column;gap:1px;font-size:.74rem;display:flex;overflow-y:auto}.pass-row{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr auto;gap:.6rem;padding:.28rem .35rem;display:grid}.pass-row:nth-child(odd){background:rgb(var(--panel-line) / .15)}.pass-el{color:rgb(var(--accent-warm));text-align:right}.pass-dur{color:rgb(var(--muted));text-align:right}.muted{color:rgb(var(--muted));font-size:.76rem}.timebar{z-index:2;background:rgb(var(--panel) / .82);border:1px solid rgb(var(--panel-line) / .7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:1rem;padding:.45rem .8rem;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.clock{font-family:var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.82rem}.speeds{gap:2px;display:flex}.speeds button{font-family:var(--mono);background:rgb(var(--bg) / .8);color:rgb(var(--ink));border:1px solid rgb(var(--panel-line));cursor:pointer;padding:.32rem .6rem;font-size:.74rem}.speeds button:hover{border-color:rgb(var(--accent) / .6)}.speeds button.active{background:rgb(var(--accent) / .2);border-color:rgb(var(--accent));color:rgb(var(--accent))}.speeds .now{color:rgb(var(--accent-warm))}.mobile-tabs{display:none}@media (max-width:760px){.brand-sub{display:none}.brand-name{font-size:1.05rem}.panel{z-index:4;border-bottom:none;border-left:none;border-right:none;width:100%;max-height:60vh;transition:transform .25s;inset:auto 0 60px;transform:translateY(120%)}.panel.left,.panel.right{left:0;right:0}.panel.open{transform:translateY(0)}.timebar{border-left:none;border-right:none;flex-wrap:wrap;justify-content:space-between;gap:.45rem .6rem;width:100%;padding:.5rem .7rem;bottom:0;left:0;right:0;transform:none}.mobile-tabs{order:-1;gap:2px;width:100%;display:flex}.mobile-tabs button{font-family:var(--mono);background:rgb(var(--bg) / .85);color:rgb(var(--ink));border:1px solid rgb(var(--panel-line));cursor:pointer;flex:1;padding:.5rem;font-size:.74rem}.clock{font-size:.7rem}.speeds{justify-content:flex-end}}