.app-button{box-sizing:border-box;appearance:none;color:#eafff1;min-width:0;font:inherit;cursor:var(--rf-cursor-pointer);background:linear-gradient(#39ff880d 1px,#0000 1px) 0 0/18px 18px,linear-gradient(90deg,#39ff880a 1px,#0000 1px) 0 0/18px 18px,#39ff8813;border:1px solid #39ff882e;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:900;line-height:1;text-decoration:none;transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.app-button:hover:not(:disabled):not([aria-disabled=true]){color:#fff;background:linear-gradient(#39ff8812 1px,#0000 1px),linear-gradient(90deg,#39ff880e 1px,#0000 1px),#39ff881f;border-color:#39ff8861;transform:translateY(-1px);box-shadow:0 0 22px #39ff8824}.app-button:active:not(:disabled):not([aria-disabled=true]){transform:translateY(0)}.app-button:focus-visible{outline:0;box-shadow:0 0 0 4px #39ff881f,0 0 26px #39ff8829}.app-button:disabled,.app-button[aria-disabled=true]{cursor:var(--rf-cursor-not-allowed);opacity:.52;box-shadow:none;transform:none}.app-button--sm{min-height:34px;padding:0 12px;font-size:.78rem}.app-button--md{min-height:42px;padding:0 16px;font-size:.88rem}.app-button--lg{min-height:50px;padding:0 20px;font-size:.95rem}.app-button--icon{border-radius:15px;width:42px;height:42px;padding:0}.app-button--full{width:100%}.app-button--primary{color:#eaffef;background:linear-gradient(#53ff9d16 1px,#0000 1px) 0 0/14px 14px,linear-gradient(90deg,#53ff9d11 1px,#0000 1px) 0 0/14px 14px,linear-gradient(135deg,#39ff8833,#d4af371f),#091c11eb;border-color:#53ff9d6b;box-shadow:0 0 0 1px #53ff9d14,inset 0 0 22px #39ff8811}.app-button--secondary{color:#ecfff3;background:linear-gradient(#d4af370f 1px,#0000 1px),linear-gradient(90deg,#d4af370b 1px,#0000 1px),#d4af371c;border-color:#d4af3752}.app-button--cool-secondary{color:#ebfff1e0;background:linear-gradient(#70beaa0b 1px,#0000 1px) 0 0/14px 14px,linear-gradient(90deg,#70beaa09 1px,#0000 1px) 0 0/14px 14px,radial-gradient(220px 90px at 0 0,#39ff8814,#0000 72%),#121d1cbd;border-color:#70beaa47;box-shadow:inset 0 1px #ffffff0a,inset 0 0 18px #70beaa06}.app-button--cool-secondary:hover:not(:disabled):not([aria-disabled=true]),.app-button--cool-secondary:focus-visible{color:#f4fff7;background:linear-gradient(#70beaa0f 1px,#0000 1px) 0 0/14px 14px,linear-gradient(90deg,#70beaa0c 1px,#0000 1px) 0 0/14px 14px,radial-gradient(240px 100px at 0 0,#39ff881c,#0000 72%),#152422d6;border-color:#84dac26b;box-shadow:0 0 0 3px #70beaa14,0 0 20px #39ff8814,inset 0 1px #ffffff0b}.app-button--neutral{color:#f4f7f1d6;background:#ffffff0f;border-color:#ffffff24}.app-button--ghost{color:#f4f7f1bd;background:0 0;border-color:#0000}.app-button--success{color:#eaffef;background:linear-gradient(#53ff9d14 1px,#0000 1px) 0 0/14px 14px,linear-gradient(90deg,#53ff9d0f 1px,#0000 1px) 0 0/14px 14px,#39ff8826;border-color:#53ff9d6b}.app-button--danger{color:#ffe6e6;background:linear-gradient(#ff5c5c12 1px,#0000 1px) 0 0/14px 14px,linear-gradient(90deg,#ff5c5c0e 1px,#0000 1px) 0 0/14px 14px,radial-gradient(220px 90px at 0 0,#ff505029,#0000 72%),#38090c6b;border-color:#ff565657;box-shadow:inset 0 0 18px #ff505009}.app-button--danger:hover:not(:disabled):not([aria-disabled=true]),.app-button--danger:focus-visible{background:linear-gradient(#ff5c5c17 1px,#0000 1px) 0 0/14px 14px,linear-gradient(90deg,#ff5c5c12 1px,#0000 1px) 0 0/14px 14px,radial-gradient(240px 100px at 0 0,#ff505038,#0000 72%),#480c0f85;border-color:#ff70708f;box-shadow:0 0 0 3px #ff505014,0 0 22px #ff50501f}.app-button__icon,.app-button__spinner{flex:none;place-items:center;display:grid}.app-button__icon{width:1.05em;height:1.05em}.app-button__icon svg{width:100%;height:100%;display:block}.app-button__label{overflow-wrap:anywhere;min-width:0}.app-button__spinner{border:2px solid;border-block-start-color:#0000;border-radius:999px;width:1em;height:1em;animation:.8s linear infinite appButtonSpin}@media (prefers-reduced-motion:reduce){.app-button{transition:none}.app-button:hover:not(:disabled):not([aria-disabled=true]),.app-button:active:not(:disabled):not([aria-disabled=true]){transform:none}.app-button__spinner{animation:none}}@keyframes appButtonSpin{to{transform:rotate(360deg)}}
