:root{--surface: #06060e;--panel: rgba(13, 14, 26, .82);--panel-border: rgba(129, 140, 248, .16);--text-primary: #e7e9f4;--text-secondary: #9aa0b8;--text-muted: #616881;--accent: #818cf8;--amber: #fbbf24;--blue: #38bdf8;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--surface);color:var(--text-primary);font-family:var(--sans)}.app{position:relative;width:100%;height:100%}canvas.galaxy{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}canvas.galaxy.dragging{cursor:grabbing}.overlay{position:absolute;z-index:2;pointer-events:none}.overlay>*{pointer-events:auto}.header{top:20px;left:24px;max-width:320px}.header h1{font-size:20px;font-weight:650;letter-spacing:.01em}.header .subtitle{margin-top:4px;font-size:12.5px;line-height:1.45;color:var(--text-secondary)}.header .stats{margin-top:8px;font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.search{top:20px;right:24px;width:min(360px,calc(100vw - 48px))}.search input{width:100%;padding:9px 12px;font-size:13px;font-family:var(--mono);color:var(--text-primary);background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;outline:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search input::placeholder{color:var(--text-muted);font-family:var(--sans)}.search input:focus{border-color:#818cf873}.search .results{margin-top:6px;background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search .results button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:7px 12px;font-size:12px;font-family:var(--mono);color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left}.search .results button:hover,.search .results button.active{background:#818cf824}.search .results .count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.search .results .path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend{left:24px;bottom:20px;padding:12px 14px;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:232px}.legend .modes{display:flex;gap:6px;margin-bottom:10px}.legend .modes button{flex:1;padding:5px 0;font-size:11.5px;font-weight:550;color:var(--text-secondary);background:#818cf812;border:1px solid transparent;border-radius:6px;cursor:pointer}.legend .modes button.active{color:var(--text-primary);border-color:#818cf866;background:#818cf829}.legend .ramp{height:8px;border-radius:4px;margin-bottom:5px}.legend .ramp.stepped{display:flex;gap:1px;overflow:hidden}.legend .ramp.stepped span{flex:1}.legend .ends{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.legend .note{margin-top:8px;font-size:10.5px;line-height:1.45;color:var(--text-muted)}.info{right:24px;bottom:20px;width:min(340px,calc(100vw - 48px));padding:14px 16px;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.info .path{font-family:var(--mono);font-size:13px;word-break:break-all;line-height:1.4}.info .path a{color:var(--accent);text-decoration:none}.info .path a:hover{text-decoration:underline}.info .rows{margin-top:10px;display:grid;gap:5px;font-size:12px}.info .row{display:flex;justify-content:space-between;gap:12px;color:var(--text-secondary)}.info .row b{color:var(--text-primary);font-weight:550;font-variant-numeric:tabular-nums}.info .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:0}.info .close{position:absolute;top:8px;right:10px;color:var(--text-muted);background:none;border:none;font-size:16px;cursor:pointer;line-height:1;padding:4px}.info .close:hover{color:var(--text-primary)}.info .hint{margin-top:9px;font-size:10.5px;color:var(--text-muted);line-height:1.4}.sel-marker{display:none;position:absolute;z-index:2;width:22px;height:22px;border:1.5px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 8px #ffffff59,inset 0 0 6px #fff3;pointer-events:none}.tooltip{position:absolute;z-index:3;pointer-events:none;transform:translate(14px,-50%);padding:5px 9px;background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;font-family:var(--mono);font-size:11.5px;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tooltip .count{color:var(--text-muted);margin-left:8px}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;z-index:4;background:var(--surface);color:var(--text-secondary);font-size:13px}.loading .bar{width:220px;height:3px;background:#818cf826;border-radius:2px;overflow:hidden}.loading .bar div{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:4;color:#f0a3a3;font-size:14px;padding:24px;text-align:center}@media (max-width: 720px){.header{max-width:calc(100vw - 48px)}.search{top:auto;bottom:16px;left:16px;right:16px;width:auto}.search input{font-size:16px}.legend{left:16px;bottom:72px;width:200px}.legend .note{display:none}.info{bottom:auto;top:20px}}