.an-orb{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--press:0;--grow:0;--morph:0;--rim-x:34%;--rim-y:24%;--orb-key:#ffdcae;--orb-rimlight:#86a8ff;--orb-key-x:34%;--orb-key-y:23%;--orb-color:#25b46e;--orb-deep:#0c603e;--orb-lift:#84f0b8;background-color:var(--orb-color);will-change:transform;border-radius:50%;outline:none;flex:none;display:inline-block;position:relative}.an-orb[data-tone=danger]{--orb-color:#d63031;--orb-deep:#801018;--orb-lift:#ff968c}.an-orb[data-tone=gold]{--orb-color:#e2bd6a;--orb-deep:#8c6824;--orb-lift:#ffeebe}html .an-orb.an-orb[role=button]:focus-visible{border-radius:50%;outline:none;box-shadow:0 0 0 3px #e2bd6ad9}.an-orb>i,.an-orb>span{pointer-events:none;border-radius:50%;position:absolute;inset:0}.an-orb__shadow{transform:translateY(calc(11px - var(--press) * 7px)) scale(calc(.94 - var(--press) * .08));filter:blur(5px);z-index:-1;background:radial-gradient(closest-side,#0000008c,#0000 100%)}.an-orb__halo{transform:scale(calc(1 + var(--grow) * .32));opacity:calc(var(--grow) * .38);background:radial-gradient(closest-side, #fff0 62%, var(--orb-lift) 78%, #fff0 100%);z-index:-1}.an-orb__body{background:radial-gradient(circle at var(--orb-key-x) var(--orb-key-y), color-mix(in srgb, var(--orb-key) 34%, var(--orb-lift)) 0%, var(--orb-color) 42%, var(--orb-deep) 100%);box-shadow:inset 0 -5px 10px #00000057, inset 0 2px 3px #fff6, inset -3px -4px 7px -3px color-mix(in srgb, var(--orb-rimlight) 55%, transparent)}.an-orb__face{opacity:var(--morph);background:radial-gradient(circle at var(--orb-key-x) var(--orb-key-y), #ffeebe 0%, #e2bd6a 42%, #8c6824 100%);box-shadow:inset 0 -5px 10px #00000057, inset 0 2px 3px #fff6, inset -3px -4px 7px -3px color-mix(in srgb, var(--orb-rimlight) 55%, transparent)}.an-orb__rim{background:radial-gradient(circle at var(--rim-x) var(--rim-y), #ffffffc7 0%, #fff3 24%, #fff0 52%);opacity:calc(.62 + var(--press) * .38);mix-blend-mode:screen;box-shadow:inset 0 0 0 1px #ffffff4d}.an-orb__sign{color:#fff;transform:translateY(calc(var(--press) * 1.5px)) scale(calc(1 - var(--press) * .04));filter:drop-shadow(0 1px 1px #00000059);place-items:center;display:grid}.an-orb__sign svg{width:44%;height:44%;display:block}.an-orb[data-mode]>.an-orb__sign:not(.an-orb__sign--send){opacity:calc(1 - var(--morph));transform:translateY(calc(var(--press) * 1.5px)) rotate(calc(var(--morph) * -70deg)) scale(calc((1 - var(--press) * .04) * (1 - var(--morph) * .5)))}.an-orb[data-mode]>.an-orb__sign--send{opacity:var(--morph);color:#0a1530;filter:none;transform:translateY(calc(var(--press) * 1.5px)) rotate(calc((1 - var(--morph)) * 70deg)) scale(calc((1 - var(--press) * .04) * (.5 + var(--morph) * .5)))}.an-orb[data-zone=cancel]{--orb-color:#d63031;--orb-deep:#801018;--orb-lift:#ff968c}