*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Courier New,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh}.app-container{width:100%;height:100vh;display:flex;flex-direction:column;background:#0a0a0a}.main-content{flex:1;display:flex;overflow:hidden}.sidebar{width:300px;background:#121212;border-right:1px solid #333;display:flex;flex-direction:column}.sidebar-header{padding:1rem;border-bottom:1px solid #333}.search-input{width:100%;padding:.6rem;background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:.9rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:#666}.search-input::placeholder{color:#666}.satellite-count{margin-top:.5rem;font-size:.8rem;color:#888;text-align:center;text-transform:uppercase;letter-spacing:.05em}.satellite-list{flex:1;overflow-y:auto;padding:.5rem}.satellite-list::-webkit-scrollbar{width:8px}.satellite-list::-webkit-scrollbar-track{background:#1a1a1a}.satellite-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.satellite-list::-webkit-scrollbar-thumb:hover{background:#555}.satellite-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;margin-bottom:2px;background:#1a1a1a;border-radius:3px;transition:background .2s;cursor:pointer}.satellite-item:hover{background:#252525}.satellite-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.satellite-name{font-size:.75rem;color:#ccc;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-container{flex:1;display:flex;flex-direction:column;position:relative}.header{padding:1rem 0 0}h1{margin:0;padding:0;text-align:center;font-size:2.5rem;color:#fff;text-transform:uppercase;letter-spacing:.2em;font-weight:700}.subtitle{text-align:center;color:#666;margin:.5rem 0 0;font-size:.9rem;letter-spacing:.1em}.controls{position:absolute;top:1rem;left:1rem;z-index:10;display:flex;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#aaa;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.checkbox-label:hover{color:#fff}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#888}canvas{flex:1;outline:none;filter:grayscale(100%)}