.button{justify-content:center;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-mono);text-transform:none;letter-spacing:0;border:1px solid #0000;border-radius:5px;padding:11px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:transform .14s,box-shadow .14s,border-color .14s,background-color .14s,color .14s;display:inline-flex}.button:hover,.button:focus-visible,.button:active{text-decoration:none}.button:focus-visible{box-shadow:var(--focus-ring);outline:none}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);box-shadow:0 0 0 1px var(--color-accent), 0 12px 36px -8px rgba(var(--color-accent-rgb), .502)}.button--primary:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-bg);background:color-mix(in srgb, var(--color-accent) 88%, #fff);border-color:color-mix(in srgb, var(--color-accent) 88%, #fff);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 88%, #fff), 0 16px 40px -8px rgba(var(--color-accent-rgb), .62);transform:translateY(-1px)}.button--primary:active:not(:disabled):not([aria-disabled=true]){color:var(--color-bg);background:color-mix(in srgb, var(--color-accent) 82%, #000);border-color:color-mix(in srgb, var(--color-accent) 82%, #000);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 82%, #000), 0 4px 14px -8px rgba(var(--color-accent-rgb), .45);transition-duration:60ms;transform:translateY(1px)}.button--primary:focus-visible{box-shadow:var(--focus-ring), 0 12px 36px -8px rgba(var(--color-accent-rgb), .502)}.button--secondary{border-color:var(--color-border-hi);color:var(--color-text);background:0 0}.button--secondary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--color-accent);color:var(--color-accent)}.button--secondary:active:not(:disabled):not([aria-disabled=true]){background:#ffffff0a;transition-duration:60ms;transform:translateY(1px)}.button--ghost{color:var(--color-text);background:0 0;border-color:#0000}.button--ghost:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-accent);background:#ffffff0d}.button--ghost:active:not(:disabled):not([aria-disabled=true]){background:#ffffff14;transition-duration:60ms;transform:translateY(1px)}.button--danger{color:var(--color-err);background:0 0;border-color:#ff6b6b61}.button--danger:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--color-err);background:#ff6b6b14}.button--danger:active:not(:disabled):not([aria-disabled=true]){background:#ff6b6b24;transition-duration:60ms;transform:translateY(1px)}.button--sm{font-size:var(--font-size-sm);padding:8px 12px}.button--lg{font-size:var(--font-size-lg);padding:14px 22px}.button:disabled,.button[aria-disabled=true]{border-color:var(--color-border);color:var(--color-text-muted);box-shadow:none;cursor:not-allowed;background:0 0;transform:none}.button--ghost:disabled,.button--ghost[aria-disabled=true]{color:var(--color-text-dim);border-color:#0000}@media (prefers-reduced-motion:reduce){.button,.button:hover,.button:active{transition:none;transform:none}}