.hub-tutorial-layer{z-index:100000000;pointer-events:none;position:fixed;inset:0}.hub-tutorial-backdrop{background:color-mix(in srgb,var(--background) 72%,transparent);cursor:default;pointer-events:auto;border:0;position:fixed}.hub-tutorial-highlight{border:1px solid color-mix(in srgb,var(--background) 88%,transparent);background:color-mix(in srgb,var(--background) 4%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--foreground) 38%,transparent),0 0 0 7px color-mix(in srgb,var(--primary) 22%,transparent),0 18px 52px color-mix(in srgb,var(--foreground) 18%,transparent);pointer-events:none;border-radius:.85rem;position:fixed}.hub-tutorial-tooltip{border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:var(--popover);color:var(--popover-foreground);box-shadow:0 28px 80px color-mix(in srgb,var(--foreground) 18%,transparent),0 10px 32px color-mix(in srgb,var(--foreground) 10%,transparent),inset 0 1px 0 color-mix(in srgb,var(--background) 80%,transparent);pointer-events:auto;border-radius:.5rem;position:fixed;overflow:hidden}.hub-tutorial-accent{background:linear-gradient(90deg,var(--primary),var(--ring),color-mix(in srgb,var(--primary) 52%,transparent));height:.18rem}