#job_sphere{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--border,#334155);
  background:radial-gradient(120% 90% at 50% 30%,rgba(99,102,241,.12),transparent 60%),var(--bg,#0f172a)}
#job_sphere .js-canvas{position:relative;height:380px}
@media(max-width:640px){#job_sphere .js-canvas{height:300px}}
#job_sphere canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
#job_sphere .js-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid var(--border,#334155)}
#job_sphere .js-chip{border:1px solid var(--border,#334155);background:transparent;color:var(--text-main,#f1f5f9);
  border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;transition:.15s}
#job_sphere .js-chip b{color:var(--text-muted,#94a3b8);margin-left:6px}
#job_sphere .js-chip:hover{border-color:var(--primary,#6366f1)}
#job_sphere .js-chip.active{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1);color:#fff}
#job_sphere .js-chip.active b{color:rgba(255,255,255,.85)}
#job_sphere .js-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;
  border-top:1px solid var(--border,#334155);font-size:13px;color:var(--text-muted,#94a3b8)}
#job_sphere .js-legend button{border:1px solid var(--border,#334155);background:transparent;
  color:var(--text-main,#f1f5f9);border-radius:8px;padding:4px 12px;font-size:12px;cursor:pointer}
#job_sphere .js-legend button:hover{border-color:var(--primary,#6366f1)}
#job_sphere .js-legend button.active{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1);color:#fff}
#job_sphere .js-zoom{display:flex;gap:6px}
#job_sphere .js-hint{margin-left:auto;opacity:.8}
#job_sphere .js-tip{position:absolute;z-index:6;display:none;pointer-events:none;background:rgba(8,12,26,.92);
  border:1px solid var(--border,#334155);border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.45;
  box-shadow:0 10px 30px rgba(0,0,0,.35)}
#job_sphere .js-tip b{display:block;color:var(--text-main,#f1f5f9)}
#job_sphere .js-tip span{color:var(--text-muted,#94a3b8);font-size:12px}
#job_sphere .js-msg{padding:60px 20px;text-align:center;color:var(--text-muted,#94a3b8)}