@property --attention-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes attention-dim{0%{opacity:0}4%,94%{opacity:1}to{opacity:0}}@keyframes attention-reveal{0%{opacity:0;transform:scale(.9);filter:blur(6px)}60%{opacity:1;transform:scale(1.03);filter:blur(0)}to{opacity:1;transform:scale(1);filter:none}}@keyframes attention-halo{0%{box-shadow:0 0 0 0 rgb(var(--attention-rgb,59 130 246)/.55)}60%,to{box-shadow:0 0 0 16px rgb(var(--attention-rgb,59 130 246)/0)}}@keyframes attention-shake{0%,to{transform:translateX(0)}15%{transform:translateX(-8px)}30%{transform:translateX(7px)}45%{transform:translateX(-5px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}@keyframes attention-beam{to{--attention-angle:360deg}}@keyframes attention-fade{0%,93%{opacity:1}to{opacity:0}}@keyframes attention-warp-fade{0%,80%{opacity:1}to{opacity:0}}.attention-dim{animation:attention-dim var(--attention-total,2s) linear forwards}.attention-warp{animation:attention-warp-fade var(--attention-warp,2s) ease-out forwards}[data-attention-active]{position:relative;z-index:45;transform-origin:center;animation:attention-halo var(--attention-beat,1s) cubic-bezier(.2,.7,.2,1) var(--attention-land,0s) var(--attention-beats,2)}[data-attention-active][data-attention-reveal]{animation:attention-reveal var(--attention-reveal,.45s) cubic-bezier(.2,.8,.2,1) var(--attention-land,0s) both,attention-halo var(--attention-beat,1s) cubic-bezier(.2,.7,.2,1) calc(var(--attention-land, 0s) + var(--attention-reveal, 0s)) var(--attention-beats,2)}@keyframes attention-portal-reveal{0%{opacity:1;clip-path:circle(0 at 50% 50%);filter:brightness(1.8);transform:scale(.96)}70%{clip-path:circle(60% at 50% 50%);filter:brightness(1.2);transform:scale(1.02)}85%{transform:scale(.995)}to{opacity:1;clip-path:circle(75% at 50% 50%);filter:none;transform:scale(1)}}[data-attention-active][data-attention-reveal=portal]{animation:attention-portal-reveal var(--attention-reveal,.7s) cubic-bezier(.3,.7,.2,1) var(--attention-land,0s) both,attention-halo var(--attention-beat,1s) cubic-bezier(.2,.7,.2,1) calc(var(--attention-land, 0s) + var(--attention-reveal, 0s)) var(--attention-beats,2)}@keyframes attention-portal-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.05) rotate(0deg)}8%{opacity:1}30%{transform:translate(-50%,-50%) scale(1) rotate(170deg)}45%{transform:translate(-50%,-50%) scale(1.05) rotate(215deg)}58%{transform:translate(-50%,-50%) scale(.99) rotate(250deg)}72%{transform:translate(-50%,-50%) scale(1.04) rotate(285deg)}86%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(315deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.12) rotate(345deg)}}.attention-portal{position:fixed;z-index:46;border-radius:9999px;pointer-events:none;opacity:0;background:conic-gradient(from 0deg,rgb(var(--attention-rgb,59 130 246)/0),rgb(var(--attention-rgb,59 130 246)),rgb(255 255 255/.9),rgb(167 139 250),rgb(var(--attention-rgb,59 130 246)/0));-webkit-mask:radial-gradient(circle,transparent 0 62%,#000 64% 70%,transparent 72%);mask:radial-gradient(circle,transparent 0 62%,#000 64% 70%,transparent 72%);filter:drop-shadow(0 0 12px rgb(var(--attention-rgb,59 130 246)/.8));animation:attention-portal-ring calc(var(--attention-reveal, .7s) + 1.7s) cubic-bezier(.3,.6,.3,1) calc(var(--attention-land, 0s) - .2s) both}@keyframes attention-flash{0%{opacity:0}30%{opacity:.75}to{opacity:0}}.attention-flash{position:fixed;inset:0;z-index:46;pointer-events:none;background:radial-gradient(circle,rgb(255 255 255) 0 30%,rgb(219 234 254/.6) 70%);opacity:0;animation:attention-flash .45s ease-out calc(var(--attention-land, 0s) - 80ms) both}[data-attention-active][data-attention-shake]{animation:attention-shake .45s ease-in-out var(--attention-land,0s),attention-halo var(--attention-beat,1s) cubic-bezier(.2,.7,.2,1) calc(var(--attention-land, 0s) + .45s) var(--attention-beats,1)}[data-attention-active]:before{content:"";position:absolute;inset:-2px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--attention-angle),rgb(var(--attention-rgb,59 130 246)/.2) 0 55%,rgb(var(--attention-rgb,59 130 246)) 72%,rgb(255 255 255/.9) 80%,rgb(var(--attention-rgb,59 130 246)/.2) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:attention-beam 1.8s linear infinite,attention-fade var(--attention-total,2s) linear forwards}.attention-comet{left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:9999px;background:radial-gradient(circle,#fff 0 25%,rgb(var(--attention-rgb,59 130 246)/.9) 45%,rgb(var(--attention-rgb,59 130 246)/0) 70%);box-shadow:0 0 18px 6px rgb(var(--attention-rgb,59 130 246)/.55);opacity:0}.attention-burst,.attention-comet{position:fixed;z-index:46;pointer-events:none}.attention-burst{inset:0;overflow:hidden;perspective:700px}.attention-confetti{position:absolute;left:0;top:0;border-radius:1.5px;opacity:0;backface-visibility:visible}@media (prefers-reduced-motion:reduce){.attention-dim,[data-attention-active],[data-attention-active]:before,[data-attention-active][data-attention-reveal=portal],[data-attention-active][data-attention-reveal],[data-attention-active][data-attention-shake]{animation:none}.attention-burst,.attention-comet,.attention-flash,.attention-portal,.attention-warp{display:none}[data-attention-active]{box-shadow:0 0 0 2px rgb(var(--attention-rgb,59 130 246))}}