@layer theme,base;@layer components{.probe-field{--probe-mask-w:240px;--probe-mask-h:170px;--probe-glow-w:220px;--probe-glow-h:160px;box-sizing:content-box;border:1px solid var(--color-hairline);background:var(--color-surface,#fff);border-radius:12px;animation:16s ease-in-out infinite probe-roam;position:relative;overflow:hidden}.probe-field[data-fill]{box-sizing:border-box;flex:1;height:100%;min-height:0}.probe-field[data-roam=wide]{animation-name:probe-roam-wide}.probe-field-dots,.probe-field-lit,.probe-field-glow{background-position:7px 7px;background-size:14px 14px;position:absolute;inset:0}.probe-field-dots{background-image:radial-gradient(circle, var(--color-dash,#dadad6) 1px, transparent 1.5px)}.probe-field-lit{background-image:radial-gradient(circle, var(--color-cobalt) 1.4px, transparent 1.9px);-webkit-mask-image:radial-gradient(var(--probe-mask-w) var(--probe-mask-h) at var(--px) var(--py), #000 0%, #0000008c 45%, transparent 75%);-webkit-mask-image:radial-gradient(var(--probe-mask-w) var(--probe-mask-h) at var(--px) var(--py), #000 0%, #0000008c 45%, transparent 75%);mask-image:radial-gradient(var(--probe-mask-w) var(--probe-mask-h) at var(--px) var(--py), #000 0%, #0000008c 45%, transparent 75%);animation:2.4s ease-in-out infinite probe-breathe}.probe-field-glow{background-image:radial-gradient(var(--probe-glow-w) var(--probe-glow-h) at var(--px) var(--py), color-mix(in srgb, var(--color-cobalt,#2d44d0) 6%, transparent), transparent 70%);background-position:0 0;background-size:auto}.probe-field-cursor{left:var(--px);top:var(--py);width:0;height:0;position:absolute}.probe-field-ping{box-sizing:content-box;border:1.5px solid var(--color-cobalt);border-radius:999px;width:28px;height:28px;animation:1.8s ease-out infinite probe-ping;position:absolute;top:0;left:0}.probe-field-arrow{filter:drop-shadow(0 1px 2px #14140f40);position:absolute;top:-3px;left:-3px}.probe-field-tag{white-space:nowrap;background:var(--color-cobalt);color:var(--color-on-accent,#fff);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:500;position:absolute;top:18px;left:16px;box-shadow:0 2px 6px -1px #14140f33}.probe-field[data-tag-weight="400"] .probe-field-tag{font-weight:400}.probe-pulse{animation:1.4s ease-in-out infinite dot-pulse}@media (prefers-reduced-motion:reduce){.probe-field,.probe-field *,.probe-pulse{animation:none}}}@layer utilities;@property --px{syntax:"<percentage>";inherits:true;initial-value:30%}@property --py{syntax:"<percentage>";inherits:true;initial-value:40%}@keyframes probe-roam{0%{--px:20%;--py:42%}18%{--px:46%;--py:26%}36%{--px:74%;--py:38%}54%{--px:82%;--py:66%}72%{--px:52%;--py:72%}88%{--px:28%;--py:60%}to{--px:20%;--py:42%}}@keyframes probe-roam-wide{0%{--px:24%;--py:40%}18%{--px:52%;--py:28%}36%{--px:76%;--py:44%}54%{--px:68%;--py:70%}72%{--px:40%;--py:66%}88%{--px:28%;--py:54%}to{--px:24%;--py:40%}}@keyframes probe-breathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes probe-ping{0%{opacity:.5;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.35}}
