@property --vibe-beam-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes vibe-beam-spin{to{--vibe-beam-angle:360deg}}.vibe-border-beam{--vibe-beam-c-purple:#8b5cf6;--vibe-beam-c-accent:#3e3eff;--vibe-beam-c-blue:#2495ff;--vibe-beam-c-cyan:#1ad9f9;--vibe-beam-c-green:#67ce4a;--vibe-beam-c-pink:#ff7cf8;--vibe-beam-angle:0deg;pointer-events:none;border-radius:var(--vibe-beam-radius,6px);animation:vibe-beam-spin var(--vibe-beam-duration,1.96s) linear infinite;position:absolute;inset:0;overflow:hidden}.vibe-border-beam__stroke{z-index:2;border-radius:var(--vibe-beam-radius,6px);padding:var(--vibe-beam-width,1px);clip-path:inset(0 round var(--vibe-beam-radius,6px));pointer-events:none;filter:saturate(1.8)brightness(1.1);opacity:calc(.88 * var(--vibe-beam-strength,1));background:conic-gradient(from var(--vibe-beam-angle), transparent 0%, transparent 52%, color-mix(in srgb, var(--vibe-beam-c-cyan) 52%, transparent) 57%, color-mix(in srgb, var(--vibe-beam-c-pink) 62%, transparent) 61%, #ffffffd1 64%, color-mix(in srgb, var(--vibe-beam-c-blue) 68%, transparent) 67%, color-mix(in srgb, var(--vibe-beam-c-purple) 58%, transparent) 70%, color-mix(in srgb, var(--vibe-beam-c-cyan) 42%, transparent) 74%, transparent 78%, transparent 100%), radial-gradient(ellipse 70px 40px at 33% -7.4%, var(--vibe-beam-c-accent), transparent), radial-gradient(ellipse 60px 35px at 12% -5%, var(--vibe-beam-c-green), transparent), radial-gradient(ellipse 40px 70px at 2.1% 68.3%, var(--vibe-beam-c-cyan), transparent), radial-gradient(ellipse 180px 32px at 74.4% 100%, var(--vibe-beam-c-purple), transparent), radial-gradient(ellipse 85px 26px at 55% 100%, var(--vibe-beam-c-blue), transparent), radial-gradient(ellipse 74px 32px at 93.9% 0%, var(--vibe-beam-c-pink), transparent), radial-gradient(ellipse 52px 48px at 100% 27.1%, var(--vibe-beam-c-cyan), transparent);-webkit-mask:conic-gradient(from var(--vibe-beam-angle), transparent 0%, transparent 30%, #ffffff24 36%, #ffffff6b 44%, white 52%, white 80%, #ffffff6b 86%, #ffffff24 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:source-in, xor;-webkit-mask:conic-gradient(from var(--vibe-beam-angle), transparent 0%, transparent 30%, #ffffff24 36%, #ffffff6b 44%, white 52%, white 80%, #ffffff6b 86%, #ffffff24 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask:conic-gradient(from var(--vibe-beam-angle), transparent 0%, transparent 30%, #ffffff24 36%, #ffffff6b 44%, white 52%, white 80%, #ffffff6b 86%, #ffffff24 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);position:absolute;inset:0;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.vibe-border-beam__glow{z-index:1;border-radius:var(--vibe-beam-radius,6px);clip-path:inset(0 round var(--vibe-beam-radius,6px));pointer-events:none;filter:saturate(1.75)brightness(1.08);opacity:calc(.58 * var(--vibe-beam-strength,1));background:radial-gradient(ellipse 63px 36px at 33% -7.4%, color-mix(in srgb, var(--vibe-beam-c-accent) 44%, transparent), transparent), radial-gradient(ellipse 54px 32px at 12% -5%, color-mix(in srgb, var(--vibe-beam-c-green) 40%, transparent), transparent), radial-gradient(ellipse 162px 29px at 74.4% 100%, color-mix(in srgb, var(--vibe-beam-c-purple) 42%, transparent), transparent), radial-gradient(ellipse 47px 43px at 100% 27.1%, color-mix(in srgb, var(--vibe-beam-c-pink) 38%, transparent), transparent);box-shadow:inset 0 0 10px 1px color-mix(in srgb, var(--vibe-beam-c-cyan) 18%, transparent);-webkit-mask-image:conic-gradient(from var(--vibe-beam-angle), transparent 0%, transparent 30%, #ffffff24 36%, #ffffff6b 44%, white 52%, white 80%, #ffffff6b 86%, #ffffff24 92%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);-webkit-mask-composite:source-in, source-over;-webkit-mask-image:conic-gradient(from var(--vibe-beam-angle), transparent 0%, transparent 30%, #ffffff24 36%, #ffffff6b 44%, white 52%, white 80%, #ffffff6b 86%, #ffffff24 92%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);mask-image:conic-gradient(from var(--vibe-beam-angle), transparent 0%, transparent 30%, #ffffff24 36%, #ffffff6b 44%, white 52%, white 80%, #ffffff6b 86%, #ffffff24 92%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);position:absolute;inset:0;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}.vibe-border-beam__bloom{z-index:3;border-radius:var(--vibe-beam-radius,6px);padding:var(--vibe-beam-width,1px);clip-path:inset(0 round var(--vibe-beam-radius,6px));pointer-events:none;filter:blur(8px)saturate(1.85)brightness(1.1);opacity:calc(.68 * var(--vibe-beam-strength,1));background:conic-gradient(from var(--vibe-beam-angle), transparent 0%, transparent 57%, color-mix(in srgb, var(--vibe-beam-c-accent) 18%, transparent) 61%, color-mix(in srgb, var(--vibe-beam-c-green) 26%, transparent) 64%, color-mix(in srgb, var(--vibe-beam-c-cyan) 34%, transparent) 66%, color-mix(in srgb, var(--vibe-beam-c-purple) 52%, transparent) 68.5%, color-mix(in srgb, var(--vibe-beam-c-blue) 72%, transparent) 69.5%, color-mix(in srgb, var(--vibe-beam-c-pink) 72%, transparent) 70%, color-mix(in srgb, var(--vibe-beam-c-cyan) 50%, transparent) 71.5%, color-mix(in srgb, var(--vibe-beam-c-green) 28%, transparent) 74%, color-mix(in srgb, var(--vibe-beam-c-accent) 14%, transparent) 78%, transparent 82%);-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.vibe-border-beam--sm .vibe-border-beam__stroke{opacity:calc(.72 * var(--vibe-beam-strength,1))}.vibe-border-beam--stroke-only .vibe-border-beam__glow,.vibe-border-beam--stroke-only .vibe-border-beam__bloom{display:none}.vibe-border-beam--stroke-only .vibe-border-beam__stroke{border-radius:var(--vibe-beam-radius,6px);clip-path:inset(0 round var(--vibe-beam-radius,6px));filter:saturate(2)brightness(1.14);background:conic-gradient(from var(--vibe-beam-angle), transparent 0%, transparent 50%, color-mix(in srgb, var(--vibe-beam-c-accent) 72%, transparent) 56%, color-mix(in srgb, var(--vibe-beam-c-purple) 64%, transparent) 64%, transparent 74%, transparent 100%)}@media (prefers-reduced-motion:reduce){.vibe-border-beam{animation:none}}