*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Segoe UI,system-ui,sans-serif}#container{width:100vw;height:100vh}#info-panel{position:fixed;top:20px;right:20px;width:280px;background:#0a0a1ee6;border:1px solid rgba(100,150,255,.3);border-radius:12px;color:#d0d8f0;padding:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(320px);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:0 8px 32px #0009}#info-panel.visible{transform:translate(0)}#panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid rgba(100,150,255,.15)}#star-name{font-size:18px;font-weight:600;color:#fff;letter-spacing:.3px}#panel-close{background:none;border:none;color:#6a7a9a;font-size:22px;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}#panel-close:hover{color:#fff}#panel-content{padding:16px 20px 20px;font-size:14px;line-height:1.7}#panel-content .row{display:flex;justify-content:space-between;padding:3px 0}#panel-content .label{color:#6a7a9a}#panel-content .value{color:#d0d8f0;font-weight:500}#panel-content .spectral-badge{display:inline-block;padding:1px 10px;border-radius:4px;font-weight:600;font-size:13px}#distance-panel{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:#0a0a1ee6;border:1px solid rgba(255,200,50,.3);border-radius:10px;color:#f0e8d0;padding:12px 24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:100;text-align:center;font-size:15px;box-shadow:0 4px 24px #00000080;white-space:nowrap}#distance-panel.visible{transform:translate(-50%) translateY(0)}#selection-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#96aad280;font-size:13px;z-index:50;pointer-events:none;letter-spacing:.5px}#star-list-toggle{position:fixed;top:20px;left:20px;z-index:200;width:44px;height:44px;border-radius:50%;background:#0a0a1ed9;border:1px solid rgba(100,150,255,.3);color:#fd4;font-size:22px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,transform .2s;display:flex;align-items:center;justify-content:center}#star-list-toggle:hover{background:#1e1e3ce6;transform:scale(1.1)}#star-list-panel{position:fixed;top:0;left:0;bottom:0;width:300px;background:#08081cf2;border-right:1px solid rgba(100,150,255,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:150;transform:translate(-320px);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}#star-list-panel.visible{transform:translate(0)}#star-list-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 12px;border-bottom:1px solid rgba(100,150,255,.12)}#star-list-header h3{color:#d0d8f0;font-size:18px;font-weight:600;margin:0}#star-list-close{background:none;border:none;color:#6a7a9a;font-size:22px;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}#star-list-close:hover{color:#fff}#star-search{margin:12px 20px;padding:10px 14px;border-radius:8px;background:#14143299;border:1px solid rgba(100,150,255,.15);color:#d0d8f0;font-size:14px;outline:none;transition:border-color .2s}#star-search::placeholder{color:#4a5a7a}#star-search:focus{border-color:#6496ff80}#star-list{flex:1;overflow-y:auto;padding:0 20px 20px}#star-list::-webkit-scrollbar{width:6px}#star-list::-webkit-scrollbar-track{background:transparent}#star-list::-webkit-scrollbar-thumb{background:#6496ff33;border-radius:3px}.star-list-item{padding:8px 12px;margin:2px 0;border-radius:6px;color:#b0b8d0;font-size:14px;cursor:pointer;transition:background .15s,color .15s}.star-list-item:hover{background:#3c64c833;color:#fff}.star-list-item .star-mag{float:right;color:#5a6a8a;font-size:12px}