.btn{font-family:var(--font-family);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:-.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn svg,.btn .btn__icon,.btn .btn__label{align-items:center;gap:inherit;display:flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:28px;padding:0 10px;font-size:12px}.btn--md{height:34px;font-size:var(--font-size-sm);padding:0 14px}.btn--lg{height:44px;font-size:var(--font-size-md);padding:0 24px}.btn--primary{background-color:var(--color-accent);color:#fff;border:1px solid var(--color-accent-active);background-image:linear-gradient(#ffffff14 0%,#fff0 100%);box-shadow:0 1px 2px #3c42571f,0 1px 1px #00000014,inset 0 1px #ffffff1f}.btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover);transform:translateY(-.5px);box-shadow:0 2px 5px #3c42571f,0 3px 9px #635bff2e,inset 0 1px #ffffff26}.btn--secondary{background-color:var(--color-accent-light);color:var(--color-accent);box-shadow:none;border-color:#0000}.btn--secondary:hover:not(:disabled){color:var(--color-accent-hover);background-color:#e6e5ff}.btn--outline{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border);box-shadow:var(--shadow-xs)}.btn--outline:hover:not(:disabled){background-color:var(--color-bg-subtle);border-color:var(--color-accent-light);color:var(--color-accent);box-shadow:var(--shadow-sm)}.btn--ghost{color:var(--color-text-secondary);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-accent-light);color:var(--color-accent)}.btn--danger{background-color:var(--color-danger);color:var(--color-text-inverse);background-image:linear-gradient(#ffffff1a 0%,#fff0 100%);border-color:#0000000f;box-shadow:0 1px 2px #00000014}.btn--danger:hover:not(:disabled){background-color:#dc2626;box-shadow:0 2px 4px #0000001f}.btn--success{background-color:var(--color-success);color:var(--color-text-inverse);background-image:linear-gradient(#ffffff1a 0%,#fff0 100%);border-color:#0000000f;box-shadow:0 1px 2px #00000014}.btn--success.btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--full{width:100%}.btn--loading{color:#0000}.btn__spinner{animation:.8s linear infinite btn-spin;display:flex;position:absolute}.btn--loading .btn__spinner{color:var(--color-text-inverse)}.btn--loading.btn--secondary .btn__spinner,.btn--loading.btn--outline .btn__spinner,.btn--loading.btn--ghost .btn__spinner{color:var(--color-text-secondary)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn__icon{flex-shrink:0;align-items:center;display:flex}.btn__icon svg{width:16px;height:16px}.btn--lg .btn__icon svg{width:20px;height:20px}